/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./projects/plannuh/src/styles.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */

.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */

.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */

.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */

.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */

.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */

.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */

@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

:root {
  --primary: #0063B7;
  --primary-darken: #2b66a5;
  --dark-mode-primary: #0FB3FF;
  --secondary: #fe6226;
  --secondary-darken: #dd5924;
  --warn: #FD5830;
  --warn-darken: #DA442F;
  --secondary-gray: #707070;
  --gray: #d2d2d2;
  --light-gray: #CCCCCC;
  --gray-darken: #8d8d8d;
  --gray-darkest: #272727;
  --blue: #5b8ec5;
  --blue-disabled: #dee6f1;
  --blue-grey-medium: #B7C1D0;
  --faded-light-blue: #EFF3F8;
  --light-blue: #6eb0f5;
  --dark-blue: #0041A0;
  --navy-blue: #061F38;
  --malibu: #76CEFF;
  --orange: #FF8A00;
  --light-orange: #FECA84;
  --dark-orange: #D96500;
  --red-alert: #FF0000;
  --red-disabled: #FEE3e3;
  --low-alert: #FF9901;
  --success: #27a364;
  --success-darken: #218a55;
  --purple: #4c368d;
  --corporate-purple: #7C55FB;
  --corporate-purple_04: rgba(124, 85, 251, 0.4);
  --corporate-green: #4CB050;
  --corporate-dark-green: #2C6C2F;
  --corporate-black: #333333;
  --corporate-magenta: #E82987;
  --corporate-magenta-a-01: rgba(232, 41, 135, 0.1);
  --corporate-magenta-a-02: rgba(232, 41, 135, 0.2);
  --corporate-red: #FD5830;
  --corporate-red-dark: #c74425;
  --corporate-red-a-06: rgba(253, 88, 48, .6);
  --corporate-blue: #008BCB;
  --corporate-white: #FFFFFF;
  --corporate-white_05: rgba(255, 255, 255, .5);
  --corporate-ultraviolet: #7C4FFF;
  --corporate-navy-violet: #362370;
  --corporate-navy-violet_08: rgba(54, 35, 112, 0.8);
  --corporate-navy-violet_007: rgba(54, 35, 112, 0.07);
  --corporate-navy-violet-dark: #261752;
  --dark-material-bg: #061F38;
  --dark-magenta: #A31259;
  /* Expense status colors */
  --status-closed: #323232;
  --status-committed: #4894E1;
  --status-planned: #7C55FB;
  /* Expense status colors ceg */
  --status-closed-ceg: #0063B7;
  --status-actual: #0063B7;
  --status-commited-ceg: #249BED;
  --status-planned-ceg: #76CEFF;
  --status-forecast: #7C55FB;
  /* Budget status colors */
  --status-reserved: #BABABA;
  --status-remaining: #BABABA;
  --status-available: #A8D6A9;
  --status-under-budget: #FECA84;
  --status-over-budget: #FD5830;
  --status-over-budget_a10: rgba(253, 88, 48, .1);
  --status-overspend: #FD5830;
  --remaining-green: #0F8914;
  /* FontAwesome colors */
  --fa-primary-color: #4C368D;
  --fa-secondary-color: #4C368D;
  --mat-default: #7084A1;
  --mat-focus-shadow: 0 7px 10px -1px rgba(129, 160, 198, .4);
  --mat-focus-shadow-warn: 0 4px 9px rgba(218, 68, 47, .35);
  --mat-focus-shadow-secondary: 0px 6px 10px -1px rgba(129, 160, 198, 0.35);
  --mat-focus-shadow-secondary-warn: 0px 6px 10px -1px rgba(218, 68, 47, .35);
  --black-a-02: rgba(0, 0, 0, .2);
  --black-a-06: rgba(0, 0, 0, .6);
  --selection-bg: rgba(0, 139, 203, .3);
  --mat-lilac: #6B87FF;
  --corporate-pink: #E85DC5;
}

html {
  font-size: 17px;
}

.pl-btn {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 25px;
  margin: 0;
  border-radius: 4px;
  font-weight: 500;
  font-size: 15px;
  transition: background-color 0.1s ease-in;
  cursor: pointer;
}

.pl-btn.transparent {
  background-color: transparent;
  color: var(--primary);
}

.pl-btn.transparent:not(:disabled):hover {
  background-color: transparent;
  color: var(--dark-blue);
}

.pl-btn.transparent:disabled {
  opacity: unset;
  color: #cccccc;
}

.pl-table {
  background-color: white;
  width: 100%;
}

.pl-table .table-headers-row {
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
}

.pl-table .table-headers-row th {
  color: #707070;
  font-size: 12px;
  line-height: 20px;
  padding: 5px 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.pl-table .table-data-row {
  /* border-bottom: 1px solid #eaeaea; */
}

.pl-table .table-data-row:nth-child(2n) {
  background-color: #f2f8ff;
}

.pl-table .table-data-row td {
  position: relative;
  vertical-align: top;
  word-break: break-word;
  color: #707070;
  font-size: 12px;
}

.pl-table .table-data-row td:last-child .cell-wrapper {
  text-align: right;
}

.pl-table .cell-wrapper {
  border-bottom: 1px solid transparent;
  border-top: 1px solid #eaeaea;
  padding: 5px 15px;
}

.pl-table .table-data-row.selected .cell-wrapper {
  border-top-color: var(--primary);
}

.pl-table .table-data-row.selected + tr .cell-wrapper {
  border-top-color: var(--primary);
}

/* OVERRIDE OF MATERIAL COMPONENTS */

/* FORM FIELD COMMON */

mat-form-field.mat-form-field.w-100 {
  width: 100%;
}

mat-form-field.mat-form-field,
mat-form-field.mat-form-field mat-select,
mat-dialog-container.mat-dialog-container,
.mat-select-panel mat-option.mat-option,
.mat-autocomplete-panel mat-option.mat-option,
snack-bar-container.mat-snack-bar-container,
mat-expansion-panel-header.mat-expansion-panel-header,
mat-expansion-panel .mat-expansion-panel-content {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 16px;
  color: var(--corporate-black);
}

mat-form-field.mat-form-field {
  margin-bottom: -1.34375em;
}

mat-form-field.mat-form-field-appearance-fill .mat-form-field-flex {
  height: 37px;
  padding: 3px 16px 0;
}

mat-form-field.mat-form-field-appearance-fill.mat-primary .mat-form-field-flex {
  background: #EFF3F8;
}

mat-form-field.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: white;
}

mat-form-field .mat-input-element {
  height: 24px;
  margin-top: unset;
  font-weight: 500;
}

mat-form-field .mat-input-element.cdk-text-field-autofill-monitored:-webkit-autofill,
mat-form-field .mat-input-element.cdk-text-field-autofill-monitored:-webkit-autofill:hover,
mat-form-field .mat-input-element.cdk-text-field-autofill-monitored:-webkit-autofill:focus,
mat-form-field .mat-input-element.cdk-text-field-autofill-monitored:-webkit-autofill:active {
  -webkit-text-fill-color: var(--corporate-black);
  -webkit-transition: none;
  transition: none;
}

mat-form-field.mat-form-field-appearance-fill.textarea .mat-form-field-flex {
  height: 55px;
  min-height: 55px;
}

mat-form-field.mat-form-field-appearance-fill.textarea.autosize .mat-form-field-flex {
  height: initial;
  min-height: initial;
}

mat-form-field textarea.mat-input-element {
  resize: none;
  height: 40px;
  margin-top: unset;
}

mat-form-field.minimized textarea.mat-input-element {
  height: 26px;
  min-height: 26px;
}

mat-form-field.mat-focused .mat-input-element {
  font-weight: 600;
}

mat-form-field.mat-primary .mat-input-element {
  color: #333;
  caret-color: var(--primary);
}

mat-form-field .mat-input-element::placeholder,
mat-form-field.mat-form-field .mat-form-field-label {
  font-size: 14px;
  font-weight: 500;
}

mat-form-field.mat-primary .mat-input-element::placeholder,
mat-form-field.mat-primary .mat-form-field-label,
mat-form-field.mat-primary.mat-form-field-disabled .mat-form-field-label {
  color: var(--mat-default);
}

mat-form-field.mat-form-field-invalid .mat-input-element::placeholder {
  color: #f44336;
}

mat-form-field.mat-form-field .mat-form-field-infix {
  padding: 0;
  border-top-width: 10px;
}

mat-form-field.mat-form-field .mat-form-field-label-wrapper {
  top: -5px;
  padding-top: 10px;
}

mat-form-field.mat-form-field.mat-form-field-should-float .mat-form-field-label-wrapper {
  top: -10px;
}

mat-form-field.mat-primary.mat-focused:not(.mat-form-field-invalid) .mat-form-field-label, mat-form-field.mat-primary.mat-focused:not(.mat-form-field-invalid).mat-form-field-should-float,
mat-form-field.mat-primary.mat-focused:not(.mat-form-field-invalid) .mat-input-element::placeholder {
  color: var(--primary);
}

mat-form-field.mat-form-field .mat-form-field-underline {
  bottom: 19px;
  transform: scaleY(1);
}

mat-form-field.mat-primary .mat-form-field-underline,
mat-form-field.mat-primary.mat-focused .mat-form-field-ripple {
  background-color: var(--primary);
}

mat-form-field.mat-primary .mat-form-field-ripple,
mat-form-field.mat-primary .mat-form-field-underline::before,
mat-form-field.mat-primary.mat-form-field-disabled:not(.no-label) .mat-form-field-underline::before {
  background-color: var(--mat-default);
}

mat-form-field.mat-primary.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(239, 243, 248, 0.3);
}

mat-form-field.mat-primary.mat-form-field-disabled .mat-form-field-label {
  color: rgba(112, 132, 161, 0.7) !important;
}

mat-form-field .mat-form-field-subscript-wrapper {
  margin-top: 0.18em;
  font-size: 11px;
  line-height: 1.3;
}

mat-form-field.mat-form-field .mat-form-field-flex {
  align-items: center;
}

mat-form-field .mat-form-field-appearance-fill .mat-form-field-subscript-wrapper {
  line-height: 12px;
}

mat-form-field.outline,
mat-form-field.outline .mat-form-field-wrapper {
  border-radius: 5px;
}

mat-form-field.outline .mat-form-field-wrapper {
  background-color: #ffffff;
  margin: 0;
}

mat-form-field.outline.no-label .mat-form-field-wrapper .mat-form-field-flex {
  height: 37px;
  margin: 0;
}

mat-form-field.outline .mat-form-field-infix {
  width: initial;
}

mat-form-field.outline .mat-form-field-outline {
  top: 0;
}

mat-form-field.outline .mat-form-field-outline {
  color: #ECF2F8;
}

mat-form-field.outline.active .mat-form-field-outline {
  color: var(--primary);
}

mat-form-field.outline.mat-focused .mat-form-field-outline,
mat-form-field.outline .mat-form-field-flex:hover .mat-form-field-outline {
  color: var(--dark-blue);
}

mat-form-field.outline.mat-form-field-disabled {
  pointer-events: none;
  opacity: 0.3;
}

mat-form-field.outline .mat-form-field-outline .mat-form-field-outline-start,
mat-form-field.outline .mat-form-field-outline .mat-form-field-outline-end {
  border-width: 1px;
}

mat-form-field.outline .mat-input-element {
  color: var(--primary);
}

mat-form-field.outline.mat-focused .mat-input-element,
mat-form-field.outline .mat-form-field-flex:hover .mat-input-element {
  color: var(--dark-blue);
}

mat-form-field.outline .mat-input-element::placeholder {
  color: #999999;
}

.mat-button-wrapper .mat-select-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  margin: 0 4px;
}

.mat-button-wrapper .mat-select-arrow.mat-select-arrow-up {
  transform: rotate(180deg);
}

.mat-button-wrapper .mat-select-arrow-wrapper {
  display: flex;
  margin-left: 8px;
}

.mat-button-wrapper .mat-select-arrow {
  margin: 0;
}

/* SELECT */

/* Should use this custom class for `mat-select` with `disableOptionCentering panelClass="mat-pl-select-panel"`
  to avoid conflicts with Autocomplete component */

.mat-pl-select-panel {
  margin-top: 30px;
}

.mat-select-panel.mat-primary {
  background-color: white;
}

.mat-select-panel.mat-select-fixed-position {
  margin-top: 21px;
  margin-bottom: 40px;
  max-width: 800px;
}

.mat-select-panel.mat-alloc-select-fixed-position {
  margin-top: 22px;
}

.mat-select-panel.mat-select-timezone {
  margin-left: 6px;
}

.mat-select-panel.mat-select-timezone mat-option.mat-option {
  font-size: 13px;
  height: 30px;
}

.mat-select-panel.mat-select-fixed-groups.segments-select .mat-optgroup-label {
  background: none;
  opacity: 0.4;
}

.mat-select-panel.mat-primary .mat-option,
.mat-select-panel.mat-primary .mat-option.mat-selected {
  color: var(--primary);
}

.mat-select-panel.mat-primary mat-option.mat-option.hidden {
  visibility: hidden;
}

.mat-select-panel.mat-primary mat-option.mat-option.mat-selected {
  font-weight: 600;
}

.mat-select-panel.mat-primary mat-option:hover:not(.mat-option-disabled),
.mat-select-panel.mat-primary mat-option.mat-selected:not(.mat-option-disabled) {
  background-color: rgba(0, 139, 203, 0.1);
}

.mat-form-field.mat-primary .mat-select-arrow,
.mat-form-field.mat-primary.mat-focused .mat-select-arrow {
  color: var(--mat-default);
}

mat-form-field.mat-primary .mat-select-value {
  color: #333333;
}

mat-form-field.mat-form-field .mat-select-value {
  padding-top: 3px;
}

mat-form-field.mat-form-field .mat-select-arrow-wrapper {
  transform: translateY(10%);
}

.mat-select-panel.mat-primary .mat-optgroup-label {
  color: var(--primary);
  background-color: rgb(239, 243, 248);
}

mat-form-field.mat-form-field.auto-width .mat-form-field-infix {
  width: auto;
}

mat-form-field.mat-form-field.auto-width .mat-select-value {
  width: auto;
  max-width: unset;
  flex-grow: 1;
}

.mat-select-placeholder {
  color: transparent;
}

mat-form-field.mat-form-field.auto-width .mat-select-trigger {
  width: 100%;
}

.mat-form-field-can-float.mat-form-field-should-float.auto-width .mat-form-field-label {
  text-overflow: initial;
  overflow: initial;
}

/* DATE PICKER */

mat-form-field.mat-form-field.date-picker .mat-form-field-infix {
  width: 104px;
}

mat-form-field.mat-form-field .mat-datepicker-content .mat-calendar {
  width: 308px;
  height: 370px;
}

mat-form-field.mat-form-field-appearance-fill.mat-form-field-disabled.date-picker .mat-form-field-flex {
  background-color: rgba(239, 243, 248, 0.3);
}

mat-form-field.mat-form-field-appearance-fill.mat-form-field-disabled.date-picker .mat-form-field-label {
  color: rgba(112, 132, 161, 0.7);
}

mat-form-field.mat-form-field-appearance-fill.mat-form-field-disabled.date-picker .mat-form-field-underline::before {
  background-color: var(--mat-default);
}

mat-form-field.mat-form-field-appearance-fill.date-picker .mat-form-field-suffix .mat-icon-button {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: transparent;
  --fa-primary-color: var(--primary);
  --fa-secondary-color: var(--primary);
}

/* override default bootstrap's modals - zIndex */

.cdk-overlay-container {
  z-index: 2000;
}

.cdk-overlay-container thead tr {
  height: unset !important;
}

.cdk-overlay-container .mat-datepicker-content,
.cdk-overlay-container .mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
}

.cdk-overlay-container .mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}

.cdk-overlay-container .mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}

.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
  background-color: initial;
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(232, 41, 135, 0.2);
}

.mat-datepicker-content .mat-button-focus-overlay {
  background-color: #000;
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected),
.mat-calendar-body-today:not(.mat-calendar-body-selected),
.mat-calendar-body-today.mat-calendar-body-selected,
.mat-calendar-budget-today .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-budget-today .mat-calendar-body-cell-content.mat-calendar-body-selected {
  border-color: var(--corporate-magenta);
}

.cdk-overlay-container .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: var(--corporate-magenta);
  color: white;
}

.mat-calendar-body-disabled.visible > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, 0.38);
}

/* MAT FLAT SELECT */

.flat-select-panel.mat-select-panel {
  min-width: 112px !important;
  margin-left: 15px;
  margin-top: 29px;
  box-shadow: 0 12px 30px rgba(150, 169, 188, 0.3);
  background: #fff;
}

.flat-select-panel mat-option.mat-option {
  height: 28px;
  padding: 0 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--primary);
  letter-spacing: -0.3px;
  background: #fff;
}

.flat-select-panel mat-option.mat-option:hover,
.flat-select-panel mat-option.mat-option.mat-selected:hover {
  background: rgba(0, 139, 203, 0.1);
}

.flat-select-panel.mat-select-panel .mat-ripple {
  display: none;
}

.flat-select-panel mat-option.mat-selected {
  font-weight: 700;
  color: var(--navy-blue);
}

.flat-select-panel .mat-option-text {
  position: relative;
  display: flex;
  align-items: center;
}

.flat-select-panel .with-indicator .mat-option-text {
  padding-left: 14px;
}

.flat-select-panel .option-indicator {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 5px;
  height: 5px;
  margin-right: 8px;
  margin-top: -3px;
  flex-shrink: 0;
  border-radius: 50%;
}

.flat-select-panel.mat-select-panel.task-status {
  min-width: 112px !important;
  margin-top: 21px;
  margin-bottom: 21px;
}

.flat-select-panel-extended mat-option.mat-option {
  height: 38px;
  font-size: 14px;
}

.flat-select-panel-extended mat-option.mat-selected {
  font-weight: 600;
}

/* AUTOCOMPLETE */

.mat-autocomplete-panel mat-option.mat-option {
  height: 36px;
}

.mat-autocomplete-panel mat-option.mat-option,
.mat-autocomplete-panel mat-option.mat-option.mat-selected {
  color: var(--primary);
}

.mat-autocomplete-panel {
  background-color: white;
}

.mat-autocomplete-panel mat-option:hover:not(.mat-option-disabled),
.mat-autocomplete-panel mat-option.mat-selected:hover:not(.mat-option-disabled),
.mat-autocomplete-panel mat-option.mat-selected:not(.mat-active):not(:hover),
.mat-autocomplete-panel mat-option.mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled),
.mat-autocomplete-panel mat-option.mat-option.mat-active,
.mat-autocomplete-panel mat-option.mat-option.mat-highlighted,
.mat-autocomplete-panel mat-option.mat-option.mat-selected {
  background-color: rgba(0, 139, 203, 0.1);
  color: var(--primary);
}

.mat-autocomplete-panel mat-option.mat-option.mat-highlighted:not(.mat-option-disabled):hover,
.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.mat-option-disabled):hover,
.mat-autocomplete-panel mat-option.mat-option.mat-selected:not(.mat-option-disabled):hover {
  font-weight: 600;
}

/* CHIPS */

mat-chip.mat-chip.mat-standard-chip.mat-chip-with-trailing-icon {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 6px;
  padding-left: 9px;
  min-height: 24px;
  border-radius: 30px;
}

mat-chip.mat-chip.mat-primary {
  background-color: rgba(56, 117, 179, 0.1);
  color: #333333;
}

mat-chip.mat-chip.mat-primary:not(.mat-chip-disabled) {
  background-color: rgba(56, 117, 179, 0.15);
}

mat-chip.mat-chip.mat-primary:not(.mat-chip-disabled):hover {
  background-color: rgba(56, 117, 179, 0.2);
}

mat-chip.mat-chip .mat-form-field-flex {
  height: unset;
  padding: 5px 16px;
}

mat-chip.mat-chip.mat-primary .mat-chip-remove {
  color: var(--primary);
  opacity: 0.8;
}

mat-chip.mat-chip.mat-primary:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 1;
}

mat-chip.mat-chip.mat-primary::after {
  opacity: 0;
}

mat-form-field .mat-chip-list-wrapper {
  max-height: 142px;
  overflow: auto;
}

mat-form-field.mat-form-field.chip-list .mat-form-field-flex {
  overflow: auto;
}

/* No-validate */

mat-form-field.mat-form-field.no-validate {
  margin-bottom: 0;
}

mat-form-field.mat-form-field.no-validate .mat-form-field-wrapper {
  padding-bottom: 0px;
}

mat-form-field.mat-form-field.no-validate .mat-form-field-underline {
  bottom: 0px;
}

mat-form-field.mat-form-field.no-validate .mat-form-field-subscript-wrapper {
  display: none;
}

/* No-label */

mat-form-field.mat-form-field.no-label .mat-form-field-flex {
  height: 27px;
}

mat-form-field.mat-form-field.no-label .mat-form-field-infix {
  border-top: none;
}

mat-form-field.mat-form-field.no-label .mat-form-field-label-wrapper {
  display: none;
}

mat-form-field.mat-form-field.chip-list.no-label .mat-form-field-flex {
  height: unset;
  min-height: 27px;
  padding: 5px 16px;
}

/* BUTTONS */

a.mat-button-base,
button.mat-button-base {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 15px;
  transition: all 0.25s;
}

a.mat-button-base .mat-button-wrapper,
button.mat-button-base .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

a.mat-button-base[disabled],
button.mat-button-base[disabled] {
  opacity: 0.4;
  pointer-events: none;
}

a.mat-button-base.mat-button, a.mat-button-base.mat-flat-button, a.mat-button-base.mat-stroked-button,
button.mat-button-base.mat-button,
button.mat-button-base.mat-flat-button,
button.mat-button-base.mat-stroked-button {
  padding: 0 10px;
}

a.mat-button-base.mat-flat-button.mat-primary, a.mat-button-base.mat-flat-button.mat-warn,
button.mat-button-base.mat-flat-button.mat-primary,
button.mat-button-base.mat-flat-button.mat-warn {
  font-weight: 600;
}

a.mat-button-base.mat-flat-button.mat-primary:focus,
button.mat-button-base.mat-flat-button.mat-primary:focus {
  box-shadow: var(--mat-focus-shadow);
}

a.mat-button-base.mat-flat-button.mat-warn:focus,
button.mat-button-base.mat-flat-button.mat-warn:focus {
  box-shadow: var(--mat-focus-shadow-warn);
}

a.mat-button-base.mat-button.mat-primary:focus, a.mat-button-base.mat-stroked-button.mat-primary:focus,
button.mat-button-base.mat-button.mat-primary:focus,
button.mat-button-base.mat-stroked-button.mat-primary:focus {
  box-shadow: var(--mat-focus-shadow-secondary);
}

a.mat-button-base.mat-button.mat-warn:focus, a.mat-button-base.mat-stroked-button.mat-warn:focus,
button.mat-button-base.mat-button.mat-warn:focus,
button.mat-button-base.mat-stroked-button.mat-warn:focus {
  box-shadow: var(--mat-focus-shadow-secondary-warn);
}

a.mat-button-base.mat-button,
button.mat-button-base.mat-button {
  border: 1px solid transparent;
  line-height: 34px;
}

a.mat-button-base.mat-button.mat-primary:hover, a.mat-button-base.mat-button.mat-primary:focus,
button.mat-button-base.mat-button.mat-primary:hover,
button.mat-button-base.mat-button.mat-primary:focus {
  color: var(--dark-blue);
  border-color: var(--dark-blue);
}

a.mat-button-base.mat-button.mat-primary.mat-button-disabled,
button.mat-button-base.mat-button.mat-primary.mat-button-disabled {
  color: var(--primary);
}

a.mat-button-base.mat-button.tertiary-btn,
button.mat-button-base.mat-button.tertiary-btn {
  height: 36px;
  border: none !important;
  color: var(--primary);
}

a.mat-button-base.mat-button.tertiary-btn:focus, a.mat-button-base.mat-button.tertiary-btn:hover,
button.mat-button-base.mat-button.tertiary-btn:focus,
button.mat-button-base.mat-button.tertiary-btn:hover {
  background: rgba(56, 117, 179, 0.15);
  color: var(--dark-blue);
}

a.mat-button-base.mat-button.mat-warn:hover, a.mat-button-base.mat-button.mat-warn:focus,
button.mat-button-base.mat-button.mat-warn:hover,
button.mat-button-base.mat-button.mat-warn:focus {
  color: var(--warn-darken);
  border-color: var(--warn-darken);
}

a.mat-button-base.mat-button.mat-warn.mat-button-disabled,
button.mat-button-base.mat-button.mat-warn.mat-button-disabled {
  color: var(--warn);
}

a.mat-button-base.mat-button .mat-button-focus-overlay,
button.mat-button-base.mat-button .mat-button-focus-overlay {
  background-color: transparent;
}

a.mat-button-base.mat-flat-button.mat-primary:hover, a.mat-button-base.mat-flat-button.mat-primary:focus,
button.mat-button-base.mat-flat-button.mat-primary:hover,
button.mat-button-base.mat-flat-button.mat-primary:focus {
  background-color: var(--dark-blue);
}

a.mat-button-base.mat-flat-button.mat-primary.mat-button-disabled,
button.mat-button-base.mat-flat-button.mat-primary.mat-button-disabled {
  color: var(--corporate-white);
  background-color: var(--primary);
}

a.mat-button-base.mat-flat-button.mat-warn,
button.mat-button-base.mat-flat-button.mat-warn {
  color: white;
}

a.mat-button-base.mat-flat-button.mat-warn:hover,
button.mat-button-base.mat-flat-button.mat-warn:hover {
  background-color: var(--warn-darken);
}

a.mat-button-base.mat-flat-button.mat-warn:focus,
button.mat-button-base.mat-flat-button.mat-warn:focus {
  background-color: var(--warn-darken);
}

a.mat-button-base.mat-flat-button.mat-warn.mat-button-disabled,
button.mat-button-base.mat-flat-button.mat-warn.mat-button-disabled {
  background-color: var(--warn);
}

a.mat-button-base.mat-stroked-button,
button.mat-button-base.mat-stroked-button {
  background-color: white;
}

a.mat-button-base.mat-stroked-button .mat-button-focus-overlay,
button.mat-button-base.mat-stroked-button .mat-button-focus-overlay {
  display: none;
}

a.mat-button-base.mat-stroked-button.mat-primary,
button.mat-button-base.mat-stroked-button.mat-primary {
  border-color: var(--primary);
}

a.mat-button-base.mat-stroked-button.mat-primary:hover, a.mat-button-base.mat-stroked-button.mat-primary:focus,
button.mat-button-base.mat-stroked-button.mat-primary:hover,
button.mat-button-base.mat-stroked-button.mat-primary:focus {
  color: var(--dark-blue);
  border-color: var(--dark-blue);
}

a.mat-button-base.mat-stroked-button.mat-primary.mat-button-disabled,
button.mat-button-base.mat-stroked-button.mat-primary.mat-button-disabled {
  color: var(--primary);
}

a.mat-button-base.mat-stroked-button.mat-warn,
button.mat-button-base.mat-stroked-button.mat-warn {
  border-color: var(--warn);
}

a.mat-button-base.mat-stroked-button.mat-warn:hover, a.mat-button-base.mat-stroked-button.mat-warn:focus,
button.mat-button-base.mat-stroked-button.mat-warn:hover,
button.mat-button-base.mat-stroked-button.mat-warn:focus {
  color: var(--warn-darken);
  border-color: var(--warn-darken);
}

a.mat-button-base.mat-stroked-button.mat-warn.mat-button-disabled,
button.mat-button-base.mat-stroked-button.mat-warn.mat-button-disabled {
  color: var(--warn);
}

/* MENU */

.mat-pl-menu.mat-menu-panel {
  --fa-primary-color: var(--primary);
  --fa-secondary-color: var(--primary);
  max-height: 360px;
  min-height: 36px;
  background: #fff;
}

.mat-pl-menu .mat-menu-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 38px;
  margin: 0;
  line-height: 1;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-size: 14px;
  color: var(--primary);
}

.mat-pl-menu .mat-menu-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  color: var(--navy-blue);
}

.mat-pl-menu .mat-menu-item .primary-icon,
.mat-pl-menu .mat-menu-item fa-duotone-icon,
.mat-pl-menu .mat-menu-item fa-icon {
  display: flex;
  font-size: 19px;
  width: 18px;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
  margin-left: -2px;
  flex-shrink: 0;
}

.mat-pl-menu .mat-menu-item[disabled] {
  --fa-primary-color: rgba(0, 0, 0, 0.38);
  --fa-secondary-color: rgba(0, 0, 0, 0.38);
  opacity: 0.3;
}

.mat-pl-menu .mat-menu-item-submenu-trigger::after {
  color: var(--primary);
}

.mat-pl-menu .mat-menu-item:hover,
.mat-pl-menu .mat-menu-item:active,
.mat-pl-menu .mat-menu-item.mat-menu-item-highlighted {
  background: rgba(72, 148, 225, 0.1) !important;
}

.mat-pl-menu .mat-menu-content.no-padding {
  padding: 0;
}

.mat-pl-menu .mat-menu-item.mat-pl-danger {
  --fa-primary-color: red;
  --fa-secondary-color: red;
  color: red;
}

.mat-pl-menu .mat-menu-item.mat-pl-danger:hover {
  background: rgba(223, 17, 17, 0.1);
}

.mat-pl-menu .mat-menu-item.mat-pl-divider {
  border-top: 1px solid var(--gray);
}

.mat-pl-menu.align-content-left {
  margin-left: -16px;
}

.mat-pl-menu .mat-menu-submenu-icon {
  display: none;
}

/* CHECKBOX */

.mat-checkbox input {
  visibility: hidden;
}

.mat-checkbox .mat-checkbox-layout {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: capitalize;
}

.mat-checkbox .mat-checkbox-frame,
.mat-checkbox.mat-checkbox-disabled .mat-checkbox-frame {
  border-color: #BABABA;
}

.mat-checkbox.mat-checkbox-disabled {
  opacity: 0.2;
}

mat-option .mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.2);
}

.mat-checkbox.mat-primary.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox.mat-primary.mat-checkbox-indeterminate .mat-checkbox-background,
.mat-option .mat-pseudo-checkbox.mat-pseudo-checkbox-checked {
  background-color: var(--primary);
}

.mat-option .mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after {
  color: white;
}

.mat-checkbox-indeterminate .mat-checkbox-mixedmark {
  background-color: white;
}

.mat-checkbox .mat-checkbox-background svg path {
  stroke: white !important;
}

.mat-checkbox .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
  opacity: 0.1;
}

.pl-mat-checkbox.mat-checkbox .mat-checkbox-ripple {
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.pl-mat-checkbox.mat-checkbox.primary-ripple .mat-ripple-element {
  background-color: rgb(56, 117, 179);
}

.pl-mat-checkbox.mat-checkbox.primary-ripple .mat-checkbox-inner-container:hover .mat-ripple-element {
  opacity: 0.2;
}

/* Font Awesome */

fa-icon svg path {
  fill: var(--fa-primary-color);
}

fa-duotone-icon.primary {
  --fa-primary-color: var(--primary);
  --fa-secondary-color: var(--primary);
}

/* SNACK BARS */

snack-bar-container.mat-snack-bar-container {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.02em;
  color: #fff;
  background: var(--navy-blue);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
}

snack-bar-container.mat-snack-bar-container simple-snack-bar {
  white-space: pre-line;
}

snack-bar-container .mat-simple-snackbar-action {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 20px;
  margin: 0 0 0 30px;
}

snack-bar-container .mat-simple-snackbar-action button {
  padding: 0;
  color: var(--status-committed);
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  opacity: 0.9;
  transition: none;
  letter-spacing: 0.09em;
}

snack-bar-container .mat-simple-snackbar-action button:hover {
  background: none;
  opacity: 1;
}

snack-bar-container .mat-simple-snackbar-action button .mat-button-focus-overlay {
  display: none;
}

simple-snack-bar {
  width: 100%;
}

/* SLIDE TOGGLE */

mat-slide-toggle .mat-slide-toggle-bar {
  width: 27px;
  height: 18px;
  border-radius: 10px;
  background: #C6C6C6;
}

mat-slide-toggle .mat-slide-toggle-thumb-container {
  width: 12px;
  height: 12px;
  left: 3px;
  top: 3px;
}

mat-slide-toggle .mat-slide-toggle-thumb {
  width: 12px;
  height: 12px;
  box-shadow: none;
  background: var(--secondary-gray);
}

mat-slide-toggle.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background: var(--primary);
}

mat-slide-toggle.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background: rgb(174, 194, 217);
}

mat-slide-toggle.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(9px, 0, 0);
}

mat-slide-toggle .mat-slide-toggle.mat-checked .mat-ripple-element {
  background: var(--primary);
}

.mat-slide-toggle-input.cdk-visually-hidden {
  display: none;
}

/* TIME PICKER */

mat-form-field.time-field {
  width: 116px;
}

mat-form-field.time-field .mat-form-field-underline {
  display: none;
}

mat-form-field.time-field .mat-form-field-flex {
  padding: 0 10px;
}

mat-form-field.time-field .mat-form-field-infix {
  border-top: 0;
}

mat-form-field.time-field .mat-form-field-label-wrapper {
  top: 0;
  padding-top: 0;
}

mat-form-field.time-field fa-icon {
  font-size: 20px;
  --fa-primary-color: var(--primary);
  --fa-secondary-color: var(--primary);
}

.timepicker .timepicker-dial .timepicker-period__btn:hover {
  background: initial;
}

.timepicker .timepicker-dial .timepicker-period__btn {
  margin: 0;
}

.timepicker .timepicker-dial input {
  height: auto;
}

.timepicker .timepicker__actions {
  border-top: 1px solid #eee;
}

.timepicker .timepicker__actions .timepicker-button {
  padding: 0 20px;
}

ngx-material-timepicker-container {
  position: relative;
  z-index: 2100;
}

.p-form-field-outline.mat-form-field.mat-form-field:not(.chip-list) .mat-form-field-label-wrapper {
  top: -12px;
}

.p-form-field-outline.mat-form-field.mat-form-field.chip-list .mat-form-field-label-wrapper {
  top: -10px;
}

.p-form-field-outline.mat-form-field-appearance-outline {
  display: block;
  margin-bottom: 2px;
}

.p-form-field-outline.mat-form-field-appearance-outline mat-select {
  height: 24px;
}

.p-form-field-outline.mat-form-field-appearance-outline mat-select .mat-select-arrow {
  position: relative;
  height: 6px;
  width: 10px;
  margin: 0;
  border: none;
  background: none;
  color: var(--primary);
}

.p-form-field-outline.mat-form-field-appearance-outline mat-select .mat-select-arrow:before, .p-form-field-outline.mat-form-field-appearance-outline mat-select .mat-select-arrow:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 4px;
  height: 8px;
  width: 2px;
  border-radius: 1px;
  background-color: currentColor;
  transform-origin: 50% calc(100% - 1px);
}

.p-form-field-outline.mat-form-field-appearance-outline mat-select .mat-select-arrow:after {
  transform: rotateZ(48deg);
}

.p-form-field-outline.mat-form-field-appearance-outline mat-select .mat-select-arrow:before {
  transform: rotateZ(-48deg);
}

.p-form-field-outline.mat-form-field-appearance-outline.mat-form-field-disabled {
  opacity: 0.5;
}

.p-form-field-outline.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-flex {
  background-color: transparent;
}

.p-form-field-outline.mat-form-field-appearance-outline .mat-form-field-outline {
  top: 4px;
  color: var(--blue-disabled);
}

.p-form-field-outline.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: var(--primary);
}

.p-form-field-outline.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.p-form-field-outline.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.p-form-field-outline.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 1px;
}

.p-form-field-outline.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: var(--primary);
}

.p-form-field-outline.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick .mat-form-field-outline-start,
.p-form-field-outline.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick .mat-form-field-outline-end,
.p-form-field-outline.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 2px;
}

.p-form-field-outline.mat-form-field-appearance-outline:not(.textarea.autosize) .mat-form-field-flex {
  height: 56px;
}

.p-form-field-outline.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 9px 0 !important;
  border-top: 9px solid transparent !important;
}

.p-form-field-outline.mat-form-field-appearance-outline .mat-input-element,
.p-form-field-outline.mat-form-field-appearance-outline .mat-select-value-text {
  font-size: 15px;
  font-weight: 600;
  color: var(--navy-blue);
}

.p-form-field-outline.mat-form-field-appearance-outline .mat-form-field-required-marker {
  color: inherit !important;
}

.p-form-field-outline.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
  padding: 2px 10px;
  font-size: 11px;
  line-height: 1.6;
}

.p-form-field-outline.mat-form-field-appearance-outline .mat-hint {
  color: #707070;
}

.icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin: 14px 12px 0 0;
}

.p-form-field-outline.mat-form-field.mat-primary:not(.mat-form-field-invalid) .mat-form-field-label {
  color: var(--mat-default);
}

.p-form-field-outline.mat-form-field.mat-primary:not(.mat-form-field-invalid):hover .mat-form-field-label {
  color: var(--primary);
}

.p-form-field-outline.mat-form-field.mat-primary:not(.mat-form-field-invalid).mat-focused .mat-form-field-label {
  color: var(--primary);
}

.mat-calendar.metric-editor-date-picker {
  position: relative;
  min-height: 395px;
}

.mat-calendar.metric-editor-date-picker:after {
  content: "Select a day for adding a new metric value. Update existing values in the History";
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 0 16px;
  font-family: Arial;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #707070;
}

.mat-calendar.metric-editor-date-picker button:not(.mat-calendar-budget-today) .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar.task-due-date-picker button:not(.mat-calendar-budget-today) .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: var(--corporate-white);
}

.mat-calendar.metric-editor-date-picker button:not(.mat-calendar-budget-today) .mat-calendar-body-cell-content.mat-calendar-body-selected,
.mat-calendar.task-due-date-picker button:not(.mat-calendar-budget-today) .mat-calendar-body-cell-content.mat-calendar-body-selected {
  box-shadow: none;
}

.mat-calendar.metric-editor-date-picker .mat-calendar-budget-today .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar.task-due-date-picker .mat-calendar-budget-today .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-calendar.metric-editor-date-picker .mat-calendar-budget-today .mat-calendar-body-cell-content.mat-calendar-body-selected,
.mat-calendar.task-due-date-picker .mat-calendar-budget-today .mat-calendar-body-cell-content.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.mat-tab-label-content {
  color: var(--secondary-gray);
  font-weight: 600;
  font-size: 14px;
  font-family: "DM Sans", sans-serif;
}

.mat-tab-label-active .mat-tab-label-content {
  color: var(--primary);
  font-weight: 700;
}

.mat-ink-bar {
  background-color: var(--primary);
}

.custom-scrollbar ::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 50px;
  background-color: transparent;
}

.custom-scrollbar ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  box-shadow: none;
  background-color: transparent;
}

.custom-scrollbar ::-webkit-scrollbar-thumb {
  border-radius: 50px;
  border: 3px solid rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
  opacity: 0.8;
}

.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-badge-small .mat-badge-content {
  font-size: 9px;
}

.mat-badge-large .mat-badge-content {
  font-size: 24px;
}

.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}

.mat-card-header .mat-card-title {
  font-size: 20px;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-chip {
  font-size: 14px;
  font-weight: 500;
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell, .mat-footer-cell {
  font-size: 14px;
}

.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-calendar-body {
  font-size: 13px;
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}

.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.34375em;
}

.mat-form-field-underline {
  bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}

.mat-step-sub-label-error {
  font-weight: normal;
}

.mat-step-label-error {
  font-size: 14px;
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-base .mat-list-item {
  font-size: 16px;
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}

.mat-list-base .mat-list-option {
  font-size: 16px;
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}

.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}

.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}

.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}

[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }

@keyframes cdk-text-field-autofill-end { /*!*/ }

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}

.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}

.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}

.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}

.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-option {
  color: rgba(0, 0, 0, 0.87);
}

.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}

.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0063b7;
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0fb3ff;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #fd5830;
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}

.mat-pseudo-checkbox::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #0063b7;
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #0fb3ff;
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #fd5830;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4 {
  box-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-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8 {
  box-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-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-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-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}

.mat-badge {
  position: relative;
}

.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

.mat-badge-content {
  color: white;
  background: #0063b7;
}

.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-accent .mat-badge-content {
  background: #0fb3ff;
  color: black;
}

.mat-badge-warn .mat-badge-content {
  color: black;
  background: #fd5830;
}

.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}

.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}

.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #0063b7;
}

.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #0fb3ff;
}

.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #fd5830;
}

.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #0063b7;
}

.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #0fb3ff;
}

.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #fd5830;
}

.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}

.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.mat-button-focus-overlay {
  background: black;
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: black;
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: black;
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #0063b7;
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #0fb3ff;
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #fd5830;
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-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-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #e0e0e0;
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #e0e0e0;
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #e0e0e0;
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #e0e0e0;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #0063b7;
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #0fb3ff;
}

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #fd5830;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox .mat-ripple-element {
  background-color: black;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #0063b7;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #0fb3ff;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #fd5830;
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}

.mat-chip.mat-standard-chip::after {
  background: black;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #0063b7;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #fd5830;
  color: black;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: black;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #0fb3ff;
  color: black;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: black;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-table {
  background: white;
}

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}

.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}

.mat-calendar-body-in-range::before {
  background: rgba(0, 99, 183, 0.2);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(0, 99, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(0, 99, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-calendar-body-selected {
  background-color: #0063b7;
  color: white;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(0, 99, 183, 0.4);
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(0, 99, 183, 0.3);
}

@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(0, 99, 183, 0.3);
  }
}

.mat-datepicker-content {
  box-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);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(15, 179, 255, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(15, 179, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(15, 179, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #0fb3ff;
  color: black;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(15, 179, 255, 0.4);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px black;
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(15, 179, 255, 0.3);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(15, 179, 255, 0.3);
  }
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(253, 88, 48, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(253, 88, 48, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(253, 88, 48, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #fd5830;
  color: black;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(253, 88, 48, 0.4);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px black;
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(253, 88, 48, 0.3);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(253, 88, 48, 0.3);
  }
}

.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-datepicker-toggle-active {
  color: #0063b7;
}

.mat-datepicker-toggle-active.mat-accent {
  color: #0fb3ff;
}

.mat-datepicker-toggle-active.mat-warn {
  color: #fd5830;
}

.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}

.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}

.mat-expansion-panel-header {
  height: 48px;
}

.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #0063b7;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #0fb3ff;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #fd5830;
}

.mat-focused .mat-form-field-required-marker {
  color: #0fb3ff;
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #0063b7;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #0fb3ff;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #fd5830;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #0063b7;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #0fb3ff;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #fd5830;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #fd5830;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #fd5830;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #fd5830;
}

.mat-error {
  color: #fd5830;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #0063b7;
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #0fb3ff;
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #fd5830;
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #fd5830;
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}

.mat-icon.mat-primary {
  color: #0063b7;
}

.mat-icon.mat-accent {
  color: #0fb3ff;
}

.mat-icon.mat-warn {
  color: #fd5830;
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-input-element {
  caret-color: #0063b7;
}

.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: #0fb3ff;
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #fd5830;
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #fd5830;
}

.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}

.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}

.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}

.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}

.mat-menu-panel {
  background: white;
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-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-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-paginator {
  background: white;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-paginator-container {
  min-height: 56px;
}

.mat-progress-bar-background {
  fill: #bcd4e9;
}

.mat-progress-bar-buffer {
  background-color: #bcd4e9;
}

.mat-progress-bar-fill::after {
  background-color: #0063b7;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #bfe8fb;
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #bfe8fb;
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #0fb3ff;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #fbd2c8;
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #fbd2c8;
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #fd5830;
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #0063b7;
}

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #0fb3ff;
}

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #fd5830;
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #0063b7;
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #0063b7;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #0fb3ff;
}

.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 {
  background-color: #0fb3ff;
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #fd5830;
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #fd5830;
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button .mat-ripple-element {
  background-color: black;
}

.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-select-panel {
  background: white;
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  box-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-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #0063b7;
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #0fb3ff;
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #fd5830;
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #fd5830;
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer.mat-drawer-push {
  background-color: white;
}

.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}

[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #0fb3ff;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(15, 179, 255, 0.54);
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #0fb3ff;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #0063b7;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 99, 183, 0.54);
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #0063b7;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #fd5830;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(253, 88, 48, 0.54);
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #fd5830;
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}

.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #0063b7;
}

.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}

.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(0, 99, 183, 0.2);
}

.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #0fb3ff;
}

.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: black;
}

.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(15, 179, 255, 0.2);
}

.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #fd5830;
}

.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: black;
}

.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(253, 88, 48, 0.2);
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}

@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}

.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #0063b7;
  color: white;
}

.mat-step-header.mat-accent .mat-step-icon {
  color: black;
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #0fb3ff;
  color: black;
}

.mat-step-header.mat-warn .mat-step-icon {
  color: black;
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #fd5830;
  color: black;
}

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #fd5830;
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}

.mat-step-header .mat-step-label.mat-step-label-error {
  color: #fd5830;
}

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-horizontal-stepper-header {
  height: 72px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}

.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}

.mat-sort-header-arrow {
  color: #757575;
}

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(195, 214, 232, 0.3);
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #0063b7;
}

.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(183, 232, 255, 0.3);
}

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #0fb3ff;
}

.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: black;
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(254, 205, 193, 0.3);
}

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #fd5830;
}

.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: black;
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(195, 214, 232, 0.3);
}

.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #0063b7;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(183, 232, 255, 0.3);
}

.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #0fb3ff;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: black;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.4);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: black;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: black;
  opacity: 0.4;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: black;
  opacity: 0.12;
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(254, 205, 193, 0.3);
}

.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #fd5830;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: black;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.4);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: black;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: black;
  opacity: 0.4;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: black;
  opacity: 0.12;
}

.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  background: #0063b7;
  color: white;
}

.mat-toolbar.mat-accent {
  background: #0fb3ff;
  color: black;
}

.mat-toolbar.mat-warn {
  background: #fd5830;
  color: black;
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}

.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}

.mat-toolbar-multiple-rows {
  min-height: 64px;
}

.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}

@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 48px;
}

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-simple-snackbar-action {
  color: #0fb3ff;
}

.auth-page {
  width: 100%;
  height: 100%;
  display: flex;
}

.auth-page .logo {
  width: 195px;
  margin: 0 auto;
  padding-bottom: 37px;
  position: unset;
  height: unset;
  text-align: center;
}

.auth-page-content {
  position: relative;
  padding-top: 20vh;
  margin: 0 auto;
}

.auth-page-content.split-view {
  padding-top: calc(15vh - 10px);
  padding-right: 150px;
  flex: 0 0 50%;
}

.auth-page-content.split-view .login-form-container {
  margin-left: auto;
}

.auth-page-content .auth-page-content-title {
  color: var(--navy-blue);
  font-size: 30px;
  font-family: "DM Serif Text", serif;
  text-align: center;
  padding-top: 23px;
  padding-bottom: 30px;
}

.auth-page-content .auth-page-content-title.title-big {
  font-size: 48px;
  line-height: 48px;
  padding-bottom: 21px;
}

.forgot-password-screen .auth-page-content {
  flex: unset;
  padding-right: 0;
  width: 100%;
}

.auth-page.login-screen .auth-page-form input,
.auth-page.forgot-password-screen .auth-page-form input {
  text-align: left;
}

.auth-page-content .auth-page-form {
  padding: 23px 70px;
}

.auth-page-content-subtitle {
  font-size: 18px;
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
  color: rgb(39, 86, 138);
}

.auth-page .auth-page-text {
  font-size: 14px;
  font-weight: normal;
  color: #505f66;
  margin-bottom: 5px;
}

.password-form-field {
  position: relative;
}

.password-form-field .form-field-input {
  padding-right: 25px;
}

.password-form-field .toggle-visibility-btn {
  width: 20px;
  padding: 0;
  background: transparent;
  position: absolute;
  top: 33px;
  right: 6px;
}

.password-form-field .toggle-visibility-btn fa-icon {
  --fa-primary-color: var(--blue-grey-medium);
}

.editable-content-control {
  --placeholder-font-size: 12px;
  --placeholder-font-weight: 500;
  --placeholder-font-style: normal;
  --placeholder-color: #A0A0A0;
  --error-color: red;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 44px;
  border-radius: 5px;
  border: 1px solid transparent;
  cursor: pointer;
  color: var(--primary);
  font-weight: 500;
}

.editable-content-control.is-readonly {
  cursor: default;
}

.editable-content-control.is-number {
  font-family: "B612", monospace;
}

.editable-content-control.is-number input[type=number] {
  font-family: inherit;
}

.editable-content-control:not(.is-readonly):hover, .editable-content-control.edit-mode {
  border-color: var(--primary);
  background: #fff;
}

.editable-content-control.edit-mode textarea,
.editable-content-control.edit-mode input {
  display: block;
}

.editable-content-control textarea, .editable-content-control input {
  display: none;
  width: 100%;
  max-height: 28px;
  height: 14px;
  padding: 0 10px !important;
  min-height: auto;
  font-size: 12px;
  line-height: 14px;
  color: var(--primary);
  overflow: auto !important;
  word-break: break-all;
  transition: none;
  background-color: transparent;
}

.editable-content-control textarea:focus, .editable-content-control input:focus {
  color: var(--primary);
}

.editable-content-control textarea::placeholder, .editable-content-control input::placeholder {
  font-size: var(--placeholder-font-size);
  font-weight: var(--placeholder-font-weight);
  font-style: var(--placeholder-font-style);
  color: var(--placeholder-color);
}

.editable-content-control textarea::-webkit-input-placeholder, .editable-content-control input::-webkit-input-placeholder {
  font-size: var(--placeholder-font-size);
  font-weight: var(--placeholder-font-weight);
  font-style: var(--placeholder-font-style);
  color: var(--placeholder-color);
}

.editable-content-control textarea::-moz-placeholder, .editable-content-control input::-moz-placeholder {
  font-size: var(--placeholder-font-size);
  font-weight: var(--placeholder-font-weight);
  font-style: var(--placeholder-font-style);
  color: var(--placeholder-color);
}

.editable-content-control textarea::-ms-input-placeholder, .editable-content-control input::-ms-input-placeholder {
  font-size: var(--placeholder-font-size);
  font-weight: var(--placeholder-font-weight);
  font-style: var(--placeholder-font-style);
  color: var(--placeholder-color);
}

.editable-content-control .read-value {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  max-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  word-break: break-word;
}

.editable-content-control ::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 50px;
  background-color: transparent;
}

.editable-content-control ::-webkit-scrollbar {
  width: 2px;
  box-shadow: none;
  background-color: transparent;
}

.editable-content-control ::-webkit-scrollbar-thumb {
  border-radius: 50px;
  border: 3px solid rgba(0, 0, 0, 0.4);
  background-color: #fff;
  background-clip: padding-box;
  opacity: 0.8;
}

.editable-content-control .error-message {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  opacity: 0;
  visibility: hidden;
  padding: 5px 10px;
  background: #fff;
  box-shadow: 0 4px 6px rgba(233, 48, 2, 0.12);
  font-weight: 500;
  font-size: 9px;
  line-height: 12px;
  color: var(--error-color);
  transition: 0.2s ease;
  z-index: 1;
}

.editable-content-control.is-empty .read-value {
  color: var(--placeholder-color);
}

.editable-content-control.has-errors {
  border-color: var(--error-color) !important;
}

.editable-content-control.has-errors.edit-mode .error-message, .editable-content-control.has-errors:hover .error-message {
  opacity: 1;
  visibility: visible;
}

.filter-select,
.mat-select-panel.filter-select {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 420px;
}

.filter-select .option-text,
.filter-select .mat-option-text,
.mat-select-panel.filter-select .option-text,
.mat-select-panel.filter-select .mat-option-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-pack: center;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 20px;
}

.filter-select select-option,
.filter-select .mat-option, .filter-select.group-mode .mat-optgroup-label,
.mat-select-panel.filter-select select-option,
.mat-select-panel.filter-select .mat-option,
.mat-select-panel.filter-select.group-mode .mat-optgroup-label {
  background: white;
  line-height: 38px;
  height: auto;
  min-height: 38px;
}

.filter-select select-option,
.filter-select mat-option,
.filter-select .mat-option,
.mat-select-panel.filter-select select-option,
.mat-select-panel.filter-select mat-option,
.mat-select-panel.filter-select .mat-option {
  max-height: 40px;
  padding-left: 10px;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: 0 0;
  transition: opacity 0.25s, max-height 0.15s 0.25s, transform 0.35s;
}

.filter-select select-option .mat-checkbox-inner-container,
.filter-select mat-option .mat-checkbox-inner-container,
.filter-select .mat-option .mat-checkbox-inner-container,
.mat-select-panel.filter-select select-option .mat-checkbox-inner-container,
.mat-select-panel.filter-select mat-option .mat-checkbox-inner-container,
.mat-select-panel.filter-select .mat-option .mat-checkbox-inner-container {
  margin-left: 0;
}

.filter-select select-option.visually-hidden,
.filter-select mat-option.visually-hidden,
.filter-select .mat-option.visually-hidden,
.mat-select-panel.filter-select select-option.visually-hidden,
.mat-select-panel.filter-select mat-option.visually-hidden,
.mat-select-panel.filter-select .mat-option.visually-hidden {
  opacity: 0;
  overflow: hidden;
  transform: scaleY(0);
  max-height: 0 !important;
  min-height: auto !important;
  pointer-events: none;
}

.filter-select.group-mode select-option,
.filter-select.group-mode .mat-option,
.mat-select-panel.filter-select.group-mode select-option,
.mat-select-panel.filter-select.group-mode .mat-option {
  padding-left: 40px;
}

.filter-select.group-mode select-option.select-all,
.filter-select.group-mode .mat-option.select-all,
.mat-select-panel.filter-select.group-mode select-option.select-all,
.mat-select-panel.filter-select.group-mode .mat-option.select-all {
  padding: 0 10px;
}

.filter-select.group-mode select-option.select-group,
.filter-select.group-mode .mat-option.select-group,
.mat-select-panel.filter-select.group-mode select-option.select-group,
.mat-select-panel.filter-select.group-mode .mat-option.select-group {
  position: sticky;
  top: 38px;
  background: #EDEBF4;
  padding: 0 10px;
  z-index: 50;
}

.filter-select.group-mode .group-option,
.mat-select-panel.filter-select.group-mode .group-option {
  padding-left: 56px;
}

.filter-select.group-mode .select-group .mat-checkbox-label,
.mat-select-panel.filter-select.group-mode .select-group .mat-checkbox-label {
  font-size: 14px;
  color: var(--purple);
}

.filter-select.group-mode arrow-toggler,
.mat-select-panel.filter-select.group-mode arrow-toggler {
  margin-right: 10px;
}

.filter-select select-option.select-group,
.mat-select-panel.filter-select select-option.select-group {
  top: 0 !important;
}

.filter-select.control-has-search .mat-option.select-group,
.mat-select-panel.filter-select.control-has-search .mat-option.select-group {
  top: 96px;
}

.filter-select mat-option.mat-option.mat-selected,
.mat-select-panel.filter-select mat-option.mat-option.mat-selected {
  font-weight: 500;
}

.filter-select .mat-checkbox,
.filter-select .mat-checkbox-layout,
.mat-select-panel.filter-select .mat-checkbox,
.mat-select-panel.filter-select .mat-checkbox-layout {
  width: 100%;
}

.filter-select .select-all .mat-checkbox-inner-container,
.mat-select-panel.filter-select .select-all .mat-checkbox-inner-container {
  margin-left: initial;
}

.filter-select mat-option:hover:not(.mat-option-disabled),
.filter-select mat-option.mat-selected:not(.mat-option-disabled),
.mat-select-panel.filter-select mat-option:hover:not(.mat-option-disabled),
.mat-select-panel.filter-select mat-option.mat-selected:not(.mat-option-disabled) {
  background-color: white;
}

.mat-select-panel.reset-panel-width {
  max-width: 800px;
}

.mat-menu-panel.metric-masters-list {
  min-width: 280px;
  max-width: initial;
  max-height: initial;
  box-shadow: 0 12px 30px rgba(150, 169, 188, 0.3);
  border-radius: 0 0 4px 4px;
}

.mat-menu-panel.expenses-view-mode-list {
  min-width: 240px;
}

.mat-autocomplete-panel .max-length-counter {
  margin-left: 12px;
  opacity: 0.8;
  font-size: 12px;
}

.form-field-group {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.form-field {
  margin-bottom: 14px;
}

.form-field-group .form-field {
  max-width: 48%;
}

.form-field .form-field-label {
  font-size: 13px;
  font-weight: normal;
  color: #505f66;
  margin-bottom: 5px;
}

.form-field .form-field-input {
  display: block;
  height: 33px;
  width: 100%;
  background-color: white;
  border: 1px solid;
  border-color: #c3d3db;
  border-radius: 0px;
  color: black;
  font-size: 14px;
  line-height: initial;
  padding: 0px 10px;
}

.form-field select.form-field-input {
  appearance: none;
  color: rgb(39, 86, 138);
}

.form-field .select-wrapper {
  position: relative;
}

.form-field .select-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  height: 6px;
  width: 6px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(135deg);
  z-index: 1;
  top: 12px;
  right: 12px;
  color: rgb(39, 86, 138);
}

.form-field .form-field-input[type=password] {
  font: small-caption;
  font-size: 16px;
}

.form-field .form-field-checkbox {
  display: inline-block;
  cursor: pointer;
}

.form-field .form-field-checkbox input,
.form-field-radiogroup-item input {
  display: none;
}

.form-field .form-field-checkbox input + .checkbox-item {
  display: inline-block;
  width: 15px;
  height: 15px;
  box-sizing: border-box;
  border: 2px solid #333333;
  margin-right: 5px;
}

.form-field .form-field-checkbox input:checked + .checkbox-item,
.form-field .form-field-radiogroup-item input:checked + span {
  background-color: #28a264;
}

.form-field .form-field-checkbox span {
  vertical-align: middle;
  font-size: 13px;
}

.form-field .form-field-radiogroup {
  display: block;
}

.form-field .form-field-radiogroup-item {
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  margin-right: 15px;
}

.form-field .form-field-radiogroup-item span {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border: 2px solid #333333;
  margin-right: 6px;
  box-sizing: border-box;
}

.text-separator {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  color: #505F66;
}

.form-links {
  display: flex;
  justify-content: space-between;
}

.form-links.forgot-password {
  justify-content: space-between;
  width: 270px;
  font-size: 12px;
}

.form-links.forgot-password a {
  color: var(--mat-default);
  margin-top: 5px;
}

.form-links.switch-user {
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
}

.form-links .form-links-item:hover {
  color: #0872ba;
  text-decoration: underline;
}

.login-form-container,
.forgot-password-form-container,
.register-form-container,
.register-success-container {
  width: 410px;
}

.forgot-password-form-container {
  margin: 0 auto;
}

.register-form-container .form-actions {
  margin: 28px 0;
}

.login-form-container .form-actions.login {
  margin-bottom: 19px;
  margin-top: 45px;
}

.forgot-password-form-container .form-actions {
  margin-top: 20px;
}

.login-form-container .form-actions.login button[type=submit],
.forgot-password-screen .forgot-password-form-container .form-actions button[type=submit],
.register-screen .register-form-container .form-actions button[type=submit],
.register-success-container .auth-page-form .form-actions button[type=button] {
  background: var(--corporate-ultraviolet);
  font-weight: 500;
}

.login-form-container .form-actions.custom-login {
  margin-top: 16px;
  margin-bottom: 14px;
  display: flex;
  justify-content: center;
}

.login-form-container .form-actions button.secondary {
  background-color: var(--corporate-white);
  color: var(--primary);
  border: 1px solid var(--primary);
}

input.default-placeholder::placeholder {
  color: lightgray;
  font-size: 14px;
  font-weight: normal;
}

mat-radio-group.column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

mat-radio-group .mat-radio-button {
  margin-bottom: 0.75rem;
  font-family: "DM Sans", sans-serif;
}

mat-radio-group :not(.mat-radio-checked) .mat-radio-outer-circle {
  border-color: var(--blue-disabled);
}

mat-radio-group .mat-radio-label-content {
  font-weight: 500;
}

mat-radio-group .mat-radio-checked .mat-radio-label-content {
  font-weight: 700;
}

mat-radio-button.mat-radio-button input[type=radio] {
  background-color: transparent;
}

.mat-slide-toggle .mat-slide-toggle-label {
  font-weight: 600;
  font-size: 14px;
  color: var(--primary);
}

.mat-slide-toggle .mat-slide-toggle-content {
  font-family: "DM Sans", sans-serif;
}

.mat-slide-toggle .mat-slide-toggle-persistent-ripple {
  left: 0;
}

.form-control-shake {
  animation: shake 0.7s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes shake {
  10%, 90% {
    transform: translateX(-1px);
  }
  20%, 80% {
    transform: translateX(2px);
  }
  30%, 50%, 70% {
    transform: translateX(-4px);
  }
  40%, 60% {
    transform: translateX(4px);
  }
}

.box-modalContentInn .parent-select {
  margin-top: 40px;
  margin-bottom: 40px;
}

.box-modalContentInn .parent-select .parent-select-field {
  display: flex;
  border-top: 3px solid;
  padding-top: 30px;
}

.box-modalContentInn .parent-select .parent-select-label {
  margin-right: 30px;
  font-size: 15px;
  text-align: left;
  font-weight: 600;
  font-style: italic;
  padding: 5px 8px;
  border: 1px solid transparent;
}

.box-modalContentInn .parent-select .dropdownMenuComponent {
  font-size: 15px;
  padding: 5px 8px;
  border: 1px solid transparent;
  transition: none;
}

.box-modalContentInn .parent-select .dropdownMenuComponent.opened {
  position: relative;
  display: inline-block;
  border-color: rgba(50, 115, 183, 0.7);
  box-shadow: 0px 0px 6px 2px rgba(50, 115, 183, 0.4);
  border-radius: 3px;
}

.box-modalContentInn .parent-select .dropdownMenuComponent .menuItemsContainer {
  right: unset;
  left: 0px;
}

.box-modalContentInn .parent-select .dropdownMenuComponent .menuItemsContainer ul {
  max-height: 170px;
  overflow-y: auto;
}

.box-modalContentInn .parent-select .dynamic-tags-info {
  position: relative;
  padding-left: 35px;
  color: #cccccc;
}

.box-modalContentInn .parent-select .dynamic-tags-info::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 1px;
  left: 9px;
  background: url('icon-tag-label.ebab1b4fda301e1f.svg') no-repeat center center;
  background-size: 100%;
}

.box-modalContentInn .parent-select .dynamic-tags-info a {
  color: var(--blue);
  font-size: 12px;
  display: inline-block;
}

.box-modalContentInn .parent-select .dynamic-tags-info a:hover {
  text-decoration: underline;
}

.box-modalContentInn .parent-select .menuItem > button {
  position: relative;
}

.box-modalContentInn .parent-select .menuItem .icon {
  position: absolute;
  top: 50%;
  left: 25px;
  width: 24px !important;
  height: 24px !important;
  margin-top: -12px;
}

/* MATERIAL DIALOGS */

mat-dialog-container.mat-dialog-container {
  padding: 20px;
  background: #fff;
  box-shadow: 0 15px 40px rgba(129, 160, 198, 0.25);
  border-radius: 12px;
  color: var(--navy-blue);
}

mat-dialog-container.mat-dialog-container .mat-dialog-title {
  margin: 12px 0 15px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
}

mat-dialog-container.mat-dialog-container .mat-dialog-title .icon {
  margin-right: 8px;
  font-size: 20px;
}

mat-dialog-container.mat-dialog-container .mat-dialog-title .icon-warn {
  --fa-primary-color: var(--corporate-magenta);
  --fa-secondary-color: var(--corporate-magenta);
}

mat-dialog-container.mat-dialog-container .mat-dialog-content {
  margin: 0;
  padding: 0;
  color: #5F6376;
  font-size: 13px;
  line-height: 1.6;
}

mat-dialog-container.mat-dialog-container .mat-dialog-actions {
  min-height: initial;
  padding: 0;
  margin: 15px 0 0;
  justify-content: flex-end;
  text-align: center;
}

.reset-paddings mat-dialog-container.mat-dialog-container {
  padding: 0;
}

.cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: var(--corporate-navy-violet);
  opacity: 0.8;
}

.extended-confirmation-dialog .mat-dialog-container {
  padding: 32px 20px 20px;
}

.no-padding mat-dialog-container.mat-dialog-container {
  padding: 0;
}

/* MAT TOOLTIP */

.mat-tooltip-panel-above.mat-tooltip-panel {
  pointer-events: none;
}

.dark-theme-tooltip,
mat-tooltip-component .dark-theme-tooltip {
  position: relative;
  font-size: 12px;
  font-family: "DM Sans", sans-serif;
  letter-spacing: 0.03em;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  background: var(--dark-material-bg);
  border-color: var(--dark-material-bg);
  color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  padding: 6px 10px;
  margin: 5px 14px;
  overflow: initial;
  border-radius: 0;
  pointer-events: initial;
  word-wrap: break-word;
}

.dark-theme-tooltip.simple,
mat-tooltip-component .dark-theme-tooltip.simple {
  border-radius: 2px;
  box-shadow: 0 5px 15px rgba(129, 160, 198, 0.4);
}

.dark-theme-tooltip:not(.simple)::before,
mat-tooltip-component .dark-theme-tooltip:not(.simple)::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-left: 1px solid var(--dark-material-bg);
  border-bottom: 1px solid var(--dark-material-bg);
  background-color: var(--dark-material-bg);
  clip-path: polygon(0 0, 0 100%, 100% 100%);
}

.dark-theme-tooltip.right::before,
mat-tooltip-component .dark-theme-tooltip.right::before {
  left: -5px;
  top: 50%;
  transform: translate(0%, -50%) rotateZ(45deg);
}

.dark-theme-tooltip.bottom::before, .dark-theme-tooltip.below::before,
mat-tooltip-component .dark-theme-tooltip.bottom::before,
mat-tooltip-component .dark-theme-tooltip.below::before {
  top: -5px;
  left: 50%;
  transform: translate(-50%, 0%) rotateZ(135deg);
}

.dark-theme-tooltip.left::before,
mat-tooltip-component .dark-theme-tooltip.left::before {
  right: -5px;
  top: 50%;
  transform: translate(0%, -50%) rotateZ(225deg);
}

.dark-theme-tooltip.above::before,
mat-tooltip-component .dark-theme-tooltip.above::before {
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, 0%) rotateZ(-45deg);
}

.dark-theme-tooltip.border-rounded,
mat-tooltip-component .dark-theme-tooltip.border-rounded {
  border-radius: 8px;
}

mat-tooltip-component .mat-tooltip.text-left {
  text-align: left;
}

mat-tooltip-component .mat-tooltip.auto-width {
  max-width: initial;
}

mat-tooltip-component .mat-tooltip.multi-line {
  white-space: pre-line;
  word-break: break-word;
}

mat-tooltip-component .mat-tooltip.regular-text {
  padding: 10px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.mat-tooltip.metric-total {
  max-width: 310px;
  font-size: 14px;
}

.mat-tooltip.bv-widget-tooltip {
  max-width: 220px;
}

.mat-tooltip.projected-budget {
  width: 100%;
  max-width: 290px;
}

.mat-tooltip.metric-sources-tooltip {
  max-width: 100px;
}

.mat-tooltip.metric-rpo {
  width: 646px;
  max-width: initial;
  font-weight: 400;
  line-height: 20px;
}

.mat-tooltip.metric-disabled-rpo {
  width: 276px;
  max-width: initial;
}

.mat-tooltip.timeframe-lock-button {
  width: 142px;
}

.mat-tooltip.metric-disabled-rpo::before {
  left: 60%;
}

.mat-tooltip.roi-col-tooltip:before {
  left: 80%;
}

.table-view-tooltip {
  position: fixed;
  margin-left: 8px;
  margin-top: -14px;
  left: -100%;
  top: -100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 101;
}

.table-view-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
}

.table-view-tooltip.right-overflow::ng-deep .tooltip-container::before {
  left: 64%;
}

/* CSS Document */

body {
  font-family: "DM Sans", sans-serif;
  direction: ltr;
  font-size: 13px;
  line-height: 22px;
  padding: 0;
  margin: 0;
  color: #272727;
  font-weight: 500;
}

input, select, textarea, button {
  font-family: "DM Sans", sans-serif;
  direction: ltr;
  color: #8b8b8b;
  font-size: 13px;
  margin: 0px;
  padding: 10px;
  border: none;
  box-shadow: none;
  transition: all 0.4s ease-out;
}

select {
  cursor: pointer;
  outline: none !important;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
  outline: none;
}

select option {
  padding-left: 4px;
}

p {
  margin: 0px;
  padding-bottom: 15px;
}

input, textarea, a, * {
  outline: none;
}

a {
  transition: all 0.2s ease-out;
}

a, * {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

a.carousel-control.left, a.carousel-control.right {
  background: none;
}

input[type=checkbox] {
  height: 13px;
  width: 13px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}

input[type=submit], input[type=button], input[type=reset], a, button {
  cursor: pointer;
}

input[type=submit], input[type=button], input[type=reset], button {
  overflow: visible;
}

input[type=submit] + input[type=submit], input[type=button] + input[type=button], input[type=reset] + input[type=reset], button + button, .btn + .btn, input[type=submit] + input[type=button], input[type=button] + input[type=submit] {
  margin-left: 5px;
}

input[type=radio] {
  width: 13px;
  height: 13px;
  margin-right: 4px;
  position: relative;
  top: 1px;
}

input[type=file] {
  padding: 4px 5px;
  display: inline;
}

input[type=file] + input {
  margin-left: 5px;
}

input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus, textarea:active, textarea:focus, textarea.form-control:active, textarea.form-control:focus, select:active, select:focus {
  box-shadow: none;
}

textarea {
  width: 100%;
  max-width: 100%;
  min-height: 40px;
  resize: none;
}

a {
  color: #0872ba;
}

a:hover, a:focus, a:active {
  color: #FFF;
}

a, a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
}

select:not(.form-field-input), input {
  color: #FFF;
  height: 33px;
  font-size: 15px;
  width: 100%;
  text-align: center;
  background-color: #407cbc;
  font-family: "DM Sans", sans-serif;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 33px;
}

select {
  position: relative;
  z-index: 0;
  text-align: left;
}

.box-rightBule select:focus, .box-blueBG select:focus {
  color: #FFF;
}

select option {
  color: #FFF;
  padding: 7px 11px;
  background-color: #5c94d0;
}

mark {
  color: inherit;
  background: #FFE1B3;
  padding-left: 0;
  padding-right: 0;
}

.box-spreadSheet select option {
  color: #4E4E4E;
  padding: 7px 11px;
  background-color: #D2D2D2;
}

.box-selectBox {
  position: relative;
  width: 100%;
  padding: 0px;
  max-width: 160px;
  margin: auto;
  background-color: #407cbc;
}

.box-selectBox:after {
  position: absolute;
  top: 0px;
  right: 10px;
  bottom: 0px;
  content: "";
  width: 10px;
  height: 6px;
  margin: auto;
  background: url('icon-downArrow.22de880fa71b1dfa.png') no-repeat center center;
}

.box-selectBox select {
  background-color: transparent;
  padding-right: 28px;
  width: 100%;
  overflow: hidden;
}

::-webkit-input-placeholder {
  font-family: "DM Sans", sans-serif;
  direction: ltr;
  font-size: 15px;
  color: #FFF;
}

::-moz-placeholder {
  font-family: "DM Sans", sans-serif;
  direction: ltr;
  font-size: 15px;
  color: #FFF;
  opacity: 1;
}

:-ms-input-placeholder {
  font-family: "DM Sans", sans-serif;
  direction: ltr;
  font-size: 15px;
  color: #FFF;
  opacity: 1;
}

input:-moz-placeholder {
  font-family: "DM Sans", sans-serif;
  direction: ltr;
  font-size: 15px;
  color: #FFF;
  opacity: 1;
}

.box-searchManageTeam ::-webkit-input-placeholder {
  font-size: 14px;
  color: #575757;
}

.box-searchManageTeam ::-moz-placeholder {
  font-size: 14px;
  color: #575757;
}

.box-searchManageTeam :-ms-input-placeholder {
  font-size: 14px;
  color: #575757;
}

.box-searchManageTeam input:-moz-placeholder {
  font-size: 14px;
  color: #575757;
}

.nav-bigSvgIcon {
  display: none;
}

html, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0px;
}

footer, header, figure, aside {
  margin: 0px;
  padding: 0px;
  display: block;
}

article, details, figcaption, hgroup, menu, nav, section {
  display: block;
}

a:visited {
  text-decoration: none;
}

a img, a:hover img, img, a:hover, a input {
  text-decoration: none;
}

a img, img, input[type=checkbox], input[type=radio], iframe {
  border: none;
}

ul {
  margin: 0px;
  padding: 0px;
}

ul li {
  list-style: none;
  padding: 0px;
}

input, input:focus, input:active, .btn:focus, .btn:active:focus, .btn.active:focus {
  outline: none -webkit-focus-ring-color !important;
}

img {
  max-width: 100%;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-button {
  width: 8px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background-color: #DDD;
  border: skinny plain lightgray;
  box-shadow: 0px 0px 3px #dfdfdf inset;
}

::-webkit-scrollbar-thumb {
  background-color: #999;
  border: skinny plain gray;
}

::-webkit-scrollbar-thumb:hover {
  background: #1b1e24;
}

::selection {
  background-color: var(--selection-bg);
}

::-moz-selection {
  background-color: var(--selection-bg);
  color: #CCC;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding-bottom: 15px;
}

h2 {
  color: #FFF;
  font-size: 20px;
}

.required-field {
  position: absolute;
  font-size: 17px;
  color: #ff8f8f;
}

thead tr {
  height: 30px;
}

label {
  font-family: "DM Sans", sans-serif !important;
}

/*-------------------------------------------------------------------------------------------RESET CSS CLOSE*/

/*-------------------------------------------------------------------------------------------COMMON CSS START*/

.pointable {
  cursor: pointer;
}

.error-signup {
  margin: 0 0 30px 0;
  line-height: 0;
}

.error {
  position: relative;
  color: var(--red-alert);
  letter-spacing: 0.2px;
  line-height: 17px;
  padding-top: 3px;
  z-index: 9;
}

.fa {
  min-width: 14px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  transition: all 0.4s ease-out;
}

.container {
  max-width: 1120px;
  padding: 0px;
  width: 100%;
  transition: all 0.4s ease-out;
  margin: 0px auto;
}

.new-loader {
  transition: opacity 0.25s ease-out, visibility 0.4s ease-out;
}

.new-loader span,
.new-loader {
  position: absolute;
  z-index: 9999;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: -1px;
  margin: auto;
  background-color: var(--corporate-navy-violet_08);
}

.new-loader span {
  width: 40px;
  height: 54px;
  background: transparent url('planful-animated-loader.1746c5a096787dc3.svg') no-repeat center center;
  background-size: 85%;
}

.new-loader {
  opacity: 1;
  visibility: visible;
}

[hidden].new-loader {
  transition: opacity 0.35s ease-out;
  display: block;
  visibility: hidden;
  opacity: 0;
}

.box-height140 {
  min-height: 40px;
  height: 120px;
  overflow: hidden;
  margin-bottom: 0px !important;
}

.box-tabScroll {
  height: 100%;
}

.box-tabScroll .scroll-content {
  max-height: 120px !important;
}

.colorWhite, .colorWhite:hover, .colorWhite:focus {
  color: #FFF;
  cursor: default;
}

/*-------------------------------------------------------------------------------------------COMMON CSS CLOSE*/

/**Bootstrap CSS Changes Start*/

.progress-bar {
  background-color: #f9a21a;
}

.row + .row {
  padding-top: 15px;
}

/**Bootstrap CSS Changes End*/

.LogoutLink-removable {
  color: #e85353;
  font-size: 17px;
  position: fixed;
  right: 26px;
  top: 19px;
  z-index: 9999999999;
}

.LogoutLink-removable img {
  position: relative;
  top: -2px;
  padding-right: 3px;
}

.LogoutLink-removable:hover, .LogoutLink-removable:focus {
  color: #e85353;
}

#wapper:after {
  position: absolute;
  content: "";
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  background-color: rgba(39, 39, 39, 0.84);
}

.box-vHeight {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
}

.box-vHeightInn {
  display: table-cell;
  vertical-align: middle;
}

.box-flexAllCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-flexAllCenterInn {
  width: 100%;
}

.box-wapper, #wapper, html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  float: left;
}

#wapper {
  position: relative;
  background: url('bg-image.bac6ab23b4463b99.jpg') no-repeat center center;
  background-size: cover;
}

.box-wapper {
  position: relative;
  z-index: 990;
  overflow: auto;
}

.box-signUp {
  width: 100%;
  padding: 15px;
  display: inline-block;
}

.box-signUp h4 {
  color: #FFF;
  font-size: 23px;
  padding-bottom: 42px;
  font-weight: 500;
}

.box-signUpInn {
  width: 100%;
  max-width: 410px;
  display: inline-block;
  background-color: #3272b7;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.4);
}

.box-inputField {
  width: 100%;
  max-width: 300px;
  padding: 30px 15px;
  margin: auto auto 23px;
  display: inline-block;
  overflow-y: auto;
}

#form-signUp .box-inputField {
  margin-bottom: 0px;
  padding-bottom: 23px;
}

.box-inputField label {
  color: #91c7ff;
  font-size: 14px;
  display: block;
  padding-bottom: 4px;
  font-weight: 500;
}

.col-firstName {
  padding-right: 3px;
}

.col-lastName {
  padding-left: 3px;
}

.box-setup .box-inputField label, .box-signUpInn label {
  text-align: center;
}

.form-checkbox label {
  position: relative;
  top: -2px;
}

.form-checkbox.box-byMonthOnboarding {
  margin-bottom: 8px;
}

.form-checkbox label {
  position: relative;
  width: 15px;
  height: 15px;
  float: none !important;
  padding: 0px;
  border-radius: 0px;
  border: 0;
  margin-right: 10px;
  display: inline-block;
  background-color: transparent;
  box-shadow: none;
  opacity: 1;
}

.form-checkbox label, .form-checkbox label:hover {
  background-color: transparent;
}

.form-checkbox label:after {
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 15px;
  height: 15px;
  margin: auto;
  border: 2px solid #FFF;
  background-color: transparent;
}

.form-checkbox label.active, .form-checkbox label.btn.active:active, .form-checkbox label.btn.active:hover {
  background-color: #00bcd4 !important;
  box-shadow: none;
  opacity: 1;
}

.form-checkbox label#acceptTermsCheck.active, .form-checkbox label#acceptTermsCheck.btn.active:active, .form-checkbox label#acceptTermsCheck.btn.active:hover,
.box-rightBule .form-checkbox label.active, .box-rightBule .form-checkbox label.active:active, .box-rightBule .form-checkbox label.active:hover,
.box-blueBG .form-checkbox label.active, .box-blueBG .form-checkbox label.btn.active:active, .box-blueBG .form-checkbox label.btn.active:hover {
  background-color: #28a264 !important;
  box-shadow: none;
  opacity: 1;
}

.form-checkbox label input {
  margin: 0px;
  z-index: 9999;
}

.form-checkbox a {
  color: #FFF;
}

.btn-green:hover {
  color: #FFF;
}

.pass-login {
  margin-bottom: 25px;
}

.link-createAcc {
  background-color: transparent;
  color: #91c7ff;
  font-size: 11px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.link-createAcc:hover, .link-createAcc:focus {
  color: #FFF;
}

.marginTop20 {
  margin-top: 25px;
}

/* Setup Page Start */

.box-setup h2 {
  padding-bottom: 83px;
}

.box-setupHeadingPara {
  color: #FFF;
  font-size: 19px;
  line-height: 27px;
}

.box-setupHeadingPara span {
  display: block;
}

ul.list-setup {
  max-width: 820px;
  width: 100%;
  display: inline-block;
  margin: auto;
  padding-top: 52px;
}

ul.list-setup li {
  width: 50%;
  float: left;
  padding: 0px 45px;
}

.box-setupCol {
  width: 100%;
  display: inline-block;
  box-shadow: 0px 0px 38px rgba(0, 0, 0, 0.17);
  background-color: #f6f6f6;
}

.cir-mostCom {
  position: absolute;
  top: -24px;
  right: -28px;
  width: 63px;
  height: 63px;
  color: #FFF;
  font-size: 10px;
  border-radius: 50%;
  background-color: #f3bd48;
  line-height: normal;
  padding-top: 19px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.26);
}

ol.top-slideBar {
  padding: 0px 60px;
}

.box-setup .carousel-inner > .item {
  min-height: 600px;
}

/* Setup Page End */

/* Advanced Page 1 Start */

#form-advanced .box-inputField {
  padding-top: 52px;
  height: 341px;
}

.form-checkbox + .form-checkbox {
  margin-left: 25px;
}

.form-group.form-checkboxMain {
  margin-bottom: 0px;
  display: inline-block;
}

.link-priv {
  position: absolute;
  bottom: 65px;
  left: 15px;
  margin: auto;
  width: 25px;
  height: 25px;
  line-height: 21px;
  display: block;
  border: 1px solid #66a4e5;
  border-radius: 50%;
}

.link-priv:hover {
  background-color: #66a4e5;
}

/* Advanced Page 1 End */

/* Advanced Page 2 (Buget name) Start */

.box-customFilePlan label {
  float: left !important;
}

.box-customFilePlan span {
  display: block;
  margin-left: 30px;
}

#from-date input {
  cursor: pointer;
}

ul.list-programCard > li, ul.list-programCard, #end-date input, #end-date span {
  cursor: default !important;
}

/* Advanced Page 2 (Buget name) End */

/* Graph Start */

/* Graph Start End */

.ng2-datetime-picker-wrapper {
  float: left;
}

.btn-radioLine {
  margin-left: 15px !important;
}

.btn.btn-radio input[type=checkbox], .btn.btn-radio input[type=radio],
.btn-group > .btn.btn-radio input[type=checkbox], .btn-group > .btn-radio input[type=radio] {
  pointer-events: inherit;
  clip: inherit;
  top: -2px;
  left: -2px;
  width: 19px;
  height: 19px;
  background-color: transparent;
  cursor: pointer;
}

input[disabled] {
  cursor: default !important;
}

.box-radioCheckBtn {
  position: relative;
}

.box-radioCheckBtn + .box-radioCheckBtn {
  margin-top: 10px;
}

.col-assignBuget {
  width: calc(50% - 5px);
  padding-left: 8px;
  padding-right: 8px;
  float: none;
  display: inline-block;
}

.col-assignBuget + .col-assignBuget + .col-assignBuget {
  padding-top: 15px;
}

.col-assignBuget label {
  font-size: 15px;
  padding-bottom: 6px;
}

.dollerSign {
  position: relative;
  display: block;
}

.dollerSign:after {
  position: absolute;
  content: "$";
  font-size: 12px;
  width: 10px;
  height: 20px;
  line-height: 21px;
  z-index: 1;
  left: 12px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  text-align: center;
}

.dollerSign input {
  padding-left: 25px;
  padding-right: 25px;
}

.cus-tooltip {
  position: absolute;
  top: -6px;
  left: 24px;
  z-index: 99;
  width: 195px;
  color: #f6f7fc;
  font-size: 12px;
  display: block;
  text-align: center;
  border-radius: 2px;
  padding: 3px 1px;
  background-color: #000;
  cursor: default;
}

.cus-tooltip:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 5px 5px 5px 0px;
  border-color: transparent #000 transparent transparent;
  left: -5px;
  top: 0px;
  bottom: 1px;
}

.cus-tooltipOn {
  font-style: normal;
  max-width: 87px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  margin-bottom: -7px;
  white-space: nowrap;
}

.modal-headerInnBox {
  position: relative;
  float: left;
  display: block;
}

.modal-headerInnBox.modal-headerGoalView {
  width: calc(100% - 40px);
}

.modal-headerInnBox.edit-goal-header-box {
  width: calc(100% - 15px);
}

.modal-headerInnBox a {
  position: relative;
  display: ruby-base;
}

.modal-headerInnBox .title-addGoal {
  position: relative;
  max-width: 100%;
  float: left;
  padding-top: 7px;
  padding-right: 100px;
  margin-top: 0px;
}

.modal-headerInnBox .tooltip-txtOpen .title-addGoal {
  padding-right: 80px;
}

.modal-headerInnBox .tooltip-txtPlanned .title-addGoal {
  padding-right: 114px;
}

.modal-headerInnBox .tooltip-txtCommitted .title-addGoal {
  padding-right: 135px;
}

.modal-headerInnBox .btn-tooltipCust, .modal-headerInnBox .title-addGoal button {
  top: 2px;
  right: 87px;
}

.modal-headerInnBox .tooltip-txtOpen .btn-tooltipCust, .modal-headerInnBox .tooltip-txtOpen .title-addGoal button {
  right: 67px;
}

.modal-headerInnBox .tooltip-txtPlanned .btn-tooltipCust, .modal-headerInnBox .tooltip-txtPlanned .title-addGoal button {
  right: 101px;
}

.modal-headerInnBox .tooltip-txtCommitted .btn-tooltipCust, .modal-headerInnBox .tooltip-txtCommitted .title-addGoal button {
  right: 122px;
}

.btn-tooltipCust .cus-tooltip {
  display: none;
  width: 300px;
  font-size: 12px !important;
  line-height: 18px;
  padding: 15px;
  color: #4e4e4e;
  text-align: left;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.btn-tooltipCust:hover .cus-tooltip {
  display: block;
}

.btn-tooltipCust .cus-tooltip.left-arrow {
  top: -13px;
  left: 24px;
  bottom: inherit;
  right: inherit;
}

.btn-tooltipCust .cus-tooltip.left-arrow:after {
  top: 11px;
  left: -7px;
  right: auto;
  bottom: inherit;
  border-width: 7px 9px 7px 0px;
  border-color: transparent #FFF transparent transparent;
}

ul.list-graphAddProdInn, ul.list-graphAddProd, ul.list-graphAddProd > li {
  width: 100%;
  float: left;
}

.animation-zoomIn, .animation-bottomTOtop, .animation-topTObottom, .animation-rightTOleft {
  position: relative;
  animation-direction: alternate;
}

ul.list-graphAddProdInn {
  margin-bottom: 2px;
  text-align: left;
}

.animation-rightTOleft {
  animation: rightTOleft 0.4s;
}

/* Safari 4.0 - 8.0 */

@keyframes rightTOleft {
  0% {
    right: -100%;
  }
  100% {
    right: 0%;
  }
}

.animation-topTObottom {
  animation: topTObottom 0.4s;
}

/* Safari 4.0 - 8.0 */

@keyframes topTObottom {
  0% {
    top: -100%;
  }
  100% {
    top: 0%;
  }
}

.animation-bottomTOtop {
  animation: bottomTOtop 0.4s;
}

/* Safari 4.0 - 8.0 */

@keyframes bottomTOtop {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0%;
  }
}

.animation-zoomIn {
  position: static;
  animation: zoomIn 0.4s;
}

/* Safari 4.0 - 8.0 */

@keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

tfoot tr {
  cursor: default !important;
}

ul.list-graphAddProd {
  position: relative;
  z-index: 999;
  margin-bottom: 4px;
  background-color: #e4ebf3;
}

ul.list-graphAddProdTotal {
  margin-bottom: 0px;
}

ul.list-graphAddProd > li {
  position: relative;
  overflow: hidden;
}

ul.list-graphAddProd > li:first-child:before {
  border-top: 0px;
}

ul.list-graphAddProd > li:last-child:after {
  border-bottom: 0px;
}

ul.list-graphAddProdInn {
  position: relative;
  z-index: 1;
}

ul.list-graphAddProdInn li {
  position: relative;
  top: 1px;
  width: 88px;
  margin: 0px 1px;
  float: left;
  height: 39px;
  background-color: #6eb0fc;
}

ul.list-graphAddProdInn li:first-child {
  margin-left: 0px;
}

ul.list-graphAddProdInn li:last-child {
  margin-right: 0px;
}

ul.list-graphAddProdInn li input {
  width: 80px;
  height: 30px;
  font-size: 14px;
  text-align: left;
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background-color: #76b6fc;
  padding: 0px 5px 0px 20px;
}

.breakTxt, ul.list-total-remening li span {
  font-size: 13px !important;
  line-height: 12px !important;
  white-space: normal !important;
}

/* Accordion Page Start */

.bg-graphAddProd {
  position: relative;
}

.bg-graphAddProd:after {
  position: absolute;
  content: "";
  right: 15px;
  top: 62px;
  left: 0;
  bottom: 0;
  background-color: #EFEBF8;
}

.modal-accordions .panel-default {
  border: 0px;
  box-shadow: none;
  border-radius: 0px;
}

.modal-accordions .panel-default + .panel-default {
  margin-top: 23px;
}

.link-skip {
  font-size: 12px;
  color: #869bf0;
  margin-top: 12px;
  display: block;
}

.link-skip:focus, .link-skip:hover {
  color: #FFF;
}

.month ul.list-graphAddProdInn {
  width: 1078px;
}

/* Accordion Page End */

/*Menubar Start*/

.frow-manageTeamImg > span {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  background-color: #75a8dc;
  text-transform: uppercase;
}

.frow-manageTeamImg {
  float: left;
}

.frow-manageTeamImg > span {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 3px solid #265689;
  background-color: #75a8dc;
  box-shadow: 0px 0px 10px rgba(173, 138, 255, 0.3);
  background-size: 100%;
  overflow: hidden;
}

.frow-manageTeamImg > span > img {
  max-width: 100%;
  max-height: 100%;
  -ms-interpolation-mode: bicubic !important;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .my_elements_with_border_radius {
    border-radius: 0;
  }
  .modal-headerInnBox a {
    display: -ms-inline-flexbox;
  }
  .modal-headerInnBox .title-addGoal a {
    display: inline;
  }
}

.box-profileCount {
  position: absolute;
  color: #FFF;
  font-size: 10px;
  top: -5px;
  right: -6px;
  width: 22px;
  height: 22px;
  line-height: 23px;
  border-radius: 50%;
  background-color: #e91d1d;
  text-align: center;
}

/*Menubar Start*/

.box-rightSide {
  position: relative;
  float: left;
  height: 100%;
  width: calc(100% - 300px);
  margin-left: 75px;
  overflow: hidden;
  transition: width 0.2s ease-out;
}

.new-nav .box-rightSide {
  width: calc(100% - 225px);
  margin-left: 0;
  height: calc(100% - 60px);
}

.box-wapperWidget .box-rightSide, .manage-sheet-empty .box-rightSide, .box-rightSide.section-removeBlue, .box-wapperTwo .box-rightSide {
  width: calc(100% - 75px);
}

.box-wapperWidget.new-nav .box-rightSide, .box-wapperTwo.new-nav .box-rightSide {
  width: 100%;
  margin: 0;
}

.box-topBar {
  position: relative;
  width: 100%;
  height: 64px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0 30px;
  background-color: #FFF;
  z-index: 9999;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}

.box-newTopNav .box-topBar {
  height: 65px;
  padding-left: 29px;
  margin-left: 75px;
  width: calc(100% - 75px);
  box-shadow: none;
  border-bottom: 1px solid #D4D4D4;
}

.box-newTopNav.new-nav .box-topBar {
  margin-left: 0;
  width: 100%;
}

.box-searchTopNav.box-newTopNav .box-rightBule {
  height: calc(100% - 65px);
}

.close:after, .close:before {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: "";
  width: 2px;
  height: 20px;
  background-color: #FFF;
  margin: auto;
}

.close:before {
  width: 20px;
  height: 2px;
}

/*Modal Popup Start*/

.modal-content modal-content, .modal-content, .modal-dialog {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: auto;
  padding: 0px;
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
}

.modal-content modal-content {
  display: flex;
}

.box-modalContent {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  background-color: transparent;
  width: 860px;
  margin: auto;
  padding: 35px 28px 15px;
  align-items: center;
}

.box-modalContentInn {
  border: none;
}

.box-modalContentPara {
  position: relative;
}

.box-modalContentParaInn {
  border-radius: 4px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}

.modal-header {
  position: relative;
  z-index: 99;
  color: #FFF;
  font-size: 16px;
  border: none;
  text-transform: uppercase;
  padding: 23px 30px 20px;
  background-color: #323232;
}

.modal-header span {
  font-size: 16px;
}

.modal-header h4 {
  padding: 0px;
  text-align: center;
}

.modal-body {
  padding: 45px 30px 70px;
  background-color: #FFF;
}

.close {
  position: absolute;
  top: -28px;
  right: -28px;
  width: 20px;
  height: 20px;
  padding: 0px;
  opacity: 1;
  background-color: transparent;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.close:hover {
  opacity: 1;
  background-color: transparent;
}

/*Add Option Button End*/

.modal-headerRightList {
  padding: 19px 0px 0px 30px;
}

.row-addGoal {
  margin: auto;
  align-items: center;
}

.row-addGoal h5 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
}

.box-modalAddGoal .modal-body {
  padding-bottom: 0px;
}

.modalBody-assignAcc {
  padding-bottom: 10px !important;
}

.box-modalAddGoal .modal-bodyAddExpense {
  padding-bottom: 20px !important;
}

.link-addGoalAccordion {
  position: relative;
  font-size: 19px;
  color: #4e4e4e;
  text-transform: uppercase;
  width: 100%;
  display: inline-block;
  padding: 12px 0px 0px 75px;
  height: 52px;
  font-weight: 600;
}

.box-userTypeMain .link-addGoalAccordion,
.box-bodyScroll .link-addGoalAccordion {
  position: relative;
  font-size: 19px;
  color: #FFF;
  text-transform: uppercase;
  width: 100%;
  display: inline-block;
  padding: 15px 0px 0px 75px;
  height: 52px;
  font-weight: 600;
  background-color: #5b8ec5;
  border-radius: 36px 0px 0px 36px;
}

.link-addGoalAccordion:hover, .link-addGoalAccordion:focus {
  color: #4e4e4e;
}

.link-addGoalAccordion span {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 27px;
  text-align: center;
  line-height: 48px;
  color: #00bcd4;
  float: left;
  width: 52px;
  height: 52px;
  border: 2px solid #7fdde9;
  border-radius: 50%;
}

.link-addGoalAccordion em {
  font-style: normal;
  font-size: 12px;
}

.link-addGoalAccordion.collapsed span {
  color: #9ee6ef;
  border-color: #ccf2f6;
}

.box-userTypeMain .link-addGoalAccordion:hover, .box-userTypeMain .link-addGoalAccordion:focus,
.box-bodyScroll .link-addGoalAccordion:hover, .box-bodyScroll .link-addGoalAccordion:focus {
  color: #FFF;
}

.box-userTypeMain .link-addGoalAccordion span, .box-userTypeMain .link-addGoalAccordion.collapsed span,
.box-bodyScroll .link-addGoalAccordion span, .box-bodyScroll .link-addGoalAccordion.collapsed span {
  color: #5b8ec5;
  border-color: #5b8ec5;
  background-color: #FFF;
}

.modal {
  overflow-y: auto;
}

.modal-accordions {
  margin-bottom: 0px;
}

.modal-accordions .form-checkbox {
  color: #4e4e4e;
  font-size: 15px;
}

.modal-accordions .panel-body {
  padding: 45px 0px 15px 60px;
}

.box-addUserTop .modal-accordions .panel-body {
  padding-top: 15px !important;
}

.modal-accordions .panel-collapse.in {
  position: relative;
}

.modal-accordions .panel-collapse.in:after {
  position: absolute;
  top: 10px;
  left: 25px;
  bottom: -10px;
  content: "";
  width: 2px;
  margin: auto;
  background-color: #ccf2f6;
}

.modal-accordions .panel-default:last-child .panel-collapse.in:after {
  bottom: 15px;
}

.form-addGoalTimeFrame .form-checkbox {
  margin: 0px;
}

.box-modalAddGoal .modal-footer {
  width: 100%;
  display: block;
  padding: 15px 45px 21px 105px;
  border: 0px;
  background-color: #FFF;
}

.box-modalGLCode.box-modalAddGoal .modal-body {
  padding-top: 45px;
}

.box-modalGLCode.box-modalAddGoal .modal-footer {
  padding: 25px 30px;
}

.box-bodyScroll .modal-footer {
  padding: 15px 30px 21px;
}

.box-modalExpenseType.box-modalAddGoal .modal-body {
  padding: 45px 30px 0px;
}

.box-modalExpenseType.box-modalAddGoal .modal-footer {
  padding: 20px 30px;
}

.box-modalAddGoal .modal-footer.modal-footerEditAll {
  padding-left: 45px;
}

.box-modalAddGoal .modal-body.modal-bodyEditAll {
  padding-top: 45px;
  padding-bottom: 20px;
}

.btn-navBlue {
  font-size: 15px;
  letter-spacing: normal;
  text-align: center;
  display: inline-block;
  background-color: #3272b7;
  padding: 7px 25px;
  margin-top: 23px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

.btn-navBlue {
  background-color: #5d72c9;
}

.box-inputAnimation {
  position: relative;
  width: 100%;
  float: left;
  display: block;
}

.box-inputAnimation + .box-inputAnimation {
  margin-top: 40px;
}

.box-inputAnimation label {
  color: #b3b3b3;
  font-size: 15px;
  position: absolute;
  top: 17px;
  left: 10px;
  right: 2px;
  transition: all 0.25s ease;
  pointer-events: none;
  z-index: 1;
  background-color: #FFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
}

.box-inputAnimation label.trigger {
  font-weight: 400;
}

.expense-planned-field.box-inputAnimation .selection-container label {
  top: unset;
  right: unset;
  left: unset;
  transition: none;
  pointer-events: unset;
  color: #272727;
}

.box-inputAnimationRow {
  max-width: 200px;
}

.input-budgetField input {
  padding-left: 33px !important;
}

.input-budgetField.expense-planned-field input {
  text-align: right !important;
}

.expense-planned-field .amount-in-budget-currency {
  text-align: right;
  font-size: 13px;
  padding: 5px 10px;
  color: #b3b3b3;
}

.currency-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.input-animationW, .input-animation, select.input-animation, select.input-animationW {
  width: 100%;
  color: #424242;
  font-size: 15px;
  text-align: left;
  border: 1px solid #D3D3D3;
  background-color: transparent;
  border-radius: 4px;
  height: 56px;
  line-height: 56px;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
}

.input-animationW, select.input-animationW {
  background-color: #FFF;
}

.box-inputCheckBox {
  position: relative;
  padding-right: 150px;
}

.box-inputAnimationInExp .input-animation {
  padding-left: 10px;
}

.box-inputAnimationInExp {
  position: absolute;
  right: -172px;
  top: -2px;
  width: 167px;
}

.box-quickAddProg {
  position: relative;
  width: 100%;
  float: left;
  display: inline-block;
  padding: 40px 120px 0px 0px;
  margin-bottom: 20px;
}

.box-quickAddProg .input-animationW, .box-quickAddProg select.input-animationW, .box-quickAddProg .input-animation, .box-quickAddProg select.input-animation {
  height: 40px;
  line-height: 40px;
}

.box-quickAddProg .box-inputAnimation label {
  top: 9px;
}

.input-deliveryDate .input-animation {
  display: block;
}

textarea.input-animation, textarea.input-animationW {
  height: 125px;
  resize: vertical;
  line-height: 22px;
  float: left;
}

textarea.input-animation ~ label, textarea.input-animationW ~ label {
  top: 11px;
}

.box-rightSideInn {
  height: calc(100% - 60px);
  width: 100%;
  display: block;
  padding: 23px 30px;
  overflow: auto;
}

.box-newDashboardRightInn, .box-dashboardRightInn {
  position: relative;
  overflow: hidden;
  padding: 43px 23px;
}

.box-newDashboardRightInn, .box-dashboardRightInn, .new-nav .box-rightSideInn {
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.nav-tabs {
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  border: 0px;
  background-color: transparent;
}

ul.nav-tabs li {
  float: none;
  display: inline-block;
  max-width: 100%;
  border: 0px;
  border-radius: 0px;
  padding: 0px 12px;
}

ul.nav-tabs li:first-child {
  padding-left: 0px;
}

ul.nav-tabs li:last-child {
  padding-right: 0px;
}

ul.nav-tabs > li > a {
  color: #bebebe;
  font-size: 14px;
  border: 0px;
  padding: 0px 0px 4px;
  border-radius: 0px;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
}

ul.nav-tabs > li.active > a, ul.nav-tabs > li.active > a:focus, ul.nav-tabs > li.active > a:hover,
ul.nav-tabs > li > a:focus, ul.nav-tabs > li > a:hover {
  color: #1f1f1f;
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  border-bottom: 3px solid #3273b7;
}

.btn-viewGoal, .btn-clearUnread {
  font-size: 11px;
  line-height: 16px;
  padding: 3px 12px;
  border-radius: 20px;
  color: #3272b7;
  background-color: transparent;
  border: 1px solid #3272b7;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 9;
}

.btn-viewGoal:hover, .btn-clearUnread:hover {
  color: #FFF;
  background-color: #3272b7;
}

.btn-viewGoal {
  right: 192px;
}

#resetPass .box-modalContent {
  width: 460px;
}

#resetPass .modal-body {
  padding-bottom: 20px;
}

.box-clearBoth {
  width: 100%;
  clear: both;
  height: 0px;
  display: block;
}

.nav-mainDashTab {
  position: relative;
  width: calc(100% - 75px);
  margin-left: 75px;
  float: left;
  background-color: #EDEDED;
}

.nav-mainDashTab .budget-date {
  position: absolute;
  left: 30px;
  top: 11px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
}

.nav-mainDashTab.nav-mainDashTabNew {
  margin-left: 0px;
  width: 100%;
  background-color: #FFF;
}

.slide-viewMetric {
  margin-bottom: 18px;
}

ul.list-viewExpenseApp:after {
  display: none;
}

ul.list-viewExpenseApp li {
  width: 100%;
  padding: 0px 40px 4px;
}

.object-header-controls {
  position: absolute;
  right: 10px;
  top: 2px;
  transition: none;
}

.modal-headerGoalView .object-header-controls {
  right: 90px;
}

.object-header-controls > * {
  display: inline-block;
}

.tags-number-badge {
  background: #2E6CA4;
  padding: 0 8px 0 12px;
  font-size: 12px;
  position: relative;
  margin-right: 15px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  cursor: pointer;
}

.tags-number-badge:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 0 11px 10px;
  border-color: transparent transparent transparent #2E6CA4;
  left: 100%;
}

.object-tags-container {
  position: absolute;
  top: calc(100% + 20px);
  width: 580px;
  z-index: 10;
  left: -280px;
  background: #fff;
  padding: 20px;
  border: 2px solid #439DD4;
  box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.3);
}

.object-tags-container:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  transform: rotate(45deg);
  background: #fff;
  top: -14px;
  left: calc(50% - 10px);
  border-top: 2px solid #439DD4;
  border-left: 2px solid #439DD4;
}

.modal-headerGoalView timeframes {
  right: 100px;
}

.box-noMetric {
  color: #CCC;
  font-size: 12px;
  height: 100%;
  display: flex;
  justify-content: center;
  text-align: center !important;
  width: 100%;
  flex-direction: column;
}

.box-noMetric h6 {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
}

.actual-value, .projected-value {
  position: relative;
  color: #323232;
  font-style: normal;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}

.actual-value, .projected-value {
  display: inline-block;
  min-width: 6px;
  min-height: 14px;
}

.actual-value.removeDollar, .projected-value.removeDollar {
  padding-left: 0px;
}

.owl-theme .owl-nav {
  margin-top: 0px !important;
}

.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 11px;
  margin: auto !important;
  width: 29px;
  height: 29px;
  opacity: 1 !important;
  border-radius: 50% !important;
  border: 1px solid #e1e1e1 !important;
  background: url('icon-leftRight.8de71120290dce28.png') no-repeat 10px center #FFF !important;
  text-indent: -999em;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: url('icon-leftRightW.59de81b330558032.png') no-repeat 10px center #26cfe5 !important;
  border-color: #26cfe5;
}

.owl-prev > div:hover {
  background-color: #e1e1e1;
}

.owl-theme .owl-nav > [class*=owl-].disabled {
  display: none !important;
}

.box-tabViewGoal {
  width: 100%;
  display: inline-block;
  padding-bottom: 10px;
}

.owl-theme .owl-nav [class*=owl-].owl-next {
  background: url('icon-leftRight.8de71120290dce28.png') no-repeat -14px center #FFF !important;
  left: auto;
  right: 11px;
}

.owl-theme .owl-nav > [class*=owl-].owl-next:hover {
  background: url('icon-leftRightW.59de81b330558032.png') no-repeat -14px center #26cfe5 !important;
}

.table-viewAdd tr, .table-viewAdd thead, .table-viewAdd thead tr, .table-viewAdd {
  width: 100%;
}

.table-accountEdit thead tr, .table-viewAdd thead tr {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

tr th, tr td {
  position: relative;
  vertical-align: top;
  word-break: break-word;
}

tfoot > tr > td {
  padding: 0px !important;
}

tfoot > tr > td table tr td {
  text-align: center !important;
}

table thead {
  border-bottom: 1px solid #d7d7d7;
}

table.table-manageTeam thead {
  border: 0px;
}

table.table-evenOdd a:hover {
  color: #0872ba;
}

table.table-evenOdd a.btn-addCampaignView:hover {
  color: #FFF;
}

table.table-evenOdd {
  background-color: #FFF;
}

table.table-evenOdd > tbody > tr:nth-child(odd) {
  background-color: #f2f8ff;
}

table.table-evenOdd > tbody > tr.tr-noResults:nth-child(odd), table.table-evenOdd > tfoot > tr:nth-child(odd) {
  background-color: #FFF;
}

.table-dashboardEx table tr td, .table-viewAdd thead tr th {
  width: 25%;
  color: #707070;
  font-size: 11px;
  padding: 4px 15px;
  line-height: 20px;
}

.table-viewAdd thead tr th {
  width: 20%;
}

.table-dashboardEx table tfoot tr td {
  padding: 4px 0px;
}

.box-scrollViewTable {
  max-height: 143px;
}

.box-scrollViewTable table tr td {
  position: relative;
}

.table-viewAdd thead tr th {
  text-transform: uppercase;
  font-weight: 600;
  padding: 8px 15px;
}

.btn-addCampaignView {
  float: right;
  margin: 10px 10px 0px 0px;
  padding: 1px 7px 0px;
  font-size: 11px;
  color: #00bcd4;
  text-transform: uppercase;
  border: 1px solid #00bcd4;
  background-color: transparent;
}

.btn-addCampaignView:hover {
  color: #FFF;
  background-color: #00bcd4;
}

.btn-addCampaignView.shift-top {
  position: absolute;
  top: -31px;
  right: 15px;
  margin: 0px;
}

.box-tabViewNav ul.nav-tabs {
  padding: 0px;
  margin: 0px;
  float: left;
  border: 1px solid #d4d4d4;
  border-bottom: 0px;
  overflow: inherit;
  border-left: 0px;
}

.box-tabViewNav ul.nav-tabs li {
  padding: 0px;
  margin: 0px auto;
  border-left: 1px solid #d4d4d4;
  float: left;
  display: block;
}

.box-tabViewNav ul.nav-tabs li a {
  font-size: 12px;
  font-weight: 500;
  color: #323232;
  margin: 0px;
  border-bottom: 0px;
  padding: 8px 20px;
}

.box-tabViewNav ul.nav-tabs > li.active > a:after, .box-tabViewNav ul.nav-tabs > li > a:hover:after {
  position: absolute;
  content: "";
  top: -1px;
  left: 0px;
  right: 0px;
  height: 3px;
  background-color: #00bcd4;
  margin: auto;
  z-index: 9;
}

.box-tabViewNav ul.nav-tabs > li.active > a, .box-tabViewNav ul.nav-tabs > li.active > a:hover,
.box-tabViewNav ul.nav-tabs > li > a:hover {
  color: #00bcd4;
  border-bottom: 0px;
  background-color: #FFF;
}

.img-dragDrop.img-dragDropCamCard {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.icon-sortingTable {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 0;
  bottom: 1px;
  margin: auto auto auto 7px;
  cursor: pointer;
  background: url('icon-sorting.a9ca65ac06e84610.svg') no-repeat center center;
}

.icon-sortingTable.desc {
  background-image: url('icon-sortingUp.c1a4edaf46d4810b.svg');
}

.icon-sortingTable.asc {
  background-image: url('icon-sortingDown.a8adef33118429e8.svg');
}

.thead-sorting .icon-sortingTable {
  top: 13px;
  bottom: inherit;
}

.td-expenseNotFound {
  color: #CCC !important;
  height: 90px;
  vertical-align: middle !important;
  text-align: center;
  font-size: 13px !important;
}

.td-expenseNotFound span {
  display: block;
  font-weight: normal;
}

.box-btnCenter {
  position: relative;
  width: 100%;
  display: inline-block;
  text-align: center;
}

.box-btnCenter button {
  float: none !important;
  display: inline-block;
  font-size: 13px;
}

.progress {
  height: 6px;
  display: block;
  box-shadow: none;
  background-color: transparent;
  border-radius: 0px 6px 6px 0px;
  margin-bottom: 3px;
}

.progress em {
  display: block;
  box-shadow: none;
  border-radius: 0px 6px 6px 0px;
}

.tab-pane .btn-clear, .btn-clearPermission {
  position: absolute;
  right: 0;
  top: -31px;
  color: #e85353;
  font-size: 15px;
  padding: 2px 0 5px;
  background-color: transparent;
  z-index: 1;
  font-weight: 500;
}

.btn-clearPermission {
  position: static;
  float: right;
  font-size: 11px;
  font-weight: 600;
  padding: 0px;
}

.tab-pane .btn-cleared {
  color: #b2b2b2;
}

.tab-pane .btn-clear:hover, .btn-clearPermission:hover {
  color: #f56969;
}

.box-tableImg {
  min-width: 50px;
  text-align: center;
}

/*Modal Popup End*/

/*Campaign Cards Start*/

.box-campCards {
  margin: 0px -8px;
  padding-bottom: 15px;
}

ul.list-campCards {
  width: 100%;
  display: block;
  float: left;
  cursor: default !important;
}

ul.list-campCards > li {
  width: 338px;
  display: inline-block;
  border: 0px;
  padding: 9px;
  vertical-align: top;
  cursor: default !important;
}

.box-campCardsInn .panel-heading {
  background-color: #F8F8F8;
  color: #fff;
  border-color: #ECECEC;
  position: relative;
  height: 58px;
  width: 100%;
  padding: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

ul.list-programCard .box-campCardsInn {
  border-top-color: #3272b7;
}

ul.list-programCard .box-campCardsInn .panel-heading {
  background-color: #e9f4fb;
}

ul.list-programCard .box-camCardAmt,
ul.list-programCard ul.list-programCardsTymStatus li, ul.list-programCard .frow-camCardRight span.panel-title {
  color: #3272b7;
}

ul.list-programCard .box-campCardsInn .panel-heading .box-camCardAmt em {
  color: #3272b7;
  border-color: #3272b7;
}

ul.list-programCard .box-campCardsInn.box-closedCard {
  border-top-color: #323232;
}

ul.list-programCard .box-campCardsInn.box-closedCard .panel-heading .box-camCardAmt em {
  color: #757575;
  border-color: #757575;
}

ul.list-programCard .box-campCardsInn.box-closedCard .panel-heading,
.box-closedCard.box-campCardsInn .panel-heading {
  background-color: #bababa;
}

ul.list-programCard .box-closedCard .box-camCardAmt,
ul.list-programCard .box-closedCard ul.list-programCardsTymStatus li, ul.list-programCard .box-closedCard .frow-camCardRight span.panel-title,
.box-closedCard ul.list-programCardsTymStatus li,
.box-closedCard .box-camCardAmt, .box-closedCard .frow-camCardRight span.panel-title {
  color: #757575;
}

.box-closedCard.box-campCardsInn .panel-body {
  border-color: #757575;
}

.frow-camCardRight span.panel-title {
  color: #323232;
  font-size: 16px;
  padding: 5px 0px 0px;
  cursor: pointer;
  text-transform: capitalize;
  font-weight: 700 !important;
  line-height: 18px;
}

.box-campCardsInn .panel-heading span.panel-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 105px;
}

.box-campCardsInn .panel-heading em {
  position: absolute;
  bottom: 3px;
  right: 10px;
  color: #96c3f2;
  font-style: normal;
  font-size: 10px;
  text-transform: uppercase;
}

.frow-camCardLeft {
  float: left;
  width: 50px;
  padding-left: 8px;
}

.frow-camCardLeft > span {
  display: flex;
  color: #FFF;
  width: 44px;
  height: 44px;
  border: 3px solid #265689;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  background-color: #75a8dc;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: normal;
  align-items: center;
  justify-content: center;
}

.frow-camCardRight {
  position: relative;
  margin-left: 61px;
}

.box-camCardAmt {
  position: absolute;
  top: 2px;
  right: 6px;
  color: #323232;
  font-size: 13px;
  font-weight: 400;
  padding-right: 18px;
}

.box-campCardsInn .panel-heading .box-camCardAmt em, .box-camCardAmt em {
  position: absolute;
  right: 0px;
  top: -2px;
  bottom: inherit;
  color: #3272b7;
  font-size: 8px;
  font-style: normal;
  line-height: 13px;
  text-align: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #3272b7;
}

.box-campCardsInn .panel-heading .box-camCardAmt em {
  color: #a9a9a9;
  border-color: #a9a9a9;
}

.box-campCardsInn .panel-body {
  padding: 0px 9px;
  background-color: #FFF;
}

/* temp libs */

.drop-list-temp {
  width: 100%;
  color: #3272b7;
  margin: auto;
  text-align: left;
  padding: 12px 35px 12px 18px !important;
  float: left !important;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.drop-list-temp span {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  display: block;
  border: 1px solid #3272b7;
  background: url('icon-downArrowPink.722df356573826c1.png') no-repeat center 5px;
}

/* temp libs */

.icon-plusCss {
  position: relative;
  color: #7c8295;
  font-size: 12px;
  margin: auto;
  text-transform: uppercase;
  padding: 0px 0px 0px 12px;
  text-decoration: underline;
}

.empty-campCardsProg .icon-plusCss {
  margin: auto;
  display: inline-block !important;
}

.icon-plusCss:after, .icon-plusCss:before {
  top: 7px;
  left: 3px;
  position: absolute;
  content: "";
  width: 2px;
  height: 8px;
  background-color: #3273b7;
}

.icon-plusCss:after {
  top: 10px;
  left: 0px;
  width: 8px;
  height: 2px;
}

.icon-plusCss:hover:after, .icon-plusCss:hover:before {
  background-color: #00bcd4;
}

.box-progressBar {
  padding: 0px 50px;
  text-align: left;
}

.box-progressBar > span {
  padding-bottom: 10px;
}

.box-progressBar .progress {
  height: 20px;
  overflow: inherit;
  background-color: transparent;
}

.box-progressBar .progress-bar {
  position: relative;
  font-style: normal;
  border-radius: 0px;
  font-size: 13px;
  font-weight: 600;
  background-color: #A6D7A7;
  border-top: 2px solid #A6D7A7;
  border-bottom: 2px solid #A6D7A7;
  float: left;
  width: 0;
  height: 100%;
  line-height: 20px;
  color: #fff;
  text-align: center;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}

.box-progressBar .progress-bar span {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  line-height: 29px;
}

.timeLineGraph-available .txt-timeLineGraph em, .timeLineGraph-reserved .txt-timeLineGraph em, .timeLineGraph-underBudget .txt-timeLineGraph em,
.box-underBudgetProgress span, .box-reservedProgress span, .box-availableProgress span, .green-bar span, .orange-bar span, .res-bar span {
  color: #757575 !important;
}

.box-progressBar .black-bar.progress-bar:before, .box-progressBar .black-bar.progress-bar:after, .box-progressBar .progress .progress-bar.black-bar {
  background-color: #323232;
  border-color: #323232;
}

.box-progressBar .purple-bar.progress-bar:before, .box-progressBar .purple-bar.progress-bar:after, .box-progressBar .progress .progress-bar.purple-bar {
  background-color: #7c4dff;
  border-color: #7c4dff;
}

.box-progressBar .blue-bar.progress-bar:before, .box-progressBar .blue-bar.progress-bar:after, .box-progressBar .progress .progress-bar.blue-bar {
  background-color: #4392e4;
  border-color: #4392e4;
}

.box-progressBar .red-bar.progress-bar:before, .box-progressBar .red-bar.progress-bar:after, .box-progressBar .progress .progress-bar.red-bar {
  background-color: #f74747;
  border-color: #f74747;
}

.box-progressBar .orange-bar.progress-bar:before, .box-progressBar .orange-bar.progress-bar:after, .box-progressBar .progress .progress-bar.orange-bar {
  background-color: #FF9800;
  border-color: #FF9800;
}

.box-progressBar .orange-bar.progress-bar:after {
  background-color: #FF9800;
}

.box-progressBar .res-bar.progress-bar:before, .box-progressBar .res-bar.progress-bar:after, .box-progressBar .progress .progress-bar.res-bar {
  border-color: #BABABA;
  background-color: #BABABA;
}

.box-progressBar .progress-bar .reserved-bar, .reserved-bar {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  background-color: #BABABA;
  overflow: hidden;
}

.box-progressBarCam.box-progressBar .progress {
  height: 32px;
}

.box-progressBarCam .graph-tooltip {
  height: 30px;
  color: #323232;
  padding-top: 2px;
}

.box-progressBarCam .graph-tooltip em {
  margin-top: -2px;
}

i.normal-text, .box-progressBarCam i {
  font-style: normal;
}

.hide-text i {
  display: none;
}

.progress-bar:hover .graph-tooltip, .box-camCardAmt em:hover .graph-tooltip, .box-progressBarCam .progress-bar:hover .graph-tooltip {
  display: block;
}

.box-camCardAmt em .graph-tooltip:after {
  top: 9px;
  bottom: auto;
  right: -9px;
  left: auto;
  background: url('icon-tooltipArrowR.12478deac9b37e4e.png') no-repeat right center;
}

.box-camCardAmt em .graph-tooltip {
  top: -9px;
  left: -175px;
  right: auto;
  bottom: auto;
  width: 170px;
  height: auto;
  color: #7a8297;
  font-weight: 500;
  font-size: 10px;
  padding: 7px 5px;
  text-transform: none;
  word-wrap: break-word;
}

.alertTitle-tooltip {
  position: relative;
  cursor: default;
}

.alertTitle-tooltipInn {
  position: absolute;
  display: none;
  font-size: 10px;
  width: 176px;
  top: -20px;
  right: -181px;
  text-align: center;
  padding: 4px;
  font-weight: 500;
  color: #323232;
  line-height: 14px;
  border-radius: 3px;
  border: 1px solid #6eb0f5;
  background-color: #FFF;
  z-index: 999;
  word-wrap: break-word;
  text-transform: uppercase;
}

.btn-delAlerts .alertTitle-tooltipInn, .btn-goAlerts .alertTitle-tooltipInn {
  right: auto;
  left: -181px;
}

.btn-delAlerts .alertTitle-tooltipInn {
  width: 120px;
  left: -125px;
}

.btn-delAlerts:hover .alertTitle-tooltipInn, .btn-goAlerts:hover .alertTitle-tooltipInn, .alertTitle-tooltip:hover .alertTitle-tooltipInn {
  display: block;
}

.box-programSpent {
  position: absolute;
  right: 4px;
  top: 4px;
  bottom: 0px;
}

.box-programSpentInn {
  color: #FFF;
  font-weight: 500;
  width: 43px;
  height: 43px;
  line-height: 38px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
}

.box-programSpentInn span {
  font-size: 10px;
}

.box-programSpentInn em {
  font-style: normal;
  font-size: 7px;
}

.spent-program {
  font-size: 10px;
  text-transform: uppercase;
  color: #bbdafb;
  bottom: -1px;
  position: absolute;
  right: 0px;
  left: 0;
  text-align: center;
  font-weight: 500;
}

.red-spentCampaign {
  color: #e91d1d;
}

/*Campaign Cards End*/

/*Program Cards Start*/

.table-view .view-mode-icons li.image-view button {
  width: 18px;
  background: url('icon-tiles-view-inactive.1b2cf2b714220638.svg') no-repeat center center;
  background-size: 100%;
}

.table-view .view-mode-icons li.image-view button:hover {
  background: url('icon-tiles-view-inactive-hover.333683db9965fb53.svg') no-repeat center center;
}

.table-view .view-mode-icons li.table-view button:hover {
  background: url('icon-table-view-active.bf01f5707d5c0538.svg') no-repeat center center;
}

.table-view .view-mode-icons li.table-view button {
  width: 19px;
  background: url('icon-table-view-active.bf01f5707d5c0538.svg') no-repeat center center;
  background-size: 100%;
  margin-right: 0;
}

.view-mode-icons li {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 15px;
  color: var(--primary);
  text-transform: none;
}

.view-mode-icons li fa-icon {
  font-size: 20px;
  line-height: 20px;
  margin-right: 8px;
  --fa-primary-color: var(--primary);
  --fa-secondary-color: var(--primary);
}

.view-mode-icons li:hover {
  color: var(--dark-blue);
}

.view-mode-icons li:hover fa-icon {
  --fa-primary-color: var(--dark-blue);
  --fa-secondary-color: var(--dark-blue);
}

.view-mode-icons li.image-view button {
  width: 18px;
  background: url('icon-tiles-view-active.df338c2c40920cf2.svg') no-repeat center center;
  background-size: 100%;
}

ul.list-programCard {
  position: relative;
  width: 100%;
  float: left;
  padding: 16px 0px;
}

ul.list-programCard > li {
  position: relative;
  width: 338px;
  display: inline-block;
  padding: 9px;
  vertical-align: top;
}

div.list-programCardsTymStatus {
  width: 100%;
  display: inline-flex;
  padding-right: 25px;
  margin-top: 15px;
}

div.list-programCardsTymStatusSecond {
  position: absolute;
  right: 23px;
  bottom: 5px;
  color: #757575;
  font-size: 11px;
  font-weight: 700;
}

div.list-programCardsTymStatusSecond .list-programCardsTymStatusSecondSeparator {
  position: absolute;
  left: -10px;
  top: 4px;
  content: "";
  width: 1px;
  height: 12px;
  background-color: #b1b1b1;
}

/*Program Cards End*/

/*Manage Team Start*/

.box-scrollTable.table-budPerDivi {
  max-height: 140px;
  overflow-y: auto;
}

.box-scrollTable.boxTbl-manageTeamInn {
  overflow-y: auto;
}

.box-wapperTwo .box-topBar {
  width: 100%;
  display: inline-block;
  padding: 0px 125px 0px 35px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}

.box-manageTeam {
  width: 100%;
  display: inline-block;
}

.box-searchManageTeam {
  position: relative;
  float: left;
  width: 100%;
  max-width: 320px;
  margin: 5px 0px 15px;
}

.box-searchTopNav .box-searchManageTeam {
  margin: 0px;
}

ul.list-assOwner {
  float: right;
  padding-top: 10px;
}

ul.list-assOwner li {
  float: left;
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 600;
  margin-right: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 400px;
}

ul.list-assOwner li span {
  margin-right: 5px;
}

ul.list-assOwner li:last-child {
  margin-right: 0px;
}

ul.list-assOwner li .btn-tableEdit {
  position: relative;
  top: 2px;
  left: 0px;
}

.btn-searchTeam {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 16px;
  width: 14px;
  height: 15px;
  margin: auto;
  display: block;
  padding: 0px;
  background: url('icon-searchBlue.c011649bcc4f2c2d.png') no-repeat center center;
  border-radius: 0px;
}

.btn-searchTeam:hover, .btn-searchTeam:focus {
  background-color: transparent;
}

.box-searchManageTeam input {
  font-size: 13px;
  color: #575757;
  padding: 0px 35px 0px 15px;
  text-align: left;
  width: 100%;
  height: 34px;
  line-height: 34px;
  border: 1px solid rgba(50, 115, 183, 0.35);
  border-radius: 20px;
  background-color: transparent;
  font-weight: 500;
}

.box-spendBtTypeTopBar .box-searchManageTeam input {
  color: #3273b7;
}

.table-manageTeam, .table-manageTeamInn {
  width: 100%;
}

table tr.table-main-tr {
  border-bottom: 1px solid #f2f2f2;
}

table tr.table-main-tr:last-child {
  border-bottom: 0px;
}

tr.table-main-tr > th, tr.table-main-tr > td {
  padding-left: 15px;
  font-size: 13px;
  color: #424242;
  font-weight: 500;
}

tr.table-main-tr > td {
  padding: 10px 0px 10px 15px;
  vertical-align: top;
  font-weight: 500;
}

.table-manageTeamInn tr > td > span {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

tr.table-main-tr > th:nth-child(2), tr.table-main-tr > td:nth-child(2) {
  width: calc(100% - 500px);
  padding-left: 0px;
}

tr.table-main-tr > th:nth-last-child(3), tr.table-main-tr > td:nth-last-child(3) {
  width: 80px;
  min-width: 80px;
  text-align: center;
}

.super-manageMyTeam tr.table-main-tr > th:nth-last-child(2), .super-manageMyTeam tr.table-main-tr > td:nth-last-child(2) {
  text-align: left;
  width: 55%;
}

.super-manageMyTeam tr.table-main-tr > th:nth-last-child(3), .super-manageMyTeam tr.table-main-tr > td:nth-last-child(3) {
  width: 110px;
  text-align: left;
}

tr.table-main-tr > td:nth-last-child(3) {
  padding-top: 10px;
}

.wap-manageMyTeam tr.table-main-tr > td:nth-last-child(3) {
  padding-top: 16px;
}

tr.table-main-tr > th:nth-last-child(2), tr.table-main-tr > td:nth-last-child(2) {
  width: 70px;
  min-width: 70px;
  text-align: center;
}

tr.table-main-tr > th:last-child, tr.table-main-tr > td:last-child {
  width: 80px;
  min-width: 80px;
  padding-left: 0px;
  padding-right: 15px;
  text-align: center;
}

tr.table-main-tr > td:last-child, tr.table-main-tr > td:nth-last-child(2) {
  padding-top: 16px;
}

tr.table-main-tr > th:first-child, tr.table-main-tr > td:first-child {
  width: 250px !important;
  min-width: 250px !important;
}

tr.table-main-tr > td:first-child {
  font-size: 13px;
}

/*Super Admin Table Start*/

.btn-dropDownTable {
  position: relative;
  width: 17px;
  height: 11px;
  padding: 0px;
  display: block;
  background: transparent url('icon-dottes.7cd7bbb2f75e84b6.png') no-repeat center center;
  margin: auto;
}

.btn-dropDownTable:focus, .btn-dropDownTable:hover {
  background-color: transparent;
}

ul.list-dropDownTable {
  position: absolute;
  top: calc(100% + 4px);
  right: -40px;
  width: 130px !important;
  padding-top: 0px !important;
  border: 1px solid #edf2f6 !important;
  box-shadow: 0px -2px 18px rgba(22, 71, 123, 0.2) !important;
  background-color: #FFF;
  z-index: 999;
  display: none;
  overflow: hidden;
  border-radius: 4px;
}

ul.list-dropDownTable li {
  width: 100%;
  display: inline-block;
}

ul.list-dropDownTable li button {
  color: #323232;
  width: 100%;
  font-size: 11px;
  text-align: left;
  padding: 5px 10px;
  display: block;
  font-weight: 500;
  background-color: #FFF;
}

ul.list-dropDownTable li button:hover {
  color: #323232;
  background-color: #F5F5F5;
}

.btn-dropDownTable.active ul.list-dropDownTable {
  display: block;
}

.btn-dropDownTable {
  position: relative;
  width: 17px;
  height: 11px;
  padding: 0px;
  display: block;
  margin: auto;
  background: transparent url('icon-dottes.7cd7bbb2f75e84b6.png') no-repeat center center;
}

.btn-dropDownTable:focus, .btn-dropDownTable:hover {
  background-color: transparent;
}

ul.list-dropDownTable {
  position: absolute;
  top: calc(100% + 4px);
  right: -10px;
  width: 130px !important;
  padding-top: 0px !important;
  border: 1px solid #edf2f6 !important;
  box-shadow: 0px -2px 18px rgba(22, 71, 123, 0.2) !important;
  background-color: #FFF;
  z-index: 999;
  display: none;
  overflow: hidden;
  border-radius: 4px;
}

ul.list-dropDownTable li {
  width: 100%;
  display: inline-block;
}

ul.list-dropDownTable li a {
  color: #868686;
  font-size: 11px;
  text-align: left;
  padding: 5px 10px;
  display: block;
  font-weight: 500;
  background-color: #f5f5f5;
}

ul.list-dropDownTable li a:hover {
  color: #868686;
  background-color: #FFF;
}

ul.list-dropDownTable:after {
  position: absolute;
  content: "";
  right: 7px;
  top: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #f5f5f5 transparent;
}

.btn-dropDownTable.active ul.list-dropDownTable {
  display: block;
}

/* Super-user Css End */

.table-manageTeam tr th {
  font-size: 12px;
  color: #707070;
  padding-left: 15px;
  font-weight: 600;
}

.table-manageTeamInn tr th, .table-manageTeamInn tr td {
  width: 33.33%;
  padding: 0px 0px 2px 15px;
  font-weight: 500;
}

.table-manageTeamInn tr td {
  font-weight: 400;
}

.table-budPerDivi .table-manageTeamInn tr:first-child > td {
  padding-top: 4px;
}

.wap-manageMyTeam .table-budPerDivi .table-manageTeamInn tr:first-child > td {
  padding-top: 6px;
}

.super-manageMyTeam .table-budPerDivi .table-manageTeamInn tr:first-child > td {
  padding-top: 0px;
}

.table-manageTable.table-budPerDivi .table-manageTeamInn tr > td {
  max-width: 250px;
}

.table-manageTable.table-budPerDivi .table-manageTeamInn tr > td:nth-child(2) {
  max-width: 100px;
}

.boxTbl-manageTeamInn {
  margin-top: 4px;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  background-color: #FFF;
  box-shadow: 0px 0px 10px rgba(50, 114, 183, 0.3);
}

.frow-manageTeam {
  width: 100%;
  display: inline-block;
  padding-top: 2px;
}

.frow-manageTeamName {
  margin: 4px 0px 0px 50px;
  color: #3272b7;
  font-weight: 600;
}

.btn-tableEdit {
  position: absolute;
  top: 13px;
  left: 0px;
  right: 0px;
  width: 16px;
  height: 17px;
  padding: 0px;
  background: url('icon-edit.87f7fa0d7f21c818.png') no-repeat center center rgba(0, 0, 0, 0);
  margin: auto;
  background-size: 100%;
  text-indent: -999em;
}

.wap-manageMyTeam .btn-tableEdit {
  top: 21px;
  left: 15px;
}

.btn-tableDelete {
  position: absolute;
  top: 13px;
  left: 0px;
  right: 15px;
  width: 15px;
  height: 18px;
  padding: 0px;
  background: url('icon-deleteRed.8612841a2c3ae91a.png') no-repeat center center rgba(0, 0, 0, 0);
  margin: auto;
  background-size: 100%;
  text-indent: -999em;
}

.wap-manageMyTeam .btn-tableDelete {
  top: 20px;
}

.btn-tableReq {
  width: 15px;
  height: 20px;
  margin: 6px auto 0px;
  padding: 0px;
  background: url('icon-lockReq.25b793a451edbf52.png') no-repeat center center rgba(0, 0, 0, 0);
}

.btn-tableAdd {
  position: relative;
  width: 16px;
  height: 16px;
  padding: 0px;
  margin: 8px auto 0px;
  background-color: transparent;
  text-indent: -999em;
}

.btn-tableAdd:after, .btn-tableAdd:before {
  position: absolute;
  content: "";
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  width: 2px;
  height: 16px;
  background-color: #3272b7;
}

.btn-tableAdd:after {
  width: 16px;
  height: 2px;
}

.btn-tableEdit:hover, .btn-tableDelete:hover, .btn-tableReq:hover, .btn-tableAdd:hover {
  background-color: transparent;
}

.btn-addUser {
  padding: 8px 25px 8px 55px;
  margin-bottom: 10px;
  background: url('icon-addUser.55587a3d6a5fe6a2.png') no-repeat 22px 10px #00bcd4;
}

.name-customFieldPlan {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.name-customFieldPlan {
  position: absolute;
  top: 0px;
  margin-left: 30px;
  width: calc(100% - 30px);
  display: block;
}

.form-asAdmin {
  margin: 0px 0px 52px;
}

.form-checkbox.form-asAdmin {
  font-size: 18px;
  font-weight: 500;
}

.form-checkbox label:after {
  border-color: #f0f0f0;
}

/*Manage Team End*/

/*Plan Setting Start*/

.box-pageHeadingBar {
  padding: 0;
  color: #1f1f1f;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}

.box-pageHeadingBar span {
  text-transform: none;
}

.input-animationW {
  font-size: 17px;
}

.box-resetPass {
  width: 100%;
  display: inline-block;
  padding: 18px 0px 0px;
}

.box-resetPass button {
  display: inline-block;
  color: #3273b7;
  font-size: 13px;
  padding: 0px;
  background-color: transparent;
  border-bottom: 1px solid #3273b7;
  border-radius: 0px;
  font-weight: 400;
}

.box-resetPass button:hover {
  color: #6176cc;
}

/*Plan Setting End*/

/*Upload Start*/

ul.list-upload {
  width: 100%;
  display: inline-block;
}

ul.list-upload li {
  width: calc(33.33% - 5px);
  display: inline-block;
  padding: 40px 4px 0px;
}

.double-buttons-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.double-buttons-box > * {
  width: calc(50% - 5px);
}

.double-buttons-box > *:only-child {
  width: 100%;
}

html body button.flex-space-between, html body button.flex-center {
  border-radius: 50% !important;
  background-color: #3954bf !important;
}

html body button.flex-center {
  opacity: 0;
}

.title-addGoal {
  position: relative;
  float: left;
  margin-top: 7px;
  padding-bottom: 20px;
  max-width: 260px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
}

.addUser .title-addGoal {
  width: 100%;
  max-width: 774px;
  padding-right: 35px;
  font-weight: 600;
}

.box-buttonQue {
  position: relative;
  width: 100%;
  padding: 15px 0px 0px;
  display: inline-block;
}

.title-addGoal > button + .tooltip {
  width: 350px !important;
}

.box-spreadSheet {
  width: 100%;
  height: 100%;
}

.head-spreadSheet {
  padding: 39px 20px 0px;
  height: 100px;
}

.head-spreadSheet h4 {
  font-size: 15px;
  text-align: center;
  height: 72px;
  color: #4E4E4E;
  padding: 0px;
}

.tool-assign {
  font-size: 8px;
  color: #3954bf;
  line-height: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  padding: 0px;
  background-color: #FFF;
}

.tool-assign:hover {
  color: #3954bf;
  background-color: #FFF;
}

.box-spreadSheet label, .box-spreadSheet select.input-animation {
  background-color: #D2D2D2;
  border: 0px;
  color: #4E4E4E;
}

.box-spreadSheet label {
  color: #b2bae2;
}

.box-spreadSheet label.trigger {
  font-size: 13px;
  color: #4E4E4E;
}

.form-checkbox label.btn:after {
  border: 2px solid #FFF;
}

.form-asAdmin.form-checkbox label.btn:after {
  border-color: #9F9F9F;
}

.box-scrollUploaded {
  height: 100%;
  overflow-y: auto;
}

.box-tableManageExpense, .box-tableManageExpenseInn {
  width: 100%;
  height: 100%;
  display: block;
  float: left;
  overflow: hidden;
}

.box-tableManageExpenseInn {
  overflow: auto;
}

.box-tableManageExpense.box-tableManageExpenseScroll {
  height: calc(100% - 161px);
}

.super-company .box-tableManageExpense {
  height: calc(100% - 65px);
}

.box-successErrorNav {
  position: relative;
}

.box-successErrorNav ul.nav-tabs > li > a {
  position: relative;
}

.successError-count {
  position: relative;
  right: 0px;
  top: -2px;
  color: #FFF;
  font-size: 9px;
  min-width: 26px;
  display: inline-block;
  text-align: center;
  padding: 1px 4px;
  text-align: center;
  border-radius: 26px;
  background-color: #E85353;
}

.successError-back {
  position: absolute;
  top: 25px;
  right: 30px;
  height: 30px;
  font-size: 11px;
  font-weight: 500;
  line-height: 31px;
  padding: 0px 15px 0px 25px;
  border-radius: 3px;
  background-color: #3272b7;
}

.successError-back:hover {
  background-color: #3d83cf;
}

.successError-back img {
  position: absolute;
  top: 0;
  bottom: 0px;
  width: 11px;
  height: 11px;
  margin: auto;
  left: 8px;
}

/*Upload End*/

/*Faqs Start*/

ul.list-getInTouch {
  width: 100%;
  display: inline-block;
  padding: 0px 15px 0px 50px;
}

ul.list-getInTouch li {
  position: relative;
  padding: 0px 0px 24px 40px;
  color: #FFF;
}

ul.list-getInTouch li:after {
  position: absolute;
  left: 0px;
  top: 3px;
  content: "";
  width: 21px;
  height: 24px;
  background: url('icons-getInTouch.86e35a275556fd91.png') no-repeat center 0px;
}

ul.list-getInTouch li h4 {
  font-size: 11px;
  text-transform: uppercase;
  padding: 0px;
}

ul.list-getInTouch li span {
  display: block;
  color: #c0c6e7;
  font-size: 13px;
}

ul.list-getInTouch li.emailAdd:after {
  background-position: center -38px;
}

ul.list-getInTouch li.address:after {
  background-position: center -67px;
}

.faqs-accordion {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(173, 138, 255, 0.4);
}

.faqs-accordion .panel {
  border: 0px;
  border-radius: 0px;
}

.faqs-accordion .panel + .panel {
  margin: 0px;
}

/*Faqs End*/

/*Market Place Start*/

.box-marketPlaceMain {
  width: 100%;
  display: inline-block;
  padding: 35px;
}

.box-markPlaceHead {
  width: 100%;
  max-width: 705px;
  margin: auto;
  text-align: center;
  padding-bottom: 69px;
}

.box-markPlaceHead h4 {
  font-size: 30px;
  color: #1f1f1f;
  padding-bottom: 24px;
  font-weight: 600;
}

.box-markPlaceHead p {
  font-size: 17px;
  color: #5b5b5b;
  line-height: 24px;
  font-weight: 500;
}

.box-markPlaceHead p span {
  display: block;
}

.box-markPlacePara, ul.list-markPlace, .box-markPlace {
  width: 100%;
  display: inline-block;
}

.box-markPlace {
  height: 433px;
  overflow-y: auto;
}

ul.list-markPlace {
  max-width: 1130px;
  margin: auto;
}

ul.list-markPlace li {
  float: left;
  width: 25%;
  padding: 24px 8px 0px;
}

.box-markPlaceInn {
  overflow: hidden;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0px 0px 8px rgba(0, 188, 212, 0.4);
}

.box-markPlaceImg {
  width: 100%;
  height: 201px;
}

.box-markPlaceImg img {
  width: 100%;
  max-width: 100%;
}

.link-viewOff {
  color: #FFF;
  padding: 7px 36px 6px;
  font-size: 13px;
  display: inline-block;
  background-color: #28a364;
  border-radius: 2px;
  text-transform: uppercase;
  margin-top: 22px;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
}

/*Market Place End*/

.list-graphAddProd .fix-height {
  max-height: 300px !important;
}

.addUserAsAdmin .asAdminHide, .asAdminShow {
  display: none;
}

.addUserAsAdmin .asAdminShow {
  display: block;
}

.addUserAsAdmin .form-asAdmin {
  margin-bottom: 0px;
}

.text-makingUser {
  width: 100%;
  font-size: 13px;
  color: #00bcd4;
  display: inline-block;
  padding: 3px 15px 43px;
  font-weight: 400;
}

.addUserAsAdmin .panel-body {
  padding-bottom: 0px;
}

.addUserAsAdmin .asAdminShow.box-asAdminMaking {
  width: 100%;
  display: inline-block;
}

.addUserAsAdmin .modal-accordions .panel-collapse.in::after {
  bottom: 0px;
}

.box-rightBule {
  width: 225px;
  float: left;
  height: 100%;
  overflow-y: hidden;
}

.wizard-tabs {
  pointer-events: none;
}

.step-complete {
  background-color: #00bcd4 !important;
}

.dollerSign.ng-invalid {
  border: 1px solid red;
}

.backHide {
  display: none;
}

.viewNote {
  display: none;
}

.tab-notAvailable {
  color: #b2b2b2;
  display: inline-block;
  font-size: 12px;
  width: 100%;
}

.selbtngroup, .selbtngroup button {
  width: 120px !important;
  text-align: right;
}

#editAll .box-modalAddGoal .modal-footer {
  padding: 25px 30px 15px;
  text-align: center;
}

#editAll .box-modalContent {
  width: 600px;
}

.box-planSettingMSG p {
  color: #b2b2b2;
  font-size: 14px;
  padding: 0px 30px;
  line-height: 28px;
}

#form-signIn .box-inputField {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0px;
}

.modal-backdrop.in {
  opacity: 0.8 !important;
}

.box-blueAddField {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-top: 40px;
  padding: 30px 10px 10px;
  border-radius: 4px;
  background-color: #D2D2D2;
}

.box-spreadSheet .box-blueAddField label {
  background-color: transparent;
}

.box-blueAddField .box-inputAnimation .input-animation {
  color: #4E4E4E;
  border: 0px;
  background-color: #DDD;
}

.box-blueAddField .box-inputAnimation + .box-inputAnimation {
  margin-top: 10px;
}

.link-removeField {
  position: absolute;
  right: -6px;
  top: -6px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #D2D2D2;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.link-removeField:after, .link-removeField:before {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  content: "";
  width: 2px;
  height: 10px;
  background-color: #4E4E4E;
}

.link-removeField:after {
  height: 2px;
  width: 10px;
}

.box-upgradeBilling .box-inputAnimation label {
  right: 30px;
}

.box-upgradeBilling .box-inputAnimation label.trigger {
  right: 0px;
}

.manage-sheet-empty .box-rightBule {
  display: none;
}

.manage-sheet-empty .box-tableManageExpense {
  display: table;
  text-align: center;
}

.manage-sheet-empty .box-tableManageExpenseInn {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.manage-sheet-empty .box-tableManageExpenseInn p {
  padding-bottom: 0px;
}

/* --- temp libs  */

.tooltip-inner {
  padding: 8px;
}

.link-expenseTbl {
  position: relative;
}

.box-Unallocated .link-expenseTbl {
  display: inherit;
}

.table-contOverflow {
  display: -moz-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box-scrollTable.boxTbl-manageTeamInn, #tab-manageTeam-1, #tab-manageTeam-2, .box-tabManageContent {
  width: 100%;
  height: 100%;
  float: left;
}

ul.list-allCategory {
  position: relative;
  float: left;
  padding-left: 5px;
}

ul.list-allCategory > li {
  position: relative;
  float: left;
  padding-right: 5px;
  text-transform: uppercase;
}

ul.list-allCategory > li + li {
  padding-left: 4px;
}

ul.list-allCategory > li .link-home {
  width: 36px;
  height: 36px;
  line-height: 29px;
  display: block;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #d1d1d1;
}

ul.list-allCategory > li:last-child {
  padding-right: 0px;
}

ul.list-allCategory > li.list-selectCategory {
  padding-top: 3px;
}

.select-category .selected-list .c-btn {
  padding: 0px !important;
  box-shadow: none !important;
  border-color: #F7F7F7 !important;
  border-radius: 4px;
}

.select-category .selected-list .c-btn:hover {
  border-color: #C1C1C1 !important;
}

.select-category .selected-list .c-btn > span,
.select-category .selected-list .c-list .c-token {
  float: none;
  overflow: hidden;
  width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  color: #323232 !important;
  font-size: 11px;
  padding: 3px 28px 2px 10px !important;
  margin: 0px !important;
  border-radius: 0px !important;
  background: transparent !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 700;
}

.select-category .selected-list .c-btn > span + span:after {
  display: none;
}

.select-category .selected-list .c-btn > span + span {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.select-category .selected-list .c-btn > .c-list + span {
  position: absolute;
  top: 4px;
  right: 29px;
  padding: 0px !important;
  width: auto;
}

.select-category .selected-list .c-btn > .c-list + span:after {
  display: none !important;
}

.select-category .selected-list .c-btn > span {
  padding: 3px 26px 2px 10px !important;
  display: block;
}

.select-category .selected-list .c-btn > span:before, .select-category .selected-list .c-list .c-token:before,
.select-category .selected-list .c-btn > span:after, .select-category .selected-list .c-list .c-token:after {
  position: absolute;
  content: "";
  top: 0px;
  right: 8px;
  bottom: 0px;
  margin: auto;
  width: 9px;
  height: 6px;
  background: url('icon-downArrowBlack.6f0267eb67c61049.png') no-repeat center center;
}

.select-category .selected-list .c-btn > span:before, .select-category .selected-list .c-list .c-token:before {
  background: #D1D1D1 none;
  width: 1px;
  height: 27px;
  right: 24px;
  left: auto;
}

.select-category .selected-list .c-btn > span:before, .select-category .selected-list .c-list .c-token:before .select-category .selected-list .c-btn:hover > span:beofre {
  background-color: #C1C1C1 !important;
}

span.c-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 158px;
}

.select-category .selected-list .c-list .c-token .c-label, .select-category .dropdown-list .pure-checkbox label {
  float: none !important;
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}

.select-category .selected-list .c-list .c-token .c-label {
  max-width: 90px;
}

.select-category .pure-checkbox input[type=checkbox] + label {
  color: #323232 !important;
  font-weight: 700 !important;
}

.select-category .pure-checkbox input[type=checkbox] + label:before {
  background: #e6eef6 !important;
  border-color: #e6eef6 !important;
  border-radius: 50%;
}

.select-category .pure-checkbox input[type=checkbox]:checked + label {
  color: #3272b7 !important;
}

.select-category .pure-checkbox input[type=checkbox]:checked + label:before {
  border-color: #3272b7 !important;
  background: #3272b7 !important;
}

span.fa-remove, .select-category .selected-list .c-btn > span.fa-angle-down, .select-category .selected-list .c-btn > span.fa-angle-up {
  display: none;
}

.select-category .arrow-up {
  display: none;
}

.select-category .dropdown-list {
  left: -25px;
  width: 215px !important;
  padding-top: 0px !important;
}

.select-category .dropdown-list .list-area {
  border: 1px solid #edf2f6 !important;
  box-shadow: 0px -2px 18px rgba(22, 71, 123, 0.2) !important;
}

.list-area ul > li {
  width: 100%;
  display: block;
}

.paddRight0 {
  padding-right: 0px !important;
}

.select-category.import-table-header .selected-list .c-btn > span:first-child {
  width: 100% !important;
}

.select-category.import-table-header .selected-list .c-btn > span + span {
  display: none;
}

.select-category.import-table-header .pure-checkbox input[type=checkbox], .select-category.import-table-header .pure-checkbox label:before, .select-category.import-table-header .pure-checkbox label:after {
  display: none;
}

.graph-tooltip {
  display: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  right: -91px;
  width: 86px;
  height: 55px;
  font-size: 11px;
  border-radius: 4px;
  border: 1px solid #6eb0f5;
  background-color: #FFF;
  padding: 7px 0px 0px;
  z-index: 9999;
  line-height: 14px;
  color: #323232;
}

.graph-tooltip {
  right: -87px;
  width: 83px;
}

.graph-tooltip em {
  font-style: normal;
  color: #3188e3;
  font-size: 8px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.profile-tooltip:after, .graph-tooltip:after {
  position: absolute;
  content: "";
  top: 0px;
  left: -9px;
  bottom: 0px;
  margin: auto;
  width: 9px;
  height: 10px;
  background: url('icon-tooltipArrow.036027dd148cac84.png') no-repeat left center;
}

.box-inputAnimationTooltip {
  position: relative;
}

.graph-tooltip.profile-tooltip, .profile-tooltip {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0px;
  right: -204px;
  margin: auto;
  width: 200px;
  border-radius: 4px;
  border: 1px solid #6eb0f5;
  background-color: #FFF;
  padding: 8px 7px 7px;
  z-index: 9999;
  line-height: 14px;
  color: #323232;
  text-align: center;
}

.graph-tooltip.profile-tooltip span, .profile-tooltip span {
  color: #323232;
  width: 100%;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.graph-tooltip.profile-tooltip i, .profile-tooltip i {
  color: #a6a7a7;
  width: 100%;
  display: inline-block;
  font-style: normal;
  font-size: 12px;
  padding-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
}

.box-viewModalImg:hover .profile-tooltip,
.box-inputAnimationTooltip:hover .profile-tooltip {
  opacity: 1;
  visibility: visible;
}

.btn-addAField {
  color: #4E4E4E;
  font-size: 11px;
  padding: 2px 18px 0px;
  border-radius: 2px;
  background: transparent;
  border: 2px solid #4E4E4E;
  margin: 16px auto 5px;
}

.btn-addAField:hover {
  color: #4E4E4E;
  background-color: #D2D2D2;
}

.box-topHierarchy, .box-topTimeLine {
  position: relative;
  width: 50%;
  padding-top: 0px;
}

.alert-dotte {
  position: relative;
  top: -1px;
  font-size: 9px;
  color: #FFF;
  border-radius: 6px;
  background-color: #ff5300;
  margin-left: 3px;
  padding: 1px 7px 2px;
}

.box-spendByTypeChart {
  width: 100%;
  min-height: 420px;
}

.box-UnallocatedError {
  width: 100%;
  height: calc(100% - 37px);
  display: table;
  text-align: center;
  padding-top: 0px;
}

.box-UnallocatedError p {
  color: #CCC;
  padding: 0px 15px;
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
}

.fullWidth-spendBy .box-UnallocatedError p {
  font-size: 15px;
}

.box-UnallocatedError p span {
  display: block;
}

.link-widgetOther {
  position: absolute;
  top: 10px;
  left: 20px;
  color: #c1c1c1;
  font-size: 9.5px;
  line-height: 18px;
  text-transform: uppercase;
  padding: 0px 14px;
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  font-weight: 600;
}

.link-widgetOther:focus, .link-widgetOther:hover {
  color: #3273b7;
  border-color: #3273b7;
}

.fullWidth-spendBy .link-widgetOther span, .link-widgetOther em {
  display: none;
  font-style: normal;
}

.fullWidth-spendBy .link-widgetOther em {
  display: inline-block;
}

.box-timeLineGraph {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  padding: 10px 0px 30px;
}

.box-timeLineGraphInn {
  position: relative;
  width: 100%;
  height: calc(100% - 24px);
  display: block;
  padding: 0px 9px 16px;
  margin-bottom: 24px;
  text-align: center;
  border-bottom: 1px solid #ececec;
}

.startDate-timeLineGraph, .endDate-timeLineGraph {
  position: absolute;
  left: 0px;
  bottom: 5px;
  color: #707070;
  font-size: 11px;
}

.endDate-timeLineGraph {
  left: auto;
  right: 0px;
}

.box-Unallocated, .box-alerts {
  height: 100%;
  overflow: auto;
}

.box-Unallocated {
  padding: 0px;
}

.btn-delAlerts, .btn-goAlerts {
  position: absolute;
  top: 4px;
  right: 17px;
  height: 22px;
  line-height: 22px;
  color: #262626;
  font-size: 10px;
  padding: 0px;
  border-radius: 3px;
  border: 1px solid #ededed;
  background-color: transparent;
}

.btn-delAlerts {
  width: 22px;
}

.btn-delAlerts:after {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  content: "+";
  color: #323232;
  font-size: 22px;
  line-height: 22px;
  font-weight: normal;
  transform: rotate(45deg);
}

.btn-goAlerts {
  right: 46px;
  padding: 0px 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.btn-delAlerts:hover {
  background-color: #e85353;
}

.btn-delAlerts:hover:after {
  color: #FFF;
}

.btn-goAlerts:hover {
  color: #FFF;
  background-color: #28a364;
}

.table-viewAdd tbody tr {
  cursor: pointer;
}

.table-viewAdd tbody tr.edit-tableRow {
  cursor: default;
}

.table-widget.table-viewAdd thead tr {
  border-top: 0px;
  border-bottom-color: #ededed;
}

.table-widget tr td, .table-viewAdd.table-widget thead tr th {
  font-size: 11px;
  color: #707070;
  width: 20%;
  padding: 4px 10px !important;
  font-weight: 600;
}

.table-viewAdd.table-widget tr td {
  width: 20%;
}

.table-viewAdd.table-widget thead tr th {
  padding: 8px 10px !important;
  border-top: 1px solid #eaeaea;
}

.table-widget tr td {
  font-weight: 500;
  line-height: 16px;
}

.box-accordionTable, .table-dashboardEx {
  width: 100%;
  max-height: 616px;
  overflow-y: auto;
  overflow-x: hidden;
}

.table-permissionBox {
  height: 589px;
}

.box-spendTopPadd .btn-viewGoal, .box-unallTopPadd .btn-viewGoal {
  top: 14px;
  right: 95px;
}

.btn-backPage {
  position: absolute;
  top: 13px;
  left: 30px;
  padding: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
  background: #FFF url('icon-backArrowBlack.214d4754b420cc13.png') no-repeat 6px 4px;
  z-index: 9;
}

.btn-backPage:hover {
  background-color: #FFF;
}

.box-spendByTypeChart {
  padding-left: 5px;
  padding-right: 5px;
}

.box-passOverly:after {
  top: inherit;
  bottom: 0px;
}

.teble-expenseType thead {
  background-color: #FFF;
}

.teble-expenseType tr th {
  color: #707070;
}

.teble-expenseType tr th, .teble-expenseType tr td {
  width: 8%;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.teble-expenseType tr th.upTD, .teble-expenseType tr td.upTD {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.teble-expenseType .box-scrollTable.boxTbl-manageTeamInn {
  margin-top: 0px;
}

.remove-ShadowBorder.teble-expenseType .box-scrollTable.boxTbl-manageTeamInn {
  border-radius: 0px;
  border: none;
  box-shadow: none;
}

.btn-addNewExpType {
  margin: 0px;
}

.teble-expenseType tr th:first-child, .teble-expenseType tr td:first-child {
  width: 84%;
  text-align: left;
}

.teble-expenseType.table-manageTeam {
  height: calc(100% - 53px);
}

.empty-textCon {
  text-align: center;
  font-size: 12px;
}

.empty-textCon.empty-textConInMod {
  font-size: 14px;
  text-align: left;
  padding: 21px 0px 0px;
}

.box-addEditExType.box-modalAddGoal .modal-footer {
  padding: 15px 45px 21px;
}

.box-addEditExType .modal-headerInnBox {
  width: 100%;
  display: block;
}

.box-addEditExType .title-addGoal {
  max-width: 100%;
  width: 100%;
  padding-right: 30px;
}

.box-expensType {
  height: calc(100% - 52px);
}

.selectAll-radio {
  color: #B3B3B3;
  padding-right: 0px;
}

.removeDropDown .box-inputAnimationInExp {
  color: #4e4e4e;
  font-size: 15px;
  position: absolute;
  right: -188px;
  top: 0px;
}

.cursorPointer, .cursorPointer tbody tr {
  cursor: pointer !important;
}

.box-goPro {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  background-color: #44a747;
  z-index: 9999999999;
  height: 50px;
  line-height: 50px;
  padding: 0px 30px;
}

.box-goPro strong {
  position: relative;
  font-weight: 700;
  padding-right: 22px;
}

.box-goPro strong:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 20px;
  top: 0px;
  bottom: 0px;
  right: 9px;
  margin: auto;
  background-color: #FFF;
}

.box-goPro .close {
  top: 0px;
  bottom: 0px;
  margin: auto;
  right: 30px;
}

.text-sameAdd {
  color: #4e4e4e;
  font-weight: 600;
}

.input-cardNum input {
  padding: 0px 54px;
}

.input-cardNum {
  position: relative;
}

.input-cardNum:after {
  position: absolute;
  content: "";
  top: 0px;
  right: 15px;
  bottom: 0px;
  margin: auto;
  width: 17px;
  height: 13px;
  background: url('icon-greenRight.431c8a59881b302d.png') no-repeat center center;
  z-index: 9;
}

.input-cardNum em {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 10px;
  margin: auto;
  width: 34px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
}

.box-cardNumber.box-inputAnimation label {
  left: 54px;
}

.box-cardNumber.box-inputAnimation label.trigger {
  left: 0px;
}

.box-accountMainInn {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
}

.box-accountMainInn .nav-mainDashTab {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 100%;
  margin-left: 0px;
  background-color: #FFF;
}

.rightBorder {
  border-right: 1px solid #EFEFEF;
}

.leftBorder {
  border-left: 1px solid #EFEFEF;
}

.renew-trails, .end-trails {
  font-weight: normal;
}

.end-trails {
  position: absolute;
  bottom: -5px;
  left: 0px;
}

h3.add-users-message {
  padding-bottom: 0;
  padding-top: 15px;
}

h3.add-users-message a.link-here {
  float: none;
}

.btn-edit, .btn-edit:hover, .btn-edit:focus, .btn-edit:active {
  float: right;
  padding: 0px;
  width: 15px;
  height: 15px;
  display: block;
  background: url('icon-edit.87f7fa0d7f21c818.png') no-repeat center center transparent;
  background-size: 90%;
}

.box-details {
  padding-bottom: 20px;
  width: 100%;
  display: block;
}

.box-details p {
  color: #323232;
  font-size: 12px;
  font-weight: 500;
  padding-bottom: 0px;
  line-height: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.contactNum {
  padding-top: 20px;
}

.text-center {
  text-align: center;
}

.table-accountEdit tr td, .table-accountEdit tr th {
  width: 38%;
}

.table-accountEdit tr td:first-child, .table-accountEdit tr th:first-child {
  width: 60px;
  min-width: 60px;
}

.table-accountEdit tr td:last-child, .table-accountEdit tr th:last-child {
  width: 24%;
}

.box-scrollTableAcc {
  max-height: 270px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.box-paymentMethod {
  width: 100%;
  display: inline-block;
}

.btn-makeDefault {
  position: relative;
  top: -1px;
  color: #3875b4;
  font-size: 11px;
  font-weight: 500 !important;
  padding: 0px;
  background-color: transparent;
}

.btn-makeDefault:hover, .btn-makeDefault:focus {
  color: #3875b4;
  background-color: transparent;
}

.row-accDefault, .row-accDefault [class*=col-] {
  height: 100%;
}

.modalBody-assignAcc h4 {
  font-size: 19px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 35px;
}

.modalBody-confirmAccDetail h4 {
  line-height: 30px;
  text-align: left;
}

.col-accOwnerLeft {
  font-size: 16px;
  font-weight: 600;
  line-height: 59px;
}

.box-modalAddGoal .modal-footer.modalFooter-assignAcc {
  padding-left: 30px;
  padding-right: 30px;
}

.list-assignAcc {
  position: relative;
  width: 100%;
  display: inline-block;
}

.list-assignAccInn {
  position: relative;
  top: 100%;
  left: 0px;
  width: 100%;
  max-height: 300px;
  overflow: auto;
  display: inline-block;
  border: 1px solid #D3D3D3;
  border-radius: 0px 0px 4px 4px;
}

.list-assignAccInn li {
  width: 100%;
  font-size: 13px;
  line-height: 16px;
  display: block;
  border-bottom: 1px solid #D3D3D3;
}

.list-assignAccInn li:last-child {
  border-bottom: 0px;
}

.list-assignAccInn li span {
  display: block;
}

.hs-error-msgs li label a, .hs-error-msgs li label a:hover, .hs-error-msgs li label a:focus {
  color: #424242;
}

.box-padd10-15 {
  padding: 10px 15px 0px;
}

.btn-startSub, .btn-remvoeSub {
  float: right;
  font-size: 11px;
  color: #707070;
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  background-color: transparent;
  text-transform: uppercase;
  margin: 15px 0px 0px 13px;
}

.btn-startSub {
  color: #FFF;
  width: 210px;
  height: 34px;
  border-radius: 4px;
  background-color: #ff4181;
}

.btn-startSub:hover {
  background-color: #ed5d8e;
}

.btn-remvoeSub {
  padding: 0px;
  margin-top: 21px;
}

.btn-remvoeSub:hover {
  background-color: transparent;
}

.modalBody-currency {
  padding: 20px 0px 0px;
}

.modalBody-currency .table-viewAdd tr td, .modalBody-currency .table-viewAdd thead tr th {
  width: 18%;
  text-align: center;
  padding: 8px 15px;
  line-height: 14px;
}

.modalBody-currency .table-viewAdd tr td:first-child, .modalBody-currency .table-viewAdd thead tr th:first-child {
  width: 28%;
  text-align: left;
}

.modalBody-currency .table-viewAdd tr th span {
  position: relative;
  padding-left: 6px;
  margin-left: 3px;
}

.modalBody-currency .table-viewAdd tr th span:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 14px;
  background-color: #909090;
  left: 0;
  top: 0;
}

.modalBody-currency thead tr {
  border: 0px;
}

.modalFooter-currency p {
  font-weight: 500;
  text-align: left;
  padding: 15px 0px 25px;
}

.box-modalAddGoal .modal-footer.modalFooter-currency {
  padding-left: 30px;
  padding-right: 30px;
}

.row-disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}

.box-bodyScroll {
  height: 100%;
  overflow: hidden;
}

.box-bodyScroll .box-modalContentInn, .box-bodyScroll .box-modalContentPara, .box-bodyScroll .box-modalContentParaInn, .box-bodyScroll .row-addGoal {
  height: 100%;
}

.box-bodyScroll .box-viewLogTable .row-addGoal {
  height: calc(100% - 112px);
}

.box-bodyScroll .box-viewLogTable.viewLogOpen .row-addGoal {
  height: calc(100% - 300px);
}

.box-bodyScroll .box-viewLogTable.viewLogOpen .table-dashboardEx {
  height: 190px;
}

.box-bodyScroll .modal-body {
  height: calc(100% - 140px);
  overflow: hidden;
}

.box-bodyScroll.box-modalAddGoal {
  padding-left: 165px;
  padding-right: 185px;
  width: 1020px;
}

.box-wapperTwo .box-topBar .list-companyDropDown {
  padding-top: 17px !important;
}

/*Goal Container Plan Detail*/

.box-goalCardsInn.box-campCardsInn {
  cursor: pointer !important;
}

.box-goalCardsInn.box-campCardsInn .panel-heading {
  height: 38px;
}

.box-goalCardsInn .frow-camCardRight {
  position: relative;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box-goalCardsInn .panel-timeFrame {
  position: absolute;
  right: 8px;
  top: 3px;
  color: #323232;
  font-size: 12px;
  font-weight: 600;
  max-width: 110px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.box-progressBar.box-progressBarGoal {
  padding: 18px 6px;
}

.box-goalCardsInn .panel-body {
  border-radius: 0px 0px 6px 6px;
  height: 166px;
}

.box-goalCardsInn .box-progressBar .progress {
  margin: 0px 0px 7px;
  height: 32px;
  width: 100%;
  border-radius: 0px;
  background-color: #bdbdbd;
  position: relative;
  overflow: hidden;
}

.box-goalCardsInn .box-progressBar .progress:last-child {
  margin-bottom: 0px;
}

.box-goalCardsInn .box-progressBar .progress span {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  line-height: 32px;
  font-size: 12px;
  font-weight: 500;
  color: #FFF;
  cursor: pointer;
  padding: 0px 10px;
}

.box-goalCardsInn .progress-barHor {
  box-shadow: none;
  background-color: #3272b7;
  white-space: nowrap;
  border: 0;
}

.orange {
  background-color: #ff9800 !important;
}

.box-progressBar .progress-barHor:last-child:before, .box-progressBar .progress-barHor:first-child:after {
  display: none;
}

.box-noContent {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 110px;
  flex-direction: column;
  background-color: #FFF;
  border-radius: 0px 0px 4px 4px;
}

.btn-noContent {
  float: none;
  padding: 0px 10px;
  border-radius: 3px;
  margin: 10px 0px 0px;
  display: inline-block;
  min-width: 114px;
  height: 25px;
  line-height: 25px;
}

.box-viewModalImg {
  position: absolute;
  right: 25px;
  bottom: -50%;
}

.box-viewProgModalImg.box-viewModalImg {
  top: -36px;
  left: -36px;
  right: inherit;
  bottom: inherit;
}

.box-viewModalImg > span {
  width: 82px;
  height: 82px;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #265689;
  background-color: #75a8dc;
  text-transform: uppercase;
  background-size: 100%;
}

.box-viewProgModalImg.box-viewModalImg > span {
  width: 72px;
  height: 72px;
}

.box-viewModalImg .profile-tooltip {
  text-transform: capitalize;
}

.box-metrics {
  width: 100%;
  display: inline-block;
  padding: 0px 30px 30px;
}

.box-metricsInn {
  width: 100%;
  display: flex;
  border-radius: 6px;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  border-top: 1px solid #000;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.box-metricsInn h4 {
  position: relative;
  font-size: 16px;
  width: 100%;
  height: 44px;
  color: #323232;
  font-weight: 700;
  background-color: #F1F1F1;
  border-radius: 6px 6px 0px 0px;
  padding: 14px 15px 0px;
}

.link-updateMetrics {
  position: absolute;
  top: 17px;
  right: 15px;
  color: #265689;
  font-size: 10px;
  text-transform: uppercase;
}

.link-updateMetrics:active, .link-updateMetrics:hover, .link-updateMetrics:focus {
  color: #265689;
}

.row-metrics {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-top: 1px solid #F1F1F1;
  border-bottom: 1px solid #F1F1F1;
}

.row-metrics.box-noMetric {
  flex-direction: column;
  border: 0px;
  padding: 0px 30px;
}

.col-metrics-left, .col-metrics-right {
  width: 50%;
}

.col-metrics-right .box-progressBarGoal, .col-metrics-left h5 {
  border-top: 1px solid #F1F1F1;
}

.col-metrics-right .box-progressBarGoal:first-child, .col-metrics-left h5:first-child {
  border-top: 0px;
}

.box-goalConTooltip {
  position: absolute;
  top: 100%;
  left: 10px;
  padding: 8px 10px;
  background-color: #FFF;
  border-radius: 3px;
  border: 1px solid #27568a;
  display: none;
  color: #323232;
  white-space: nowrap;
  text-align: center;
  z-index: 99;
  letter-spacing: 0.5px;
  color: #323232;
  line-height: 14px;
}

.box-goalConTooltip:after {
  position: absolute;
  left: 10px;
  top: -9px;
  content: "";
  width: 10px;
  height: 10px;
  background: url('icon-tooltipArrowBlueT.a42246c80532ba54.png') no-repeat center center;
}

.box-tooltipWapper:hover .box-goalConTooltip, .panel-heading:hover .box-goalConTooltip {
  display: block;
}

.box-goalConTooltip h6 {
  color: #323232;
  font-size: 10px;
  font-weight: 700;
  padding: 0px 0px 2px;
  text-transform: capitalize;
}

.box-goalConTooltip h6, .box-goalConTooltip b, .box-goalConTooltip i {
  display: block;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  margin: auto;
}

.link-click4More {
  color: #27568a;
  display: inline-block;
  margin: auto;
  font-size: 10px;
  font-weight: 700;
  margin-top: 5px;
}

.link-click4More:hover, .link-click4More:active, .link-click4More:focus {
  color: #27568a;
}

.box-goalConTooltip b {
  font-weight: normal;
  font-size: 9px;
}

.box-goalConTooltip i {
  font-size: 8px;
}

.box-tooltipWapper {
  position: relative;
  width: 100%;
  display: block;
  float: left;
}

.box-goalCardsInn .box-progressBar .box-tooltipWapper {
  margin-bottom: 7px;
}

.box-goalCardsInn .box-progressBar .box-tooltipWapper .progress {
  margin-bottom: 0px !important;
}

.border-topRadius {
  border-radius: 6px 6px 0px 0px;
}

.border-bottomRadius {
  border-radius: 0px 0px 6px 6px;
}

.box-glCode {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box-glCode .row {
  height: 100%;
  overflow: hidden;
}

.box-glCode .row [class*=col-] {
  height: 100%;
  overflow: hidden;
}

.box-glCode h4 {
  position: relative;
  font-size: 13px;
  font-weight: 600;
  color: #323232;
  text-transform: uppercase;
  padding: 9px 15px 11px;
}

.btn-add {
  position: absolute;
  top: 6px;
  right: 15px;
  font-size: 12px;
  color: #c5cbcb;
  text-transform: uppercase;
  padding: 2px 22px 3px 32px;
  border: 1px solid #c5cbcb;
  background-color: transparent;
}

.btn-add:before, .btn-add:after {
  position: absolute;
  left: 18px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  content: "";
  width: 7px;
  height: 1px;
  background-color: #c5cbcb;
}

.btn-add:before {
  left: 21px;
  width: 1px;
  height: 7px;
}

.btn-add:hover:before, .btn-add:hover:after {
  background-color: #3273b7;
}

.btn-add:hover, .btn-add:active {
  color: #3273b7;
  background-color: #FFF;
  border-color: #3273b7;
}

.box-glCode .col-glCode {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #fff;
}

.box-glCodeInn {
  padding: 20px 15px;
  height: calc(100% - 34px);
  overflow: hidden;
}

ul.list-glCode {
  padding-bottom: 15px;
}

ul.list-glCode li {
  position: relative;
  font-size: 13px;
  font-weight: 600;
  color: #323232;
  padding-left: 20px;
}

ul.list-glCode li:after {
  position: absolute;
  top: 9px;
  left: 0px;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #323232;
}

.box-glCodeInn .box-scrollTable {
  height: calc(100% - 81px);
  overflow: auto;
}

.table-glCode {
  width: 100%;
}

.table-glCode thead tr {
  background-color: #FFF;
  border-top: 1px solid #eaeaea;
  text-transform: uppercase;
}

.table-glCode tbody tr {
  border-top: 1px solid #eaeaea;
}

.table-glCode tbody tr:nth-child(odd) {
  background-color: #f2f8ff;
}

.table-glCode thead tr th, .table-glCode tbody tr td {
  color: #707070;
  vertical-align: middle;
  padding: 5px 15px;
  font-weight: 600;
  font-size: 11px;
  width: 40%;
}

.table-glCode tbody tr td {
  font-weight: 500;
}

.table-glCode thead tr th:last-child, .table-glCode tbody tr td:last-child {
  text-align: center;
}

ul.list-graphAddProdInn li .two-letterCurr input {
  padding-left: 27px;
}

ul.list-graphAddProdInn li .three-letterCurr input {
  padding-left: 32px;
}

.input-budgetField.two-letterCurr input {
  padding-left: 38px !important;
}

.input-budgetField.three-letterCurr input {
  padding-left: 45px !important;
}

.table-glCode thead tr th:first-child, .table-glCode tbody tr td:first-child {
  width: 35%;
}

.table-glCode thead tr th:last-child, .table-glCode tbody tr td:last-child {
  text-align: center;
  width: 25%;
}

.table-glCodeExpenseType.table-glCode thead tr th,
.table-glCodeExpenseType.table-glCode tbody tr td {
  width: 30%;
}

.table-glCodeExpenseType.table-glCode thead tr th:first-child,
.table-glCodeExpenseType.table-glCode tbody tr td:first-child {
  width: 45%;
}

.table-glCodeExpenseType.table-glCode thead tr th:last-child,
.table-glCodeExpenseType.table-glCode tbody tr td:last-child {
  width: 25%;
}

ul.list-btnEditDel {
  display: inline-block;
  line-height: normal;
  padding-top: 3px;
  width: 100%;
}

ul.list-btnEditDel li {
  position: relative;
  display: inline-block;
  padding: 3px 0px 0px;
  width: 48%;
  line-height: normal;
}

ul.list-btnEditDel li + li:after {
  position: absolute;
  left: -1px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  content: "";
  width: 1px;
  height: 20px;
  background-color: #3c78b1;
}

ul.list-btnEditDel li button {
  position: static;
  padding: 0px;
  background-color: transparent;
}

.btn-addCampaignView.shift-top.btn-quickAddExp {
  right: 124px;
}

.table-accordion table {
  background-color: transparent;
}

.table-accordion tr:last-child {
  border-bottom: 0px !important;
}

.table-accordion tr.table-accordionHead, .table-accordion tr {
  border-bottom: 1px solid #d4d4d4 !important;
}

.table-accordion tr tr {
  border-bottom: 0px !important;
}

.table-accordion tr:nth-child(even) {
  background-color: #f2f8ff;
}

.table-accordion tr td {
  text-align: left;
  padding-left: 10px;
}

.table-accordion .table-contOverflow {
  position: static;
  width: 230px;
  max-width: 230px;
}

.table-accordionUnassign .table-contOverflow {
  width: 293px;
  max-width: 293px;
}

.box-Unallocated .table-accordion .table-contOverflow {
  width: 248px;
  max-width: 248px;
}

.table-accordion tr td:first-child,
.table-accordion tr td:nth-child(2) {
  width: 5%;
  padding-left: 0px;
  text-align: center;
}

.table-accordion tr td:nth-child(3),
.table-accordion tr td:nth-child(6),
.table-accordion tr td:nth-child(7) {
  width: 17%;
}

.table-accordion tr td:nth-child(5),
.table-accordion tr td:nth-child(4),
.table-accordion tr td:nth-child(8) {
  width: 13%;
}

.table-accordionUnassign.table-accordion tr td:nth-child(4),
.table-accordionUnassign.table-accordion tr td:nth-child(5),
.table-accordionUnassign.table-accordion tr td:nth-child(7) {
  width: 16%;
}

.table-accordionUnassign.table-accordion tr td:nth-child(3),
.table-accordionUnassign.table-accordion tr td:nth-child(6) {
  width: 21%;
}

.box-Unallocated.box-accordionTable .table-accordion tr td {
  text-align: left;
  padding-left: 10px;
}

.box-Unallocated.box-accordionTable .table-accordion tr td:nth-child(2) {
  width: 44%;
}

.box-Unallocated.box-accordionTable .table-accordion tr td:nth-child(3),
.box-Unallocated.box-accordionTable .table-accordion tr td:nth-child(4) {
  width: 28%;
}

.table-accordion tfoot tr td.td-expenseNotFound {
  text-align: center !important;
}

.table-accordion tr td:last-child {
  width: 30px !important;
  min-width: 30px !important;
  padding-left: 0px !important;
}

.table-accordionHead > td {
  color: #707070;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 8px 0px 8px 10px;
  line-height: 20px;
}

.table-accordionHead .form-checkbox {
  margin-top: 10px;
}

.table-accordionInnHead td {
  color: #707070;
  font-size: 11px;
  font-weight: 600;
  padding: 5px 0px 3px 10px;
  line-height: 20px;
}

.table-accordion tr td.table-accordionTD {
  width: 100%;
  border-top: 1px solid #d4d4d4;
  padding: 0px !important;
}

.row-halfCol .col-xs-12 + .col-xs-12 + .col-xs-12 {
  margin-top: 40px;
}

.row-halfCol .col-sm-6 {
  float: none;
  display: inline-block;
  width: calc(50% - 4px);
  vertical-align: top;
}

.btn-addCards {
  position: absolute;
  top: 13px;
  right: 45px;
  width: 23px;
  height: 23px;
  display: block;
  border-radius: 50%;
  background-color: #c4d0de;
}

.btn-addCards:hover, .btn-addCards:focus, .btn-addCards:active {
  background-color: #6c6c6c;
}

.btn-addCards:after, .btn-addCards:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: 1px;
  height: 13px;
  background-color: #6c6c6c;
}

.btn-addCards:after {
  transform: rotate(90deg);
}

.btn-addCards:hover:after, .btn-addCards:focus:after, .btn-addCards:active:after,
.btn-addCards:hover:before, .btn-addCards:focus:before, .btn-addCards:active:before {
  background-color: #c4d0de;
}

.box-userTypeAdmin {
  padding: 15px 25px;
  border-radius: 4px;
  background-color: #F0F0F0;
}

.box-userTypeAdmin + .box-userTypeAdmin {
  margin-top: 30px;
}

.box-userTypeAdmin h6 {
  color: #4e7a34;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  padding-bottom: 0px;
}

.box-userTypeAdmin .row-halfCol {
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 26px;
}

.panel-userTypeAdmin {
  padding-left: 50px;
}

.btn-addPermission {
  position: relative;
  color: #4a772f;
  font-size: 13px;
  padding: 0px;
  font-weight: 600;
  background-color: transparent;
  padding: 0px 0px 0px 12px;
}

.btn-addPermission:after, .btn-addPermission:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  width: 7px;
  height: 1px;
  background-color: #4a772f;
}

.btn-addPermission:after {
  width: 1px;
  height: 7px;
  left: 3px;
}

.btn-addPermission:hover, .btn-addPermission:focus {
  color: #5d8445;
  background-color: transparent;
}

.godMode ul.list-assOwner {
  padding: 0px 0px 5px;
}

ul.list-btnTable {
  width: 100%;
  display: inline-block;
  text-align: center;
  line-height: normal;
  padding-top: 2px;
}

ul.list-btnTable li {
  display: inline-block;
  width: 47%;
}

ul.list-btnTable li .btn-tableDelete, ul.list-btnTable li .btn-tableAdd, ul.list-btnTable li .btn-tableEdit {
  position: static;
}

.cuppa-dropdown .dropdown-list .list-area h5.list-message {
  display: block;
  height: 30px;
  line-height: 30px;
}

.box-searchValue {
  position: relative;
  width: 100%;
  display: inline-block;
}

.box-searchValue h4 {
  color: #707070;
  font-size: 13px;
}

.btn-closeSearch {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #fc531f;
  font-size: 13px;
  background-color: transparent;
  text-transform: uppercase;
  padding: 0px 20px 0px 0px;
  opacity: 0.7;
}

.btn-closeSearch:hover, .btn-closeSearch:active, .btn-closeSearch:focus {
  background-color: transparent;
  opacity: 1;
}

.btn-closeSearch span {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
}

.btn-closeSearch span:before, .btn-closeSearch span:after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: 2px;
  height: 14px;
  background-color: #fc531f;
  transition: all 0.4s ease-out;
  opacity: 0.8;
}

.btn-closeSearch span:before {
  width: 14px;
  height: 2px;
}

.btn-closeSearch:hover, .btn-closeSearch:active, .btn-closeSearch:focus {
  color: #fc531f;
}

.btn-closeSearch:focus span:before, .btn-closeSearch:focus span:after,
.btn-closeSearch:hover span:before, .btn-closeSearch:hover span:after,
.btn-closeSearch:active span:before, .btn-closeSearch:active span:after {
  background-color: #fc531f;
}

.box-tableSearch {
  height: calc(100% - 29px);
  overflow: auto;
}

.box-tableSearch .table-accordionInnHead {
  cursor: pointer;
}

.table-search .thead-sorting .icon-sortingTable {
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
}

.table-search .table-accordionHead {
  border-bottom: 1px solid #D4D4D4;
}

.table-search tr td {
  width: 16.66%;
}

.table-search tr td:last-child, .table-search tr td:nth-last-child(2), .table-search tr td:nth-last-child(3) {
  min-width: 150px;
  width: 150px;
}

.table-search .table-accordionInnHead {
  border-bottom: 1px solid #d4d4d4;
  background-color: #FFF;
}

.table-search .table-accordionInnHead:nth-child(even) {
  background-color: #F2F8FF;
}

.table-search .table-accordionInnHead:last-child {
  border-bottom: 0px;
}

.red-text {
  color: #e85353;
}

ul.list-timeFrameDisk {
  padding: 0px;
  margin: 0px;
  width: 100%;
  display: inline-block;
  max-width: 110px;
}

ul.list-timeFrameDisk.disk12 {
  display: block;
}

ul.list-timeFrameDisk li {
  padding: 0px 4px;
  float: left;
}

ul.list-timeFrameDisk li span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  border: 1px solid #2a5788;
}

ul.list-timeFrameDisk li span.filled {
  background-color: #2a5788;
}

ul.list-timeFrameDisk.disk12 li + li + li + li + li + li + li {
  padding-top: 4px;
}

.link-allPermission {
  font-size: 15px;
  color: #00bcd4;
  float: left;
  font-weight: 600;
  margin-top: 6px;
}

.link-allPermission:hover, .link-allPermission:active, .link-allPermission:focus {
  color: #00bcd4;
}

.table-permission tr td + td {
  padding-top: 10px;
}

.table-permission thead tr th, .table-permission tbody tr td {
  width: 50%;
  text-transform: none;
}

.table-permission thead tr th:nth-child(2),
.table-permission tbody tr td:nth-child(2) {
  width: 95px;
  min-width: 95px;
}

.table-permission thead tr th:nth-child(3),
.table-permission tbody tr td:nth-child(3) {
  width: 150px;
  min-width: 150px;
}

.table-permission .box-modalContentParaInn {
  box-shadow: none !important;
}

.btn-linkClone, .btn-linkClone:hover, .btn-linkClone:focus, .btn-linkClone:active {
  position: absolute;
  top: 9px;
  right: 30px;
  color: #00bcd4;
  padding: 0px !important;
  text-align: center;
  background-color: transparent;
}

.title-pageHeading {
  float: left;
  padding: 0px 0px 5px;
  color: #3272b7;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .box-campCardsInn .panel-heading .box-camCardAmt em, .box-camCardAmt em {
    line-height: 14px;
  }
}

/* All Pages Media Css Start*/

@media (max-width: 1860px) {
  .table-accordion .table-contOverflow {
    width: 200px;
    max-width: 200px;
  }
  .table-accordionUnassign .table-contOverflow {
    width: 270px;
    max-width: 270px;
  }
  .box-Unallocated .table-accordion .table-contOverflow {
    width: 220px;
    max-width: 220px;
  }
}

@media (max-width: 1680px) {
  .box-scroll .table-accountHistory tr td:first-child {
    padding-left: 15px;
  }
  .unread-tableView .table-viewAdd tr td:first-child, .unread-tableView .table-viewAdd thead tr th:first-child {
    padding-left: 50px;
  }
  ul.list-programCard > li, ul.list-campCards > li {
    width: 318px;
  }
  ul.list-programCardsTymStatus li span {
    max-width: 128px;
  }
  .panel-camCardHead ul.list-programCardsTymStatus li span {
    max-width: 142px;
  }
  .select-category .selected-list .c-btn > span, .select-category .selected-list .c-list .c-token,
.box-spendBtTypeTopBar .select-category .selected-list .c-list .c-token {
    width: 140px !important;
  }
  .box-newTopNav .box-topBar.box-spendBtTypeTopBar {
    padding-right: 85px;
  }
  .box-spendBtTypeTopBar .select-category .selected-list .c-list .c-token .c-label {
    width: 80px;
  }
  .select-category .selected-list .c-btn > .c-list + span {
    width: auto !important;
  }
  .box-spendBtTypeTopBar ul.list-allCategory > li.list-clearAllFilter {
    padding-right: 0px;
  }
}

@media (max-width: 1679px) {
  ul.list-programCard > li, ul.list-campCards > li {
    width: 338px;
  }
  ul.list-programCardsTymStatus li span {
    max-width: 145px;
  }
  .panel-camCardHead ul.list-programCardsTymStatus li span {
    max-width: 162px;
  }
  .table-accordion .table-contOverflow {
    width: 180px;
    max-width: 180px;
  }
  .table-accordionUnassign .table-contOverflow {
    width: 233px;
    max-width: 233px;
  }
  .box-Unallocated .table-accordion .table-contOverflow {
    width: 200px;
    max-width: 200px;
  }
}

@media (max-width: 1579px) {
  .box-newDashboardRightInn {
    padding-top: 23px;
  }
  .btn-clearUnread {
    top: 33px;
    right: 60px;
  }
  .btn-viewGoal {
    top: 33px;
    right: 153px;
  }
  ul.nav-tabs > li > a {
    font-size: 11px;
  }
  .box-campCardsInn .panel-heading span.panel-title {
    font-size: 14px;
  }
  .box-pageHeadingBar {
    font-size: 12px;
  }
  ul.list-allCategory > li .link-home {
    width: 34px;
    height: 34px;
    line-height: 28px;
  }
  .btn-viewGoal, .btn-clearUnread {
    font-size: 10px;
    padding: 2px 13px 1px;
  }
  .box-newTopNav .box-rightBule {
    height: calc(100% - 96px);
  }
  .btn-closeSearch.btn-clearAllFilter {
    top: 6px;
  }
  .box-newTopNav .box-topBar.box-spendBtTypeTopBar {
    padding-right: 55px;
  }
  .box-accordionTable {
    overflow: auto;
  }
  .table-accordion .table-contOverflow {
    width: 160px;
    max-width: 160px;
  }
  .table-accordionUnassign .table-contOverflow {
    width: 210px;
    max-width: 210px;
  }
  .box-Unallocated .table-accordion .table-contOverflow {
    width: 140px;
    max-width: 140px;
  }
  .box-Unallocated.box-accordionTable .table-accordion tr td:nth-child(2) {
    width: 38%;
  }
  .box-Unallocated.box-accordionTable .table-accordion tr td:nth-child(3),
.box-Unallocated.box-accordionTable .table-accordion tr td:nth-child(4) {
    width: 31%;
  }
  ul.list-tabBankDetail li a {
    font-size: 14px;
  }
  ul.list-timeFrameDisk {
    max-width: 94px;
  }
  ul.list-timeFrameDisk li span {
    width: 7px;
    height: 7px;
  }
  .select-category .selected-list .c-btn > span, .select-category .selected-list .c-list .c-token,
.box-spendBtTypeTopBar .select-category .selected-list .c-list .c-token {
    width: 128px !important;
  }
  .box-spendBtTypeTopBar .select-category .selected-list .c-list .c-token .c-label {
    width: 68px;
  }
  .btn-closeSearch.btn-clearAllFilter {
    top: 3px;
  }
}

@media (max-width: 1480px) {
  .select-category .selected-list .c-btn > span, .select-category .selected-list .c-list .c-token,
.box-spendBtTypeTopBar .select-category .selected-list .c-list .c-token {
    width: 123px !important;
  }
  .box-spendBtTypeTopBar .select-category .selected-list .c-list .c-token .c-label {
    width: 63px;
  }
}

@media (max-width: 1440px) {
  ::-webkit-input-placeholder {
    font-size: 13px;
  }
  ::-moz-placeholder {
    font-size: 13px;
  }
  :-ms-input-placeholder {
    font-size: 13px;
  }
  input:-moz-placeholder {
    font-size: 13px;
  }
  .box-modalContent {
    width: 780px;
  }
  .modal-header span, .modal-header {
    font-size: 15px;
  }
  .box-deliveryDateView span {
    font-size: 11px;
    line-height: 14px;
  }
  .box-btnAddBox button, .box-addNotesView h4 {
    font-size: 14px;
  }
  .box-deliveryDateView em, .modal-header h4 {
    font-size: 15px;
  }
  ul.list-viewExpense li h4 {
    font-size: 16px;
  }
  .modal-body {
    padding: 25px 30px 40px;
  }
  .box-addEditExType .modal-body {
    padding-top: 45px;
  }
  .modal-header {
    padding: 14px 20px 15px;
  }
  .modal-headerRightList {
    padding: 10px 0px 0px 20px;
  }
  .title-addGoal {
    padding-bottom: 11px;
    margin-top: 4px;
    max-width: 245px;
  }
  .addUser .title-addGoal {
    max-width: 692px;
    padding-right: 30px;
  }
  .modal-accordions .panel-body {
    padding-left: 45px;
  }
  .modal-accordions .panel-collapse.in:after {
    left: 17px;
  }
  .box-userTypeMain .link-addGoalAccordion,
.box-bodyScroll .link-addGoalAccordion, .link-addGoalAccordion {
    font-size: 15px;
    height: 34px;
    padding: 6px 0px 0px 60px;
  }
  .link-addGoalAccordion span {
    width: 35px;
    height: 34px;
    line-height: 32px;
    font-size: 16px;
  }
  .input-animationW, .input-animation, select.input-animation, select.input-animationW {
    height: 46px;
    font-size: 13px;
    line-height: 46px;
    border-radius: 2px;
  }
  .box-inputAnimation label {
    top: 11px;
    font-size: 13px;
  }
  .input-budgetField.two-letterCurr input {
    padding-left: 37px !important;
  }
  .input-budgetField.three-letterCurr input {
    padding-left: 45px !important;
  }
  .panel-bodyAddGoal {
    padding-top: 30px !important;
  }
  .modal-accordions .panel-bodyAddGoal {
    padding-top: 45px !important;
  }
  .box-modalAddGoal .modal-footer {
    padding-left: 90px;
  }
  .box-bodyScroll .modal-footer {
    padding-left: 30px;
  }
  .modal-accordions .form-checkbox {
    font-size: 13px;
  }
  .btn-addUser {
    font-size: 13px;
    padding: 8px 15px 8px 35px;
    background-position: 12px 13px;
    background-size: 16px;
  }
  ul.list-upload li {
    padding-top: 20px;
  }
  .box-topBar {
    height: 44px;
  }
  .box-newDashboardRightInn {
    padding: 23px 0px 20px;
  }
  .box-widgetBottom .box-widgetPara {
    padding: 36px 0px 0px;
  }
  .box-timeLineGraph {
    padding: 15px 0px 10px;
  }
  .box-timeLineGraphInn {
    padding-bottom: 10px;
  }
  .link-widgetOther {
    top: 7px;
    left: 15px;
  }
  .box-campCardsInn .chart-abs {
    top: -3px;
    right: 0px;
  }
  .table-dashboardEx table tr td {
    padding: 4px 5px;
  }
  .table-permission tr td + td {
    padding-top: 10px;
  }
  .table-viewAdd thead tr th {
    padding: 9px 5px 7px;
  }
  .box-scroll table tr td {
    position: relative;
  }
  .box-rightSide {
    margin-left: 55px;
    width: calc(100% - 280px);
  }
  .box-wapperWidget .box-rightSide, .manage-sheet-empty .box-rightSide, .box-rightSide.section-removeBlue, .box-wapperTwo .box-rightSide, .box-rightSide.tabledata {
    width: calc(100% - 55px);
  }
  .box-planSettingMSG p {
    font-size: 13px;
  }
  .box-dashboardRightInn {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .link-expenseTbl, .table-viewAdd thead tr th {
    font-size: 10px;
    line-height: 18px;
  }
  .link-removeField {
    top: -7px;
    right: -7px;
    width: 14px;
    height: 14px;
  }
  .link-removeField:after {
    width: 8px;
    height: 1px;
  }
  .link-removeField:before {
    width: 1px;
    height: 8px;
  }
  .box-campCardsInn .panel-heading em {
    bottom: -1px;
  }
  .select-category .selected-list .c-btn > span, .select-category .selected-list .c-list .c-token {
    width: 140px;
  }
  .select-category .selected-list .c-list .c-token .c-label {
    width: 80px;
  }
  .box-tabViewNav ul.nav-tabs li a {
    font-size: 13px;
    padding: 6px 20px;
  }
  .box-addNotesView {
    padding: 0px 30px 40px;
  }
  .box-deliveryDateView {
    left: 30px;
  }
  ul.list-programCard > li, ul.list-campCards > li {
    width: 360px;
  }
  ul.list-programCardsTymStatus li span {
    max-width: 170px;
  }
  .panel-camCardHead ul.list-programCardsTymStatus li span {
    max-width: 184px;
  }
  .box-campCardsInn .panel-heading .box-camCardAmt em, .box-camCardAmt em {
    width: 12px;
    height: 12px;
    font-size: 7px;
    line-height: 10px;
    right: 3px;
  }
  .box-goalCardsInn .box-progressBar .progress span, .box-progressBar .progress-bar {
    font-size: 11px;
  }
  .btn-maximize {
    width: 16px;
    height: 18px;
    margin-top: 3px;
    background-size: 100%;
  }
  .box-newTopNav .box-topBar {
    height: 45px;
    width: calc(100% - 55px);
    margin-left: 55px;
  }
  .nav-mainDashTab {
    margin-left: 55px;
    width: calc(100% - 55px);
  }
  .box-newTopNav .box-rightBule {
    height: calc(100% - 76px);
  }
  .btn-addNewExpType {
    font-size: 13px;
    padding: 5px 20px;
  }
  .empty-textCon.empty-textConInMod {
    font-size: 12px;
  }
  .select-category .selected-list .c-btn > span, .select-category .selected-list .c-list .c-token,
.select-category .selected-list .c-btn > span, .select-category .selected-list .c-list .c-token,
.box-spendBtTypeTopBar .select-category .selected-list .c-list .c-token {
    width: 117px !important;
  }
  .box-spendBtTypeTopBar .select-category .selected-list .c-list .c-token .c-label {
    width: 57px;
  }
  .box-accordionTable, .table-dashboardEx {
    max-height: 400px;
  }
  .table-permissionBox {
    height: 380px;
  }
  .startDate-timeLineGraph, .endDate-timeLineGraph {
    bottom: -12px;
  }
  ul.list-programCard {
    padding: 11px 0px;
  }
  .row-addGoal h5 {
    font-size: 14px;
    padding-bottom: 5px;
  }
  .removeDropDown .box-inputAnimationInExp {
    right: -184px;
  }
  .modalBody-assignAcc h4 {
    font-size: 15px;
  }
  .col-accOwnerLeft {
    width: 28%;
    font-size: 13px;
    line-height: 46px;
  }
  ul.list-allCategory > li.list-selectCategory {
    padding-top: 2px;
  }
  .btn-startSub {
    width: 200px;
    height: 33px;
    margin-top: 6px;
  }
  .btn-remvoeSub {
    margin-top: 12px;
  }
  .modalBody-assignAcc {
    padding-top: 45px;
  }
  .box-details p {
    font-size: 12px;
    line-height: 20px;
  }
  .btn-edit {
    font-size: 13px;
    font-weight: 500;
    padding: 0px 6px;
  }
  .box-bodyScroll .modal-body {
    height: calc(100% - 122px);
  }
  .box-viewModalImg {
    right: 15px;
  }
  .box-viewModalImg > span {
    width: 62px;
    height: 62px;
  }
  .modal-headerInnBox.modal-headerGoalView {
    width: calc(100% - 10px);
  }
  .box-viewProgModalImg.box-viewModalImg {
    top: -26px;
    left: -26px;
  }
  .box-viewProgModalImg.box-viewModalImg > span {
    width: 52px;
    height: 52px;
    font-size: 13px;
  }
  .box-metricsInn h4 {
    font-size: 14px;
  }
  .box-bodyScroll .box-viewLogTable .row-addGoal {
    height: calc(100% - 87px);
  }
  .box-bodyScroll .box-viewLogTable.viewLogOpen .row-addGoal {
    height: calc(100% - 277px);
  }
  .btn-addCampaignView.shift-top {
    top: -28px;
  }
  .box-topBarCompany .box-compFilter:after {
    top: 6px;
  }
  .box-thanksUpgrade h4 {
    font-size: 18px;
    padding-bottom: 40px;
  }
  .box-thanksUpgrade p {
    font-size: 15px !important;
    line-height: 22px !important;
  }
  .box-thanksUpgrade p strong {
    font-size: 12px;
  }
  .table-accordion .table-contOverflow {
    font-size: 11px;
    line-height: 20px;
    width: 150px;
    max-width: 150px;
  }
  .table-accordionUnassign .table-contOverflow {
    width: 192px;
    max-width: 192px;
  }
  .modalBody-confirmAccDetail h4 {
    line-height: 26px;
  }
  .table-search tr td:last-child, .table-search tr td:nth-last-child(2), .table-search tr td:nth-last-child(3) {
    min-width: 120px;
    width: 120px;
  }
  .box-searchTopNav .box-searchManageTeam input {
    height: 28px;
  }
  .box-searchTopNav .box-searchManageTeam {
    margin-top: 2px;
  }
  ul.list-timeFrameDisk {
    max-width: 86px;
  }
  ul.list-timeFrameDisk li span {
    width: 6px;
    height: 6px;
  }
  .table-permission thead tr th:nth-child(2), .table-permission tbody tr td:nth-child(2) {
    min-width: 85px;
    width: 85px;
  }
  .table-permission thead tr th:nth-child(3), .table-permission tbody tr td:nth-child(3) {
    min-width: 130px;
    width: 130px;
  }
}

@media screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 0) {
  .box-campCardsInn .panel-heading .box-camCardAmt em, .box-camCardAmt em {
    line-height: 12px;
  }
}

@media (max-width: 1366px) {
  .box-signUp h4 {
    font-size: 18px;
    padding-bottom: 20px;
  }
  .form-bugetNameCheckBox ::-webkit-input-placeholder {
    font-size: 13px;
  }
  .form-bugetNameCheckBox ::-moz-placeholder {
    font-size: 13px;
  }
  .form-bugetNameCheckBox :-ms-input-placeholder {
    font-size: 13px;
  }
  .form-bugetNameCheckBox input:-moz-placeholder {
    font-size: 13px;
  }
  .box-setup h2, .box-blueBG h4 {
    font-size: 16px;
  }
  #form-signUp input, .box-blueBG h5 {
    font-size: 14px;
  }
  .form-innFormSetup .form-checkbox, .box-paraCol {
    font-size: 13px;
  }
  select, input, .box-inputField label {
    font-size: 12px;
  }
  ol.top-slideBar li span {
    top: 3px;
  }
  ol.top-slideBar li.active span {
    top: -20px;
  }
  .box-setup h2 {
    padding-bottom: 60px;
  }
  .box-blueBG {
    padding: 20px 15px 0px;
  }
  .box-advancePageInn .row-advancePage, .box-setup .carousel-inner > .item {
    height: 530px;
    min-height: inherit;
  }
  .box-setupHeadingPara {
    max-width: 790px;
    margin: auto;
    font-size: 15px;
    line-height: 24px;
  }
  ul.list-setup {
    max-width: 720px;
  }
  ul.list-setup li {
    padding: 0px 25px;
  }
  .container {
    max-width: 1030px;
  }
  #form-bugetName .box-inputField {
    height: 346px;
    padding-top: 25px;
  }
  .box-infoGraph {
    padding-left: 15px;
  }
  .link-priv {
    bottom: 28px;
  }
  #form-custBudget {
    margin-top: 22px;
  }
  .breakTxt, ul.list-total-remening li span {
    font-size: 10px !important;
  }
  .select-category .selected-list .c-list .c-token {
    padding-right: 22px !important;
  }
  .table-widget tr td, .table-viewAdd.table-widget thead tr th {
    font-size: 10px;
  }
  .teble-expenseType tr th, .teble-expenseType tr td {
    width: 12%;
  }
  .teble-expenseType tr th:first-child, .teble-expenseType tr td:first-child {
    width: 76%;
    text-align: left;
  }
  ul.list-programCard > li, ul.list-campCards > li {
    width: 333px;
  }
  ul.list-programCardsTymStatus li span {
    max-width: 142px;
  }
  .panel-camCardHead ul.list-programCardsTymStatus li span {
    max-width: 156px;
  }
  .empty-textCon {
    text-align: center;
    font-size: 11px;
  }
  .table-manageTable.table-budPerDivi .table-manageTeamInn tr > td {
    max-width: 200px;
  }
  .form-innFormSetup .box-inputField {
    max-width: 390px;
  }
  .link-goalContainer {
    width: 12px;
  }
  .graph-tooltip.profile-tooltip span, .profile-tooltip span {
    font-size: 13px;
  }
  .graph-tooltip.profile-tooltip i, .profile-tooltip i {
    font-size: 11px;
  }
  .box-noMetric {
    font-size: 11px;
    line-height: 18px;
  }
  .box-noMetric h6 {
    font-size: 13px;
    padding-bottom: 8px;
  }
  .box-goPro {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
  }
  .box-glCode h4 {
    font-size: 12px;
  }
  ul.list-glCode li, .box-glCode .btn-add {
    font-size: 11px;
  }
  .table-glCode thead tr th, .table-glCode tbody tr td {
    font-size: 10px;
  }
  ul.list-btnEditDel li button.btn-tableEdit {
    width: 14px;
    height: 15px;
  }
  ul.list-btnEditDel li button.btn-tableDelete {
    width: 12px;
    height: 16px;
  }
}

@media (max-width: 1359px) {
  .table-accordion .table-contOverflow {
    width: 135px;
    max-width: 135px;
  }
  .table-accordionUnassign .table-contOverflow {
    width: 175px;
    max-width: 175px;
  }
  .box-Unallocated .table-accordion .table-contOverflow {
    width: 135px;
    max-width: 135px;
  }
  .box-Unallocated.box-accordionTable .table-accordion tr td:nth-child(2) {
    width: 38%;
  }
  .box-Unallocated.box-accordionTable .table-accordion tr td:nth-child(3) {
    width: 28%;
  }
  .box-Unallocated.box-accordionTable .table-accordion tr td:nth-child(4) {
    width: 34%;
  }
  .select-category .selected-list .c-btn > span, .select-category .selected-list .c-list .c-token,
.box-spendBtTypeTopBar .select-category .selected-list .c-list .c-token {
    width: 108px !important;
    padding: 1px 20px 0px 8px !important;
  }
  .box-spendBtTypeTopBar .select-category .selected-list .c-list .c-token .c-label {
    width: 57px;
  }
  .select-category .selected-list .c-btn > span:before, .select-category .selected-list .c-list .c-token:before {
    right: 20px;
  }
  .select-category .selected-list .c-btn > .c-list + span {
    right: 23px;
  }
}

@media (max-width: 1340px) {
  ul.list-allCategory > li .link-home {
    width: 32px;
    height: 32px;
    line-height: 28px;
  }
  .select-category .selected-list .c-btn > span {
    padding: 1px 18px 0px 7px !important;
  }
  .select-category .selected-list .c-btn > .c-list + span {
    top: 2px;
  }
  .select-category .selected-list .c-btn > span:after, .select-category .selected-list .c-list .c-token:after {
    right: 5px;
  }
  ul.list-allCategory > li:last-child {
    padding-left: 0px;
  }
  ul.list-allCategory {
    padding-top: 1px;
  }
  ul.list-allCategory > li:after {
    top: 10px;
    border-width: 5px 0px 5px 6px;
  }
  ul.list-programCardsTymStatus li span {
    max-width: 114px;
  }
  .panel-camCardHead ul.list-programCardsTymStatus li span {
    max-width: 130px;
  }
  .empty-textCon {
    text-align: center;
    font-size: 10px;
  }
  .btn-startSub {
    width: 190px;
    height: 29px;
    margin-top: 8px;
  }
  .btn-closeSearch.btn-clearAllFilter {
    top: 4px;
    height: 22px;
  }
  .box-topBarCompany .box-compFilter:after {
    top: 8px;
    height: 29px;
  }
}

/* All Pages Media Css End*/

input:not(.form-field-input):-webkit-autofill, input:not(.form-field-input):-webkit-autofill:hover, input:not(.form-field-input):-webkit-autofill:focus, input:not(.form-field-input):-webkit-autofill:active {
  -webkit-text-fill-color: #FFF;
  -webkit-transition: background-color 500000000000s ease-in-out 0s;
  transition: background-color 500000000000s ease-in-out 0s;
}

.box-inputAnimation input:not(.form-field-input):-webkit-autofill, .box-inputAnimation input:not(.form-field-input):-webkit-autofill:hover, .box-inputAnimation input:not(.form-field-input):-webkit-autofill:focus, .box-inputAnimation input:not(.form-field-input):-webkit-autofill:active {
  -webkit-text-fill-color: #424242;
}

select::-ms-expand {
  display: none;
}

@media all and (-ms-high-contrast: none) {
  label.btn-radio {
    overflow: visible;
    border-radius: 0px !important;
  }
  input {
    line-height: normal;
    cursor: #FFF;
  }
  .box-rightBule .form-checkbox label.active, .box-rightBule .form-checkbox label.active:active, .box-rightBule .form-checkbox label.active:hover,
.box-blueBG .form-checkbox label.active, .box-blueBG .form-checkbox label.btn.active:active, .box-blueBG .form-checkbox label.btn.active:hover,
.form-checkbox label.active, .form-checkbox label.btn.active:active, .form-checkbox label.btn.active:hover {
    background: transparent !important;
    border: 0px !important;
    overflow: visible;
  }
  input[type=checkbox], input[type=radio] {
    z-index: 0 !important;
  }
  .btn-radio.btn input[type=checkbox], .btn-radio.btn input[type=radio], .btn-group > .btn-radio.btn input[type=checkbox], .btn-group > .btn-radio input[type=radio] {
    width: 14px;
    height: 14px;
    left: 0px;
  }
  .form-checkbox label.btn:after {
    display: none !important;
  }
  .btn.active, .btn:active {
    box-shadow: none;
    background-color: transparent;
  }
  .cus-tooltipOn {
    margin-bottom: -6px;
  }
  .row-metrics {
    padding-bottom: 17px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .box-inputAnimationInExp .input-animation, .box-searchManageTeam input, .input-animationW, .input-animation, select.input-animation, select.input-animationW, select, input {
    line-height: normal !important;
  }
  input:not(.form-field-input)[type=password] {
    font-size: 24px;
  }
  ul.list-graphAddProd input[disabled], .uneditable-graph input[disabled] {
    color: #FFF;
    -webkit-text-fill-color: #FFF;
  }
  .box-blueBG h6 {
    font-weight: 300;
  }
  .box-paraColInn p, .box-signUp h4, .box-inputField label, body {
    font-weight: 400;
  }
  .box-campCardsInn .panel-heading em, .table-manageTeamInn tr td, .box-inputAnimation label, .name-customFieldPlan, .box-markPlacePara p,
.box-campCardsInn .panel-heading span.panel-title,
.box-campCardsInn .panel-heading em, .LogoutLink-removable,
.input-calendar em, .box-blueBG h5, .box-blueBG h4 {
    font-weight: 500;
  }
  input[type=submit], input[type=button], input[type=reset], button, .btn, ul.list-graph li h4, ul.list-graphInn li span {
    font-weight: 600;
  }
  input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    transform: scale(1.2);
  }
  .form-checkbox label {
    overflow: hidden;
  }
  .box-passOverly:after {
    bottom: 1px;
  }
  .table-contOverflow {
    display: block !important;
    max-width: 185px;
    white-space: nowrap;
  }
  .teble-expenseType .table-contOverflow {
    max-width: 100%;
  }
}

/* Safari 10.1+ */

@media not all and (min-resolution: 0.001dpcm) {
  .v-text, .h-text {
    font-size: 9px;
  }
  input, .table-manageTeamInn tr td {
    font-weight: 400;
  }
  .text-makingUser, .box-radioCheckBtn, .cir-mostCom, .box-setupHeadingPara, .LogoutLink-removable, body {
    font-weight: 500;
  }
  input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    transform: scale(1);
  }
  .box-passOverly:after {
    bottom: 0px;
  }
  .box-modalAddGoal .modal-footer {
    position: relative;
    top: -1px;
  }
  .table-accordion tr td:last-child {
    padding: 0px !important;
  }
}

/****/

@media screen and (min--moz-device-pixel-ratio: 0) {
  .row-metrics {
    padding-bottom: 17px;
  }
  .box-padd10-15 {
    padding: 10px 15px 15px;
  }
  ul.list-assOwner li .btn-tableEdit {
    top: -4px;
  }
  .table-contOverflow {
    width: 100%;
  }
  .table-accordion tr td:last-child {
    padding-top: 0px !important;
  }
}

.fav-iconImg {
  width: 12px !important;
  height: 16px !important;
}

select:focus::-ms-value {
  color: #424242;
  background-color: transparent;
}

.box-rightBule select:focus::-ms-value, .box-blueBG select:focus::-ms-value {
  color: #FFF;
}

input:-ms-clear {
  display: none !important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover {
  color: #FFF !important;
  background-color: #d2d2d2 !important;
  opacity: 1;
}

/**Nav Blue BG Start**/

.btnBG-navBlue {
  color: #FFF !important;
  background-color: #3272b7 !important;
}

.btnBG-navBlue:hover {
  color: #FFF !important;
  background-color: #3d83cf !important;
}

.btnBG-navBlue[disabled],
.btnBG-navBlue.disabled,
.form-checkbox label.active.btn.disabled {
  background-color: #3273b7 !important;
}

.box-rightBule .form-checkbox label.active.btn.disabled, .box-blueBG .form-checkbox label.active.btn.disabled {
  background-color: #28a264 !important;
}

@media all and (-ms-high-contrast: none) {
  .box-rightBule .form-checkbox label.active.btn.disabled, .box-rightBule .form-checkbox label.btn:after,
.box-blueBG .form-checkbox label.active.btn.disabled, .box-blueBG .form-checkbox label.btn:after,
.form-checkbox label.active.btn.disabled, .form-checkbox label.btn:after {
    border: 0px !important;
    background-color: transparent !important;
  }
  .table-contOverflow {
    display: block !important;
    max-width: 120px;
  }
  .teble-expenseType .table-contOverflow {
    max-width: 100%;
  }
  span.c-label {
    width: 140px;
  }
  .select-optionStatus select option[disabled] {
    font-weight: 400 !important;
  }
  .box-campCardsInn .panel-heading .box-camCardAmt em, .box-camCardAmt em {
    width: 14px;
    height: 14px;
    line-height: 12px;
  }
  .table-contOverflow {
    width: 100% !important;
  }
}

.select-optionStatus select option[disabled] {
  color: #c1bdbd;
  font-weight: bold;
  opacity: 1;
}

.input-animation[readonly], .input-animation[disabled] {
  color: #000;
  opacity: 0.5;
}

select, option {
  width: 250px;
}

option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

@media (max-width: 1340px) {
  .table-contOverflow {
    max-width: 105px;
  }
}

@media (max-width: 1340px) and (-ms-high-contrast: none) {
  .table-contOverflow {
    max-width: 105px;
  }
}

@media screen and (max-width: 1340px) and (-webkit-min-device-pixel-ratio: 0) {
  .table-contOverflow {
    max-width: 105px;
  }
}

#statusColorListClone ul {
  background-color: #f3f3f3;
}

/** End of styles applied during timeline downloadable image rendering **/

/** These styles are being applied during spend by type downloadable image rendering **/

#spendByTypeClone {
  position: absolute;
  top: 200%;
  left: 200%;
  z-index: 10000;
  background: white;
  width: 1900px;
  height: 1000px;
}

/** End of styles applied during spend by type downloadable image rendering **/

/** Dropdown Menu global styles **/

.dropdownMenuComponent .menuItemsContainer {
  top: 20px;
  right: 0;
}

.dropdownMenuComponent .menuItemsContainer .menuItem {
  white-space: nowrap;
}

.dropdownMenuComponent .menuItemsContainer .menuItem button span {
  margin: 0 !important;
}

.downArrow {
  width: 9px;
  height: 9px;
  transform: rotate(-45deg);
  border-left: 2px solid #3174b7;
  border-bottom: 2px solid #3174b7;
  display: inline-block;
  border-bottom-left-radius: 2px;
  margin-left: 3px;
  margin-bottom: 3px;
}

/** End of Dropdown Menu global styles **/

/** Expenses Table global styles **/

.expenses-table .inner-cell-container.has-problem {
  color: #FC582F;
}

.expenses-table .expenses-table-row .inner-cell-container .text-with-add-new-expense .add-objects {
  display: none;
}

.expenses-table .expenses-table-row:hover .inner-cell-container .text-with-add-new-expense .add-objects {
  display: block;
}

.ng2-dropdown-menu__options-container {
  max-height: 150px;
  overflow: auto;
}

/** End of Expenses Table global styles **/

.root-layout {
  height: 100%;
  display: flex;
}

.root-layout .right-side {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 75px);
}

.root-layout .right-side-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  max-height: calc(100% - 60px);
  padding: 23px 30px;
  overflow: auto;
}

@media (max-width: 1440px) {
  .root-layout .right-side {
    max-width: calc(100% - 55px);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.expansion-panel-chevron {
  transform: rotate(-90deg);
  transition: transform 0.2s linear;
  --fa-primary-color: var(--mat-default);
  --fa-secondary-color: var(--mat-default);
}

.expansion-panel-chevron.expanded {
  transform: rotate(0);
}

.status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
}

.status-dot.planned {
  background-color: var(--status-planned);
}

.status-dot.committed {
  background-color: var(--status-committed);
}

.status-dot.closed {
  background-color: var(--status-closed);
}

@page {
  margin: 0 !important;
}

/* CSS Document */

.disabled {
  pointer-events: none;
}

.input-animation.error {
  border-color: red;
}

.ng2-dropdown-menu {
  z-index: 9999 !important;
}

/************** SCROLLBAR BASE CSS **************/

.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  position: relative !important;
  top: 0;
  left: 0;
  padding: 0;
  width: auto !important;
  height: auto;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow-y: scroll !important;
  border: none !important;
  box-sizing: content-box !important;
}

.scroll-wrapper > .uprofile-panel.scroll-content {
  width: calc(100% + 0px) !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element, .scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar, .scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

html body g text {
  font-style: normal !important;
  font-size: 12px;
}

html body svg > g > text {
  display: none !important;
}

.dnd-drag-start {
  transform: scale(0.8);
  opacity: 0.7;
  border: 1px dashed #a0a5b6;
}

.dnd-drag-enter {
  opacity: 0.7;
  border: 1px dashed #a0a5b6 !important;
}

.dnd-drag-over {
  border: 1px dashed #a0a5b6 !important;
}

.dnd-sortable-drag {
  transform: scale(0.9);
  opacity: 0.7;
  border: 1px dashed #a0a5b6;
}

/*** Budget Hierarchy Graph ***/

path[stroke-width="1"], path[stroke-width="2"], ellipse[stroke-width="1"], ellipse[stroke-width="2"], ellipse[stroke-width="6.5"], path[stroke-width="6.5"] {
  stroke: transparent;
}

.google-visualization-tooltip {
  font-size: 11px !important;
  left: 5px;
  top: 5px;
  padding: 2px !important;
  text-transform: capitalize !important;
  left: 5px;
  top: 5px;
  min-width: max-content !important;
  min-width: -ms-max-content !important;
  min-width: -o-max-content !important;
  min-width: -webkit-max-content !important;
}

.google-visualization-tooltip {
  display: -ms-grid;
  -ms-grid-columns: max-content;
}

svg > g > g:last-child {
  pointer-events: none;
}

div.google-visualization-tooltip {
  pointer-events: none;
  z-index: 1;
}

div.google-visualization-tooltip span {
  display: inline-block;
  margin: 0;
  padding: 0;
}

div.google-visualization-tooltip p {
  margin: 0;
  padding: 0;
}

.btn-option:after {
  position: absolute;
  top: 0px;
  right: 10px;
  bottom: 0px;
  content: "";
  width: 10px;
  height: 6px;
  margin: auto;
  background: url('icon-downArrow.22de880fa71b1dfa.png') no-repeat center center;
}

.search-main-block {
  position: relative;
}

.search_block {
  position: absolute;
  right: 0;
  top: 0;
}

.search_block button.btn-option {
  padding: 1px 25px 1px 10px;
}

.search_block button.btn-option:after {
  width: 20px;
  right: 0px;
}

ul.search_block li {
  position: relative;
  float: left;
}

ul.search_block li .btn-addCampaignView {
  position: relative;
  color: #FFF;
  background-color: #00bcd4;
  border-color: #00bcd4;
}

ul.search_block li .btn-addCampaignView.disabled {
  color: #FFF;
  background-color: #d2d2d2;
  border-color: #d2d2d2;
}

.search-main-block .select-category .selected-list .c-btn {
  border-color: rgba(50, 115, 183, 0.35) !important;
  background: transparent !important;
}

.search-main-block .select-category .selected-list .c-btn > span {
  height: 34px;
  font-size: 13px;
  color: #575757 !important;
  font-weight: 500;
  line-height: 34px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.select-category .selected-list .c-btn > span:before, .select-category .selected-list .c-list .c-token:before {
  background: #F7F7F7 !important;
}

.exp-head {
  height: auto;
}

.exp-head h4 {
  font-size: 15px;
  text-align: center;
  height: auto;
}

.exp-head p {
  color: #4E4E4E;
  line-height: 1.2;
  padding: 7px 0 0 0;
  text-align: center;
  font-size: 13px;
}

.exp-title {
  float: left;
  display: block;
  width: 100%;
  margin: 40px 0 30px 0;
  color: #4E4E4E;
}

.disabled-opt span {
  position: absolute;
  font-size: 14px;
  background-color: #699fd8;
  color: #fff !important;
}

.head-spreadSheet {
  padding-top: 25px;
}

.box-comboSelect .selected-list .c-list .c-token {
  padding: 0px !important;
  margin: 0px !important;
  height: 56px;
  line-height: 56px;
  background: transparent !important;
}

.btn-upload {
  width: 150px;
  height: 30px;
  background-color: #3272b7;
}

.ChangeExpense {
  color: #00bcd4;
  font-size: 13px;
  margin: 2px 0 0 10px;
  text-decoration: underline;
}

.ChangeExpense:hover {
  color: #000;
}

.box-alerts .box-alertsPara {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
  padding-bottom: 15px;
}

.box-alerts .box-alertsPara p {
  padding: 0px;
  color: #CCC;
  font-size: 13px;
  display: table-cell;
  vertical-align: middle;
}

.btn-changeLogView {
  margin: 27px 0px 0px;
}

.box-changeLogModal .modal-header {
  background-color: #265689;
}

.box-changeLogModal .modal-header h4 {
  text-align: left;
}

.box-changeLogModal .modal-body {
  padding: 0px;
}

.box-changeLogModal .border-bottomRadius {
  overflow: hidden;
}

ul.list-assOwner li em {
  font-style: normal;
}

@media screen and (max-width: 1366px) {
  .box-spreadSheet select.input-animation {
    height: 40px;
    font-size: 12px;
  }
  .exp-head p {
    font-size: 12px;
  }
}

.close-hubspot-form {
  position: absolute;
  top: 5px;
  right: 7px;
  font-size: 28px;
  transform: rotate(45deg);
}

.listed-segAddGoal > a {
  position: relative;
  padding-right: 45px !important;
}

.listed-segAddGoal > a span {
  position: absolute;
  left: calc(100% - 32px);
}

.box-spendByTypeChart svg g[clip-path] rect {
  cursor: pointer;
}

.font-monospace {
  font-family: "B612", monospace;
}

.font-w-500 {
  font-weight: 500;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.text-left {
  text-align: left !important;
}

.mt-05 {
  margin-top: 0.5rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mb-05 {
  margin-bottom: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.ml-a {
  margin-left: auto;
}

.ml-05 {
  margin-left: 0.5rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.mr-025 {
  margin-right: 0.25rem !important;
}

.mr-05 {
  margin-right: 0.5rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.full-width {
  width: 100%;
}

.p-1 {
  padding: 1rem !important;
}

.fd-column {
  flex-direction: column;
}

.d-flex {
  display: flex;
}

.d-i-flex {
  display: inline-flex;
}

.jc-end {
  justify-content: flex-end;
}

.jc-between {
  justify-content: space-between;
}

.ai-center {
  align-items: center;
}

.as-start {
  align-self: flex-start;
}

.no-wrap {
  white-space: nowrap;
}

.color-primary {
  color: var(--primary);
}

.color-accent {
  color: var(--corporate-magenta);
}

.color-danger {
  color: var(--corporate-red) !important;
}

.p-0 {
  padding: 0 !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.hide-arrows::-webkit-outer-spin-button, .hide-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.hide-arrows[type=number] {
  -moz-appearance: textfield;
}

.opacity-04 {
  opacity: 0.4;
}

.w-100 {
  flex-basis: 100%;
  max-width: 100%;
}

.w-50 {
  flex-basis: 50%;
  max-width: 50%;
}

.w-25 {
  flex-basis: 25%;
  max-width: 25%;
}

.w-20 {
  flex-basis: 20%;
  max-width: 20%;
}

.is-disabled {
  pointer-events: none;
}

.editable-content-control {
  --placeholder-font-size: 12px;
  --placeholder-font-weight: 500;
  --placeholder-font-style: normal;
  --placeholder-color: #A0A0A0;
  --error-color: red;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 44px;
  border-radius: 5px;
  border: 1px solid transparent;
  cursor: pointer;
  color: var(--primary);
  font-weight: 500;
}

.editable-content-control.is-readonly {
  cursor: default;
}

.editable-content-control.is-number {
  font-family: "B612", monospace;
}

.editable-content-control.is-number input {
  font-family: inherit;
  height: auto;
}

.editable-content-control:not(.is-readonly):hover, .editable-content-control.edit-mode {
  border-color: var(--primary);
  background: #fff;
}

.editable-content-control.edit-mode textarea,
.editable-content-control.edit-mode input {
  display: block;
}

.editable-content-control textarea {
  resize: none;
}

.editable-content-control textarea, .editable-content-control input {
  display: none;
  width: 100%;
  max-height: 28px;
  height: 14px;
  padding: 0 10px !important;
  min-height: auto;
  font-size: 12px;
  line-height: 14px;
  color: var(--primary);
  overflow: auto !important;
  word-break: break-all;
  transition: none;
  background-color: transparent;
  font-family: inherit;
  border: none;
}

.editable-content-control textarea:focus, .editable-content-control input:focus {
  color: var(--primary);
  outline: none !important;
  box-shadow: none;
  border: none;
}

.editable-content-control textarea::placeholder, .editable-content-control input::placeholder {
  font-size: var(--placeholder-font-size);
  font-weight: var(--placeholder-font-weight);
  font-style: var(--placeholder-font-style);
  color: var(--placeholder-color);
}

.editable-content-control textarea::-webkit-input-placeholder, .editable-content-control input::-webkit-input-placeholder {
  font-size: var(--placeholder-font-size);
  font-weight: var(--placeholder-font-weight);
  font-style: var(--placeholder-font-style);
  color: var(--placeholder-color);
}

.editable-content-control textarea::-moz-placeholder, .editable-content-control input::-moz-placeholder {
  font-size: var(--placeholder-font-size);
  font-weight: var(--placeholder-font-weight);
  font-style: var(--placeholder-font-style);
  color: var(--placeholder-color);
}

.editable-content-control textarea::-ms-input-placeholder, .editable-content-control input::-ms-input-placeholder {
  font-size: var(--placeholder-font-size);
  font-weight: var(--placeholder-font-weight);
  font-style: var(--placeholder-font-style);
  color: var(--placeholder-color);
}

.editable-content-control .read-value {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  max-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  word-break: break-word;
}

.editable-content-control ::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 50px;
  background-color: transparent;
}

.editable-content-control ::-webkit-scrollbar {
  width: 2px;
  box-shadow: none;
  background-color: transparent;
}

.editable-content-control ::-webkit-scrollbar-thumb {
  border-radius: 50px;
  border: 3px solid rgba(0, 0, 0, 0.4);
  background-color: #fff;
  background-clip: padding-box;
  opacity: 0.8;
}

.editable-content-control .error-message {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  opacity: 0;
  visibility: hidden;
  padding: 5px 10px;
  background: #fff;
  box-shadow: 0 4px 6px rgba(233, 48, 2, 0.12);
  font-weight: 500;
  font-size: 9px;
  line-height: 12px;
  color: var(--error-color);
  transition: 0.2s ease;
  z-index: 1;
}

.editable-content-control.is-empty .read-value {
  color: var(--placeholder-color);
}

.editable-content-control.has-errors {
  border-color: var(--error-color) !important;
}

.editable-content-control.has-errors.edit-mode .error-message, .editable-content-control.has-errors:hover .error-message {
  opacity: 1;
  visibility: visible;
}

@media print {
  /* Print pages height */
  #wapper, .box-wapper, body, html {
    height: auto;
    overflow: visible;
  }
}

#drag-image.container {
  display: flex;
  align-items: center;
  background-color: var(--primary);
  color: var(--corporate-white);
  padding: 14px;
  box-shadow: 20px 16px 12px rgba(150, 169, 188, 0.32);
  border-radius: 8px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  width: 400px;
}

#drag-image.container .icon {
  margin-right: 10px;
}

#drag-image.container .icon fa-icon {
  display: block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  --fa-primary-color: var(--corporate-white);
  --fa-secondary-color: var(--corporate-white);
}

#drag-image.container .icon img {
  display: block;
  width: 15px;
}

.table-with-shadows-container {
  --content-shadow-color: var(--navy-blue);
  display: block;
  position: relative;
}

.table-with-shadows-container:not(.sticky-footer):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: linear-gradient(to top, var(--content-shadow-color) 0%, rgba(32, 73, 114, 0) 100%);
  transition: opacity 0.35s;
  pointer-events: none;
  opacity: 0;
  z-index: 10;
}

.table-with-shadows-container:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(to left, var(--content-shadow-color) 0%, rgba(32, 73, 114, 0) 100%);
  transition: opacity 0.35s;
  pointer-events: none;
  opacity: 0;
  z-index: 10;
}

.table-with-shadows-container.shadow-bottom:after, .table-with-shadows-container.shadow-top:after {
  right: 6px;
  bottom: 6px;
}

.table-with-shadows-container.shadow-right:before, .table-with-shadows-container.shadow-left:before {
  right: 6px;
  bottom: 6px;
}

.table-with-shadows-container thead .shadow-tr, .table-with-shadows-container tfoot .shadow-tr {
  position: relative;
  height: 0;
}

.table-with-shadows-container thead .shadow-tr td, .table-with-shadows-container tfoot .shadow-tr td {
  position: absolute;
  left: 0;
  right: 0;
  height: 4px;
  transition: opacity 0.35s;
  pointer-events: none;
  opacity: 0;
}

.table-with-shadows-container thead .shadow-tr td {
  background: linear-gradient(to bottom, var(--content-shadow-color) 0%, rgba(32, 73, 114, 0) 100%);
}

.table-with-shadows-container tfoot .shadow-tr td {
  top: -4px;
  background: linear-gradient(to top, var(--content-shadow-color) 0%, rgba(32, 73, 114, 0) 100%);
}

.table-with-shadows-container thead th:first-child .cell-content,
.table-with-shadows-container thead td:first-child .cell-content,
.table-with-shadows-container tbody td:first-child .cell-content {
  position: relative;
  align-items: center;
}

.table-with-shadows-container thead th:first-child .cell-content:after,
.table-with-shadows-container thead td:first-child .cell-content:after,
.table-with-shadows-container tbody td:first-child .cell-content:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -5px;
  bottom: -1px;
  width: 4px;
  background: linear-gradient(to right, var(--content-shadow-color) 0%, rgba(32, 73, 114, 0) 100%);
  transition: opacity 0.35s;
  pointer-events: none;
  opacity: 0;
}

.table-with-shadows-container.shadow-bottom:before, .table-with-shadows-container.shadow-right:after {
  opacity: 0.5;
}

.table-with-shadows-container.shadow-top thead .shadow-tr td {
  opacity: 0.5;
}

.table-with-shadows-container.shadow-bottom tfoot .shadow-tr td {
  opacity: 0.5;
}

.table-with-shadows-container.shadow-left thead th:first-child .cell-content:after,
.table-with-shadows-container.shadow-left thead td:first-child .cell-content:after,
.table-with-shadows-container.shadow-left tbody td:first-child .cell-content:after {
  opacity: 0.5;
}

.table-with-shadows-container .table-wrap {
  overflow: auto;
}

.table-with-shadows-container table {
  margin-bottom: 6px;
  --border-style: 1px solid var(--blue-disabled);
}

.table-with-shadows-container thead {
  position: sticky;
  top: -0.03rem;
  background-color: white;
  z-index: 9;
}

.table-with-shadows-container thead tr:first-child th {
  border-top: var(--border-style);
}

.table-with-shadows-container thead th:first-child {
  z-index: 10;
}

.table-with-shadows-container thead th .cell-content {
  border-top: var(--border-style);
}

.table-with-shadows-container.sticky-footer table {
  margin-bottom: 0;
  border-bottom: none;
}

.table-with-shadows-container.sticky-footer tfoot {
  position: sticky;
  bottom: -0.055rem;
  background-color: white;
  z-index: 9;
}

.table-with-shadows-container.sticky-footer tfoot tr td > div {
  border-bottom: 1px solid var(--blue-disabled);
  margin-bottom: 1px;
}

.table-with-shadows-container thead th:first-child,
.table-with-shadows-container tbody td:first-child,
.table-with-shadows-container tfoot td:first-child {
  background-clip: padding-box;
  position: sticky;
  left: 0;
  border-right: var(--border-style);
  background-color: white;
  z-index: 8;
}

.table-with-shadows-container thead th:first-child .cell-content,
.table-with-shadows-container tbody td:first-child .cell-content,
.table-with-shadows-container tfoot td:first-child .cell-content {
  width: 332px;
}

.spending-table-container .table-wrap {
  max-height: calc(100vh - 275px);
}

.banner-shown .spending-table-container .table-wrap {
  max-height: calc(100vh - 339px);
}

.spending-table-container .table-wrap .p-form-field-outline {
  margin-top: 7px;
}

.spending-table-container .table-wrap .p-form-field-outline .mat-select-placeholder {
  color: var(--blue-grey-medium);
  -webkit-text-fill-color: var(--blue-grey-medium);
}

.spending-table-container .table-wrap .p-form-field-outline .mat-form-field-flex {
  height: 40px !important;
}

.spending-table-container .table-wrap .p-form-field-outline mat-select {
  height: initial;
}

.spending-table-container .table-wrap .p-form-field-outline .mat-form-field-outline {
  color: transparent;
}

.spending-table-container .table-wrap .p-form-field-outline .mat-select-arrow-wrapper {
  padding-left: 8px;
  transition: opacity 0.25s;
}

.spending-table-container .table-wrap .p-form-field-outline .mat-form-field-flex:not(:hover) .mat-select-arrow-wrapper {
  opacity: 0;
}

.spending-table-container .table-wrap .p-form-field-outline .mat-form-field-infix {
  border-top-width: 4px !important;
}

.spending-table-container .table-wrap .p-form-field-outline .mat-select-value {
  padding-top: 0 !important;
}

.spending-table-container .cell-content {
  --text-align: "flex-start";
  display: flex;
  height: 52px;
  flex-basis: 100%;
  min-width: 155px;
  margin-left: auto;
  padding-left: 19px;
  padding-right: 19px;
  justify-content: var(--text-align);
}

.spending-table-container .cell-content.parent-cell object-name {
  min-width: 200px;
  max-width: 400px;
}

.spending-table-container .cell-content-default {
  display: flex;
  align-items: center;
  max-width: 300px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spending-table-container tr.opened-in-drawer {
  background-color: #fef7fa;
}

.spending-table-container tr.opened-in-drawer td:first-child {
  background-color: #fef7fa;
}

.spending-table-container tr.is-selected {
  background-color: #e6f4fa;
}

.spending-table-container tr.is-selected td:first-child {
  background-color: #e6f4fa;
}

.spending-table-container tr:hover icon-grip {
  transform: translate(0, -50%) scale(1);
  opacity: 1;
}

.spending-table-container th,
.spending-table-container tbody td {
  font-size: 14px;
  line-height: 1;
  border-bottom: var(--border-style);
}

.spending-table-container th {
  white-space: nowrap;
  word-break: initial;
  font-weight: 600;
}

.spending-table-container th .cell-content {
  padding: 19px;
}

.spending-table-container td {
  font-weight: 500;
}

expense-details,
campaign-details-drawer,
program-details-drawer,
goal-details-drawer,
metric-details-drawer,
budget-settings-drawer {
  width: 840px !important;
  right: 0;
  box-shadow: -5px 0px 15px rgba(129, 160, 198, 0.4);
}

expense-details:not(.active),
campaign-details-drawer:not(.active),
program-details-drawer:not(.active),
goal-details-drawer:not(.active),
metric-details-drawer:not(.active),
budget-settings-drawer:not(.active) {
  cursor: pointer;
}

expense-details:not(.active):hover,
campaign-details-drawer:not(.active):hover,
program-details-drawer:not(.active):hover,
goal-details-drawer:not(.active):hover,
metric-details-drawer:not(.active):hover,
budget-settings-drawer:not(.active):hover {
  right: 10px;
}

expense-details:not(.active) .details-page-wrapper > *,
campaign-details-drawer:not(.active) .details-page-wrapper > *,
program-details-drawer:not(.active) .details-page-wrapper > *,
goal-details-drawer:not(.active) .details-page-wrapper > *,
metric-details-drawer:not(.active) .details-page-wrapper > *,
budget-settings-drawer:not(.active) .details-page-wrapper > * {
  pointer-events: none;
}

expense-details .details-page-wrapper,
campaign-details-drawer .details-page-wrapper,
program-details-drawer .details-page-wrapper,
goal-details-drawer .details-page-wrapper,
metric-details-drawer .details-page-wrapper,
budget-settings-drawer .details-page-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

expense-details .details-form-field,
campaign-details-drawer .details-form-field,
program-details-drawer .details-form-field,
goal-details-drawer .details-form-field,
metric-details-drawer .details-form-field,
budget-settings-drawer .details-form-field {
  display: flex;
  padding: 0 15px;
}

expense-details .details-form-field .icon-container,
campaign-details-drawer .details-form-field .icon-container,
program-details-drawer .details-form-field .icon-container,
goal-details-drawer .details-form-field .icon-container,
metric-details-drawer .details-form-field .icon-container,
budget-settings-drawer .details-form-field .icon-container {
  margin-top: 15px;
  margin-right: 10px;
}

expense-details .details-form-field .icon-container fa-icon,
campaign-details-drawer .details-form-field .icon-container fa-icon,
program-details-drawer .details-form-field .icon-container fa-icon,
goal-details-drawer .details-form-field .icon-container fa-icon,
metric-details-drawer .details-form-field .icon-container fa-icon,
budget-settings-drawer .details-form-field .icon-container fa-icon {
  font-size: 20px;
  --fa-primary-color: var(--blue-grey-medium);
  --fa-secondary-color: var(--blue-grey-medium);
}

expense-details .details-form-field .icon-container fa-icon.size-16,
campaign-details-drawer .details-form-field .icon-container fa-icon.size-16,
program-details-drawer .details-form-field .icon-container fa-icon.size-16,
goal-details-drawer .details-form-field .icon-container fa-icon.size-16,
metric-details-drawer .details-form-field .icon-container fa-icon.size-16,
budget-settings-drawer .details-form-field .icon-container fa-icon.size-16 {
  font-size: 16px;
}

expense-details .details-form-field .icon-container fa-icon.size-17,
campaign-details-drawer .details-form-field .icon-container fa-icon.size-17,
program-details-drawer .details-form-field .icon-container fa-icon.size-17,
goal-details-drawer .details-form-field .icon-container fa-icon.size-17,
metric-details-drawer .details-form-field .icon-container fa-icon.size-17,
budget-settings-drawer .details-form-field .icon-container fa-icon.size-17 {
  font-size: 17px;
}

expense-details .details-form-field .icon-container fa-icon.size-21,
campaign-details-drawer .details-form-field .icon-container fa-icon.size-21,
program-details-drawer .details-form-field .icon-container fa-icon.size-21,
goal-details-drawer .details-form-field .icon-container fa-icon.size-21,
metric-details-drawer .details-form-field .icon-container fa-icon.size-21,
budget-settings-drawer .details-form-field .icon-container fa-icon.size-21 {
  font-size: 21px;
}

expense-details .details-form-field .icon-container fa-icon.size-22,
campaign-details-drawer .details-form-field .icon-container fa-icon.size-22,
program-details-drawer .details-form-field .icon-container fa-icon.size-22,
goal-details-drawer .details-form-field .icon-container fa-icon.size-22,
metric-details-drawer .details-form-field .icon-container fa-icon.size-22,
budget-settings-drawer .details-form-field .icon-container fa-icon.size-22 {
  font-size: 22px;
}

expense-details .details-form-field .icon-container + hierarchy-select,
expense-details .details-form-field .icon-container + parent-hierarchy-select,
expense-details .details-form-field .icon-container + tags-control,
expense-details .details-form-field .icon-container + attachments-list,
expense-details .details-form-field .icon-container + amount-status-switch,
expense-details .details-form-field .icon-container + .p-form-field-outline,
campaign-details-drawer .details-form-field .icon-container + hierarchy-select,
campaign-details-drawer .details-form-field .icon-container + parent-hierarchy-select,
campaign-details-drawer .details-form-field .icon-container + tags-control,
campaign-details-drawer .details-form-field .icon-container + attachments-list,
campaign-details-drawer .details-form-field .icon-container + amount-status-switch,
campaign-details-drawer .details-form-field .icon-container + .p-form-field-outline,
program-details-drawer .details-form-field .icon-container + hierarchy-select,
program-details-drawer .details-form-field .icon-container + parent-hierarchy-select,
program-details-drawer .details-form-field .icon-container + tags-control,
program-details-drawer .details-form-field .icon-container + attachments-list,
program-details-drawer .details-form-field .icon-container + amount-status-switch,
program-details-drawer .details-form-field .icon-container + .p-form-field-outline,
goal-details-drawer .details-form-field .icon-container + hierarchy-select,
goal-details-drawer .details-form-field .icon-container + parent-hierarchy-select,
goal-details-drawer .details-form-field .icon-container + tags-control,
goal-details-drawer .details-form-field .icon-container + attachments-list,
goal-details-drawer .details-form-field .icon-container + amount-status-switch,
goal-details-drawer .details-form-field .icon-container + .p-form-field-outline,
metric-details-drawer .details-form-field .icon-container + hierarchy-select,
metric-details-drawer .details-form-field .icon-container + parent-hierarchy-select,
metric-details-drawer .details-form-field .icon-container + tags-control,
metric-details-drawer .details-form-field .icon-container + attachments-list,
metric-details-drawer .details-form-field .icon-container + amount-status-switch,
metric-details-drawer .details-form-field .icon-container + .p-form-field-outline,
budget-settings-drawer .details-form-field .icon-container + hierarchy-select,
budget-settings-drawer .details-form-field .icon-container + parent-hierarchy-select,
budget-settings-drawer .details-form-field .icon-container + tags-control,
budget-settings-drawer .details-form-field .icon-container + attachments-list,
budget-settings-drawer .details-form-field .icon-container + amount-status-switch,
budget-settings-drawer .details-form-field .icon-container + .p-form-field-outline {
  width: calc(100% - 40px);
}

expense-details .details-form-field .p-form-field-outline object-name,
campaign-details-drawer .details-form-field .p-form-field-outline object-name,
program-details-drawer .details-form-field .p-form-field-outline object-name,
goal-details-drawer .details-form-field .p-form-field-outline object-name,
metric-details-drawer .details-form-field .p-form-field-outline object-name,
budget-settings-drawer .details-form-field .p-form-field-outline object-name {
  overflow: hidden;
}

expense-details .details-form-field .p-form-field-outline object-name .wrapping-text,
campaign-details-drawer .details-form-field .p-form-field-outline object-name .wrapping-text,
program-details-drawer .details-form-field .p-form-field-outline object-name .wrapping-text,
goal-details-drawer .details-form-field .p-form-field-outline object-name .wrapping-text,
metric-details-drawer .details-form-field .p-form-field-outline object-name .wrapping-text,
budget-settings-drawer .details-form-field .p-form-field-outline object-name .wrapping-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

expense-details .details-form-field .p-form-field-outline.readonly,
campaign-details-drawer .details-form-field .p-form-field-outline.readonly,
program-details-drawer .details-form-field .p-form-field-outline.readonly,
goal-details-drawer .details-form-field .p-form-field-outline.readonly,
metric-details-drawer .details-form-field .p-form-field-outline.readonly,
budget-settings-drawer .details-form-field .p-form-field-outline.readonly {
  pointer-events: none;
}

expense-details .details-form-field .p-form-field-outline.readonly .mat-form-field-outline,
campaign-details-drawer .details-form-field .p-form-field-outline.readonly .mat-form-field-outline,
program-details-drawer .details-form-field .p-form-field-outline.readonly .mat-form-field-outline,
goal-details-drawer .details-form-field .p-form-field-outline.readonly .mat-form-field-outline,
metric-details-drawer .details-form-field .p-form-field-outline.readonly .mat-form-field-outline,
budget-settings-drawer .details-form-field .p-form-field-outline.readonly .mat-form-field-outline {
  color: transparent !important;
}

expense-details .details-form-field .p-form-field-outline.readonly .mat-select-arrow-wrapper .mat-select-arrow,
campaign-details-drawer .details-form-field .p-form-field-outline.readonly .mat-select-arrow-wrapper .mat-select-arrow,
program-details-drawer .details-form-field .p-form-field-outline.readonly .mat-select-arrow-wrapper .mat-select-arrow,
goal-details-drawer .details-form-field .p-form-field-outline.readonly .mat-select-arrow-wrapper .mat-select-arrow,
metric-details-drawer .details-form-field .p-form-field-outline.readonly .mat-select-arrow-wrapper .mat-select-arrow,
budget-settings-drawer .details-form-field .p-form-field-outline.readonly .mat-select-arrow-wrapper .mat-select-arrow {
  color: transparent;
}

expense-details .details-form-field .p-form-field-outline.mat-form-field-disabled,
campaign-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled,
program-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled,
goal-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled,
metric-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled,
budget-settings-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled {
  opacity: 1;
}

expense-details .details-form-field .p-form-field-outline.mat-form-field-disabled.mat-form-field-appearance-outline .mat-select-value-text,
campaign-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled.mat-form-field-appearance-outline .mat-select-value-text,
program-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled.mat-form-field-appearance-outline .mat-select-value-text,
goal-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled.mat-form-field-appearance-outline .mat-select-value-text,
metric-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled.mat-form-field-appearance-outline .mat-select-value-text,
budget-settings-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled.mat-form-field-appearance-outline .mat-select-value-text {
  font-weight: 500;
  color: rgb(183, 193, 208);
}

expense-details .details-form-field .p-form-field-outline.mat-form-field-disabled .mat-form-field-outline,
campaign-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled .mat-form-field-outline,
program-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled .mat-form-field-outline,
goal-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled .mat-form-field-outline,
metric-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled .mat-form-field-outline,
budget-settings-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgb(222, 230, 241) !important;
  opacity: 0.3;
}

expense-details .details-form-field .p-form-field-outline.mat-form-field-disabled .mat-select-arrow-wrapper .mat-select-arrow,
campaign-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled .mat-select-arrow-wrapper .mat-select-arrow,
program-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled .mat-select-arrow-wrapper .mat-select-arrow,
goal-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled .mat-select-arrow-wrapper .mat-select-arrow,
metric-details-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled .mat-select-arrow-wrapper .mat-select-arrow,
budget-settings-drawer .details-form-field .p-form-field-outline.mat-form-field-disabled .mat-select-arrow-wrapper .mat-select-arrow {
  color: transparent;
}

expense-details .details-form-field .p-form-field-outline .mat-select-arrow-wrapper,
campaign-details-drawer .details-form-field .p-form-field-outline .mat-select-arrow-wrapper,
program-details-drawer .details-form-field .p-form-field-outline .mat-select-arrow-wrapper,
goal-details-drawer .details-form-field .p-form-field-outline .mat-select-arrow-wrapper,
metric-details-drawer .details-form-field .p-form-field-outline .mat-select-arrow-wrapper,
budget-settings-drawer .details-form-field .p-form-field-outline .mat-select-arrow-wrapper {
  width: 10px;
}

expense-details .details-form-field .p-form-field-outline .mat-select-arrow-wrapper .mat-select-arrow,
campaign-details-drawer .details-form-field .p-form-field-outline .mat-select-arrow-wrapper .mat-select-arrow,
program-details-drawer .details-form-field .p-form-field-outline .mat-select-arrow-wrapper .mat-select-arrow,
goal-details-drawer .details-form-field .p-form-field-outline .mat-select-arrow-wrapper .mat-select-arrow,
metric-details-drawer .details-form-field .p-form-field-outline .mat-select-arrow-wrapper .mat-select-arrow,
budget-settings-drawer .details-form-field .p-form-field-outline .mat-select-arrow-wrapper .mat-select-arrow {
  color: var(--blue-grey-medium);
}

expense-details .details-form-field .p-form-field-outline.mat-form-field-appearance-outline .mat-input-element,
expense-details .details-form-field .p-form-field-outline.mat-form-field-appearance-outline .mat-select-value-text,
campaign-details-drawer .details-form-field .p-form-field-outline.mat-form-field-appearance-outline .mat-input-element,
campaign-details-drawer .details-form-field .p-form-field-outline.mat-form-field-appearance-outline .mat-select-value-text,
program-details-drawer .details-form-field .p-form-field-outline.mat-form-field-appearance-outline .mat-input-element,
program-details-drawer .details-form-field .p-form-field-outline.mat-form-field-appearance-outline .mat-select-value-text,
goal-details-drawer .details-form-field .p-form-field-outline.mat-form-field-appearance-outline .mat-input-element,
goal-details-drawer .details-form-field .p-form-field-outline.mat-form-field-appearance-outline .mat-select-value-text,
metric-details-drawer .details-form-field .p-form-field-outline.mat-form-field-appearance-outline .mat-input-element,
metric-details-drawer .details-form-field .p-form-field-outline.mat-form-field-appearance-outline .mat-select-value-text,
budget-settings-drawer .details-form-field .p-form-field-outline.mat-form-field-appearance-outline .mat-input-element,
budget-settings-drawer .details-form-field .p-form-field-outline.mat-form-field-appearance-outline .mat-select-value-text {
  font-weight: 500;
}

expense-details .details-form-field unique-id,
campaign-details-drawer .details-form-field unique-id,
program-details-drawer .details-form-field unique-id,
goal-details-drawer .details-form-field unique-id,
metric-details-drawer .details-form-field unique-id,
budget-settings-drawer .details-form-field unique-id {
  width: 100%;
  margin-left: 5px;
}

expense-details .details-form-field unique-id fa-icon.finger-icon,
campaign-details-drawer .details-form-field unique-id fa-icon.finger-icon,
program-details-drawer .details-form-field unique-id fa-icon.finger-icon,
goal-details-drawer .details-form-field unique-id fa-icon.finger-icon,
metric-details-drawer .details-form-field unique-id fa-icon.finger-icon,
budget-settings-drawer .details-form-field unique-id fa-icon.finger-icon {
  font-size: 20px !important;
  margin-top: 20px !important;
  margin-right: 10px;
  --fa-primary-color: var(--blue-grey-medium) !important;
  --fa-secondary-color: var(--blue-grey-medium) !important;
}

expense-details .details-form-field unique-id fa-icon.finger-icon + .content,
campaign-details-drawer .details-form-field unique-id fa-icon.finger-icon + .content,
program-details-drawer .details-form-field unique-id fa-icon.finger-icon + .content,
goal-details-drawer .details-form-field unique-id fa-icon.finger-icon + .content,
metric-details-drawer .details-form-field unique-id fa-icon.finger-icon + .content,
budget-settings-drawer .details-form-field unique-id fa-icon.finger-icon + .content {
  margin-left: 17px;
}

expense-details .details-form-field unique-id .external-value,
campaign-details-drawer .details-form-field unique-id .external-value,
program-details-drawer .details-form-field unique-id .external-value,
goal-details-drawer .details-form-field unique-id .external-value,
metric-details-drawer .details-form-field unique-id .external-value,
budget-settings-drawer .details-form-field unique-id .external-value {
  margin-top: 6px;
}

expense-details .details-form-field unique-id .copy-icon,
campaign-details-drawer .details-form-field unique-id .copy-icon,
program-details-drawer .details-form-field unique-id .copy-icon,
goal-details-drawer .details-form-field unique-id .copy-icon,
metric-details-drawer .details-form-field unique-id .copy-icon,
budget-settings-drawer .details-form-field unique-id .copy-icon {
  font-size: 20px;
  margin-top: 20px;
  --fa-primary-color: var(--primary) !important;
  --fa-secondary-color: var(--primary) !important;
}

expense-details .details-form-field attachments-list .attachments-container,
campaign-details-drawer .details-form-field attachments-list .attachments-container,
program-details-drawer .details-form-field attachments-list .attachments-container,
goal-details-drawer .details-form-field attachments-list .attachments-container,
metric-details-drawer .details-form-field attachments-list .attachments-container,
budget-settings-drawer .details-form-field attachments-list .attachments-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 56px;
}

expense-details .details-form-field.parent,
campaign-details-drawer .details-form-field.parent,
program-details-drawer .details-form-field.parent,
goal-details-drawer .details-form-field.parent,
metric-details-drawer .details-form-field.parent,
budget-settings-drawer .details-form-field.parent {
  margin-bottom: 17px;
}

expense-details .details-form-field .related-expenses,
campaign-details-drawer .details-form-field .related-expenses,
program-details-drawer .details-form-field .related-expenses,
goal-details-drawer .details-form-field .related-expenses,
metric-details-drawer .details-form-field .related-expenses,
budget-settings-drawer .details-form-field .related-expenses {
  display: flex;
  height: 56px;
}

expense-details .details-form-field .related-expenses .expenses-number,
campaign-details-drawer .details-form-field .related-expenses .expenses-number,
program-details-drawer .details-form-field .related-expenses .expenses-number,
goal-details-drawer .details-form-field .related-expenses .expenses-number,
metric-details-drawer .details-form-field .related-expenses .expenses-number,
budget-settings-drawer .details-form-field .related-expenses .expenses-number {
  font-weight: 500;
  font-size: 15px;
  line-height: 16px;
  color: var(--navy-blue);
}

expense-details .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-start,
expense-details .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-gap,
expense-details .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-end,
campaign-details-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-start,
campaign-details-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-gap,
campaign-details-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-end,
program-details-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-start,
program-details-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-gap,
program-details-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-end,
goal-details-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-start,
goal-details-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-gap,
goal-details-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-end,
metric-details-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-start,
metric-details-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-gap,
metric-details-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-end,
budget-settings-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-start,
budget-settings-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-gap,
budget-settings-drawer .details-form-field .mat-form-field-appearance-outline.readonly .mat-form-field-outline .mat-form-field-outline-end {
  border: none;
}

expense-details .details-form-field.attachments,
campaign-details-drawer .details-form-field.attachments,
program-details-drawer .details-form-field.attachments,
goal-details-drawer .details-form-field.attachments,
metric-details-drawer .details-form-field.attachments,
budget-settings-drawer .details-form-field.attachments {
  align-items: center !important;
}

expense-details .details-form-field.attachments .icon-container,
campaign-details-drawer .details-form-field.attachments .icon-container,
program-details-drawer .details-form-field.attachments .icon-container,
goal-details-drawer .details-form-field.attachments .icon-container,
metric-details-drawer .details-form-field.attachments .icon-container,
budget-settings-drawer .details-form-field.attachments .icon-container {
  margin-top: 5px;
}

expense-details .details-form-field .mat-form-field-label,
campaign-details-drawer .details-form-field .mat-form-field-label,
program-details-drawer .details-form-field .mat-form-field-label,
goal-details-drawer .details-form-field .mat-form-field-label,
metric-details-drawer .details-form-field .mat-form-field-label,
budget-settings-drawer .details-form-field .mat-form-field-label {
  font-weight: 400 !important;
}

expense-details .details-content,
campaign-details-drawer .details-content,
program-details-drawer .details-content,
goal-details-drawer .details-content,
metric-details-drawer .details-content,
budget-settings-drawer .details-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

expense-details .details-content.tab-content-wrap > *,
campaign-details-drawer .details-content.tab-content-wrap > *,
program-details-drawer .details-content.tab-content-wrap > *,
goal-details-drawer .details-content.tab-content-wrap > *,
metric-details-drawer .details-content.tab-content-wrap > *,
budget-settings-drawer .details-content.tab-content-wrap > * {
  display: block;
  transition: opacity 0.6s, visibility 0.6s;
}

expense-details .details-content.tab-content-wrap > *.visible,
campaign-details-drawer .details-content.tab-content-wrap > *.visible,
program-details-drawer .details-content.tab-content-wrap > *.visible,
goal-details-drawer .details-content.tab-content-wrap > *.visible,
metric-details-drawer .details-content.tab-content-wrap > *.visible,
budget-settings-drawer .details-content.tab-content-wrap > *.visible {
  opacity: 1;
  visibility: visible;
}

expense-details .details-content.tab-content-wrap > *:not(.visible),
campaign-details-drawer .details-content.tab-content-wrap > *:not(.visible),
program-details-drawer .details-content.tab-content-wrap > *:not(.visible),
goal-details-drawer .details-content.tab-content-wrap > *:not(.visible),
metric-details-drawer .details-content.tab-content-wrap > *:not(.visible),
budget-settings-drawer .details-content.tab-content-wrap > *:not(.visible) {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.drawer-name-tooltip {
  top: -290px;
  right: -10px;
}

header.ceg-budget-details .app-navigation {
  min-height: 125px;
}

drawer-tab-switch + .details-content {
  padding-top: 60px;
}

.tab-content-container {
  padding: 0 30px;
}

.area-holder .details-form-field:first-child {
  margin-bottom: 25px;
}

.area-holder mat-form-field.mat-form-field .mat-form-field-infix {
  padding: 0.3em 0;
  border-top-width: 4px;
}

.area-holder textarea {
  min-height: 72px;
}

.details-panel {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 30px 15px 15px;
}

.details-panel + .details-panel:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--blue-grey-medium);
}

.planned-field {
  position: relative;
}

.planned-field .currency-select {
  position: absolute;
  left: 68px;
  bottom: 27px;
  width: 63px;
  border-right: 1px solid var(--blue-disabled);
  z-index: 10;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
}

.planned-field .currency-select.mat-select-disabled {
  pointer-events: none;
  border-color: transparent;
}

.planned-field .currency-select.mat-select-disabled .mat-select-arrow-wrapper .mat-select-arrow {
  color: transparent;
}

.planned-field .currency-select:hover .mat-select-arrow-wrapper .mat-select-arrow {
  color: var(--primary);
}

.planned-field .mat-select-trigger {
  height: 50px;
}

.planned-field .mat-form-field-infix input {
  width: 130px;
  padding-left: 84px;
}

.planned-field .mat-select-value {
  padding: 9px 0 11px;
  width: 40px;
}

.planned-field .mat-select-arrow-wrapper {
  padding-right: 8px;
}

.planned-field .mat-select-arrow-wrapper .mat-select-arrow {
  position: relative;
  height: 6px;
  width: 10px;
  margin: 0 0 3px 0;
  border: none;
  background: none;
  color: var(--blue-grey-medium);
}

.planned-field .mat-select-arrow-wrapper .mat-select-arrow:before, .planned-field .mat-select-arrow-wrapper .mat-select-arrow:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 4px;
  height: 8px;
  width: 2px;
  border-radius: 1px;
  background-color: currentColor;
  transform-origin: 50% calc(100% - 1px);
}

.planned-field .mat-select-arrow-wrapper .mat-select-arrow:after {
  transform: rotateZ(48deg);
}

.planned-field .mat-select-arrow-wrapper .mat-select-arrow:before {
  transform: rotateZ(-48deg);
}

.planned-field .mat-select-disabled .mat-select-value {
  color: var(--navy-blue);
  padding: 4px 0 0;
}

.planned-field mat-hint.status-less-mode-hint {
  margin-left: 85px;
}

.timeframe-select .mat-option.mat-option-disabled {
  color: var(--blue-grey-medium);
}

.timeframe-select .mat-option.mat-option-disabled fa-duotone-icon {
  font-size: 16px;
  --fa-primary-color: var(--blue-grey-medium);
  --fa-secondary-color: var(--blue-grey-medium);
}

.details-form-field add-object-link button.link-button {
  font-size: 15px;
}

.unverified-box {
  padding: 20px 30px 10px;
}

.unverified-box .holder {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 12px 18px 12px 2px;
  background-color: rgba(255, 153, 1, 0.1);
  border-radius: 8px;
  font-family: "Montserrat", serif;
}

.unverified-box .info-holder {
  width: 100%;
  max-width: 375px;
  color: var(--navy-blue);
  font-weight: 500;
}

.unverified-box .info-holder .title {
  display: block;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 4px;
}

.unverified-box .info-holder p {
  font-size: 11px;
  line-height: 17px;
  padding: 0;
  opacity: 0.6;
}

.unverified-box .mat-button {
  margin-left: auto;
}

.panel-floating-title {
  position: absolute;
  top: -7px;
  left: 65px;
  margin: 0;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  color: var(--mat-default);
  background: var(--corporate-white);
}

* {
  box-sizing: border-box;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h3 {
  font-size: 24px;
}

.mat-select-panel.mat-select-fixed-position.metric-type {
  margin-top: 41px;
}

.mat-pl-menu.navigation-menu {
  max-width: 390px;
  margin-top: 4px;
  max-height: 435px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.mat-pl-menu .divider {
  position: relative;
  height: 39px;
  border-top: 1px solid #DADCE0;
}

.mat-pl-menu .group-title {
  height: 37px;
  font-weight: 600;
  font-size: 15px;
  color: var(--navy-blue);
}

.mat-pl-menu .item-danger > span {
  color: var(--corporate-red);
}

.mat-pl-menu .item-danger:hover {
  background-color: var(--status-over-budget_a10);
}

.mat-pl-menu .item-danger .fa-primary {
  fill: var(--corporate-red);
}

.mat-pl-menu .item-danger .fa-secondary {
  fill: var(--corporate-red-a-06);
}

.mat-pl-menu .item-danger fa-icon {
  --fa-primary-color: var(--corporate-red);
}

.navigation-menu.recently-viewed,
.navigation-menu.recently-added {
  max-height: 400px;
}

.manage-budget-panel + * .mat-pl-menu {
  min-width: 300px;
}

.mat-pl-menu.navigation-menu .mat-menu-item-submenu-trigger {
  padding-right: 16px;
}

.mat-pl-menu.navigation-menu .mat-menu-item-submenu-trigger::after {
  content: none;
}

.mat-pl-menu.navigation-menu .mat-menu-item-submenu-trigger span {
  margin-right: auto;
  line-height: 16px;
}

.mat-pl-menu.navigation-menu .mat-menu-item-submenu-trigger .chevron-icon {
  margin-left: 8px;
  font-size: 12px;
}

.mat-pl-menu.navigation-menu .mat-menu-item {
  border-radius: 0;
}

.mat-pl-menu.navigation-menu.history-menu {
  max-height: initial;
  max-width: initial;
}

.mat-pl-menu.history-menu .metric-origin-label {
  margin: 0 8px;
  min-width: 36px;
}

.mat-pl-menu.history-menu .inner-wrapper {
  max-width: 422px;
}

.mat-pl-menu.history-menu .inner-wrapper.elongated {
  max-width: 848px;
}

.mat-pl-menu.navigation-menu .mat-menu-item.active {
  background: #ECF0F5;
  font-weight: 600;
}

.mat-pl-menu.navigation-menu.budget-select .mat-menu-item {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.mat-pl-menu.navigation-menu.budget-select .mat-menu-item.active {
  font-weight: 700;
  background: white;
  color: var(--navy-blue);
}

.mat-pl-menu.navigation-menu.budget-select .mat-menu-item.active,
.mat-pl-menu.navigation-menu.budget-select .mat-menu-item:hover {
  border-color: #DADCE0;
}

.mat-pl-menu.integration-mapping-menu .mat-menu-item {
  min-width: 250px;
}

.mat-pl-menu.integration-mapping-menu .menu-item-icon {
  margin-right: 8px;
  font-size: 19px;
}

.search-field mat-form-field.outline .mat-input-element {
  color: var(--navy-blue);
}

.search-field mat-form-field.outline.mat-focused .mat-input-element {
  font-weight: 500;
}

.search-field mat-form-field.outline .mat-input-element::placeholder {
  transition: none;
  color: #999999;
}

.search-field mat-form-field.outline.mat-focused .mat-input-element::placeholder {
  visibility: hidden;
}

.mat-menu-item.auth-expiry-notifier:has(.integrations-icon)::after {
  content: "" !important;
  display: inline-block !important;
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  top: 6px;
  left: 14px;
  width: 6px;
  height: 6px;
  z-index: 1;
  background-color: #FD5830;
}

.header-action-item.with-icon.mat-icon-button:has(.auth-expiry-notifier)::after {
  content: "";
  display: inline-block;
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  top: 6px;
  left: 24px;
  width: 6px;
  height: 6px;
  z-index: 1;
  background-color: #FD5830;
}

.mat-menu-item:not([disabled]):has(.auth-expiry-notifier)::after {
  content: "" !important;
  display: inline-block !important;
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  top: 6px;
  left: 14px;
  width: 6px;
  height: 6px;
  z-index: 1;
  background-color: #FD5830;
}

.mat-menu-item:not([disabled]):has(.auth-expiry-notifier):has(.linkedin_ads, .facebook_ads)::after {
  top: 4px;
  left: 25px;
}

.mat-menu-item:not([disabled]):has(.auth-expiry-notifier):has(.google_ads)::after {
  top: 7px;
  left: 23px;
}

.mat-pl-menu .mat-menu-item[disabled].auth-expiry-warn {
  background-color: #fbe6e6;
  color: #b3a3a4;
  cursor: default;
  opacity: 1;
}

.mat-pl-menu .mat-menu-item[disabled].auth-expiry-warn fa-icon {
  --fa-primary-color:#ff4513;
}

/* FILTERS OVERLAY */

.cdk-overlay-backdrop.filters-overlay::after {
  content: "";
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 60px);
  background: var(--corporate-navy-violet);
  opacity: 0.8;
}

/* GENERIC PAGE LAYOUT */

:root {
  --page-container-max-width: 2150px;
  --page-container-padding: 30px;
  --table-height-reduction: 325px;
}

.app-page {
  height: calc(100vh - 50px);
  overflow: auto;
}

.app-page page-header {
  display: block;
  max-width: var(--page-container-max-width);
  margin: 0 auto;
}

.page-content {
  width: 100%;
  height: 100%;
  padding-top: 12px;
}

.page-container {
  width: 100%;
  max-width: var(--page-container-max-width);
  margin: 0 auto;
  padding: 0 var(--page-container-padding);
}

.toast-container {
  bottom: 17px;
}

.toast-container.go-back-toast {
  width: 100%;
  z-index: 998;
}

.toast-container.go-back-toast .ngx-toastr {
  margin-left: auto;
  margin-right: auto;
}

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