/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.core.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.bubble.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\D7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/quill/dist/quill.core.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/quill/dist/quill.snow.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@angular/material/prebuilt-themes/indigo-pink.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.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:rgba(0,0,0,0);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:.6}.cdk-overlay-dark-backdrop{background:rgba(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,.1)}.mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary, #ff4081)}.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}.mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-pseudo-checkbox{color:rgba(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:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.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,.87)}.mat-elevation-z0,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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,.mat-mdc-elevation-specific.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-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em)}.mat-mdc-card{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);--mdc-elevated-card-container-color:#fff}.mat-mdc-card-outlined{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);--mdc-outlined-card-outline-color:#e0e0e0}.mat-mdc-card-subtitle{color:rgba(0,0,0,.54)}.mat-mdc-card-title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-headline6-font-size, 20px);line-height:var(--mdc-typography-headline6-line-height, 32px);font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:var(--mdc-typography-headline6-letter-spacing, 0.0125em);-webkit-text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:var(--mdc-typography-headline6-text-transform, none)}.mat-mdc-card-subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle2-font-size, 14px);line-height:var(--mdc-typography-subtitle2-line-height, 22px);font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle2-text-transform, none)}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5}.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E")}.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar{background-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E")}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar{background-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar{background-color:rgba(244, 67, 54, 0.25)}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:white}.mat-mdc-tooltip{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.6)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.6)}}.mdc-text-field .mdc-text-field__input{caret-color:var(--mdc-theme-primary, #3f51b5)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-primary, #3f51b5)}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-primary, #3f51b5)}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{background-color:var(--mdc-ripple-color, transparent)}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(63, 81, 181, 0.87)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mat-mdc-form-field-error{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field-focus-overlay{background-color:rgba(0,0,0,.87)}.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay{opacity:.04}.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:.12}.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after{color:rgba(63,81,181,.87)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after{color:rgba(255,64,129,.87)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after{color:rgba(244,67,54,.87)}.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-mdc-form-field.mat-accent .mdc-text-field__input{caret-color:var(--mdc-theme-secondary, #ff4081)}.mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-secondary, #ff4081)}.mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-secondary, #ff4081)}.mat-mdc-form-field.mat-warn .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(244, 67, 54, 0.87)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:1px solid rgba(0,0,0,0)}[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none;border-right:1px solid rgba(0,0,0,0)}.mat-mdc-form-field-infix{min-height:56px}.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:28px}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:24px;padding-bottom:8px}.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mdc-text-field--textarea .mdc-text-field__input{line-height:1.5rem}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-caption-font-size, 12px);line-height:var(--mdc-typography-caption-line-height, 20px);font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:var(--mdc-typography-caption-text-transform, none)}.mat-mdc-form-field,.mat-mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:var(--mdc-typography-body1-text-transform, none)}.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above{font-size:calc(16px * var(--mat-mdc-form-field-floating-label-scale, 0.75))}.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:16px}.mdc-menu-surface{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);background-color:var(--mdc-theme-surface, #fff);color:var(--mdc-theme-on-surface, #000)}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-select-value{color:rgba(0,0,0,.87)}.mat-mdc-select-placeholder{color:rgba(0,0,0,.6)}.mat-mdc-select-disabled .mat-mdc-select-value{color:rgba(0,0,0,.38)}.mat-mdc-select-arrow{color:rgba(0,0,0,.54)}.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow{color:rgba(63,81,181,.87)}.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow{color:rgba(255,64,129,.87)}.mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow{color:rgba(244,67,54,.87)}.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow{color:rgba(244,67,54,.87)}.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow{color:rgba(0,0,0,.38)}.mat-mdc-select-panel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mat-mdc-select{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:var(--mdc-typography-body1-text-transform, none)}.mdc-menu-surface{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);background-color:var(--mdc-theme-surface, #fff);color:var(--mdc-theme-on-surface, #000)}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-autocomplete-panel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mat-mdc-dialog-container{--mdc-dialog-container-color:white;--mdc-dialog-with-divider-divider-color:rgba(0, 0, 0, 0.12);--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}.mat-mdc-dialog-container{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-label-text-color:#212121;--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121}.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-label-text-color:white;--mdc-chip-disabled-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white}.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-label-text-color:white;--mdc-chip-disabled-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white}.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-label-text-color:white;--mdc-chip-disabled-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white}.mat-mdc-chip-focus-overlay{background:#000}.mat-mdc-chip{height:32px}.mat-mdc-standard-chip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-slide-toggle{--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-handle-surface-color:var(--mdc-theme-surface, #fff);--mdc-switch-unselected-handle-color:#616161;--mdc-switch-selected-icon-color:#fff;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-unselected-icon-color:#fff}.mat-mdc-slide-toggle .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-slide-toggle .mdc-switch--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-slide-toggle.mat-primary{--mdc-switch-selected-focus-state-layer-color:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb}.mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}.mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}.mat-mdc-slide-toggle{--mdc-switch-state-layer-size:48px}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-radio-button .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #3f51b5}.mat-mdc-radio-button.mat-primary .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #ff4081}.mat-mdc-radio-button.mat-accent .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #f44336}.mat-mdc-radio-button.mat-warn .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-radio-button .mdc-radio{padding:calc((40px - 20px) / 2)}.mat-mdc-radio-button .mdc-radio .mdc-radio__background::before{top:calc(-1 * (40px - 20px) / 2);left:calc(-1 * (40px - 20px) / 2);width:40px;height:40px}.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control{top:calc((40px - 40px) / 2);right:calc((40px - 40px) / 2);left:calc((40px - 40px) / 2);width:40px;height:40px}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-slider{--mdc-slider-label-container-color:black;--mdc-slider-label-label-text-color:white;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mat-mdc-slider-value-indicator-opacity: 0.6}.mat-mdc-slider.mat-primary{--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mat-mdc-slider-ripple-color: #3f51b5;--mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, 0.2)}.mat-mdc-slider.mat-accent{--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mat-mdc-slider-ripple-color: #ff4081;--mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, 0.2)}.mat-mdc-slider.mat-warn{--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mat-mdc-slider-ripple-color: #f44336;--mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, 0.2)}.mat-mdc-slider{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}.mdc-menu-surface{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);background-color:var(--mdc-theme-surface, #fff);color:var(--mdc-theme-on-surface, #000)}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-menu-item[disabled],.mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon,.mat-mdc-menu-item[disabled] .mat-icon-no-color{color:var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38))}.mat-mdc-menu-item .mat-icon-no-color,.mat-mdc-menu-submenu-icon{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-menu-item:hover:not([disabled]),.mat-mdc-menu-item.cdk-program-focused:not([disabled]),.mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),.mat-mdc-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-mdc-menu-content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mat-mdc-menu-content,.mat-mdc-menu-content .mat-mdc-menu-item .mdc-list-item__primary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:var(--mdc-typography-body1-text-transform, none)}.mat-mdc-list-item-interactive::before{background:#000}.mat-mdc-list-item-interactive:not(:focus):not(.mdc-list-item--disabled):hover::before{opacity:.04}.mat-mdc-list-item-interactive:focus::before{opacity:.12}.mat-mdc-list-item-interactive.mdc-list-item--selected::before{background:#3f51b5;opacity:.08}.mat-mdc-list-item-interactive.mdc-list-item--selected:not(:focus):not(.mdc-list-item--disabled):hover::before{opacity:.12}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-list-option .mdc-list-item__start,.mat-mdc-list-option .mdc-list-item__end{--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-list-option .mdc-list-item__start,.mat-mdc-list-option .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #3f51b5}.mat-mdc-list-option .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option .mdc-list-item__end .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-list-option.mat-accent .mdc-list-item__start,.mat-mdc-list-option.mat-accent .mdc-list-item__end{--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-list-option.mat-accent .mdc-list-item__start,.mat-mdc-list-option.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #ff4081}.mat-mdc-list-option.mat-accent .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option.mat-accent .mdc-list-item__end .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-list-option.mat-warn .mdc-list-item__start,.mat-mdc-list-option.mat-warn .mdc-list-item__end{--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-list-option.mat-warn .mdc-list-item__start,.mat-mdc-list-option.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #f44336}.mat-mdc-list-option.mat-warn .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option.mat-warn .mdc-list-item__end .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-list-item.mdc-list-item--with-one-line{height:48px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-radio.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-switch.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-image.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-video.mdc-list-item--with-one-line{height:72px}.mat-mdc-list-item.mdc-list-item--with-two-lines{height:64px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines{height:72px}.mat-mdc-list-item.mdc-list-item--with-three-lines{height:88px}.mat-mdc-list-option-with-trailing-avatar.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-option-with-trailing-avatar.mdc-list-item--with-two-lines{height:72px}.mdc-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mdc-list-item__primary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mdc-list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mdc-list-item__overline-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-overline-font-size, 12px);line-height:var(--mdc-typography-overline-line-height, 32px);font-weight:var(--mdc-typography-overline-font-weight, 500);letter-spacing:var(--mdc-typography-overline-letter-spacing, 0.1666666667em);-webkit-text-decoration:var(--mdc-typography-overline-text-decoration, none);text-decoration:var(--mdc-typography-overline-text-decoration, none);text-transform:var(--mdc-typography-overline-text-transform, none)}.mdc-list-item--with-trailing-meta .mdc-list-item__end{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-caption-font-size, 12px);line-height:var(--mdc-typography-caption-line-height, 20px);font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:var(--mdc-typography-caption-text-transform, none)}.mdc-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mdc-list-item--with-trailing-meta .mdc-list-item__end{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-caption-font-size, 12px);line-height:var(--mdc-typography-caption-line-height, 20px);font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:var(--mdc-typography-caption-text-transform, none)}@media all and (-ms-high-contrast: none){.mat-mdc-list-option .mdc-list-item__start .mdc-checkbox .mdc-checkbox__focus-ring,.mat-mdc-list-option .mdc-list-item__end .mdc-checkbox .mdc-checkbox__focus-ring{display:none}}.mat-mdc-list-item .mdc-list-item__primary-text{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em}.mat-mdc-paginator{background:#fff;color:rgba(0,0,0,.87)}.mat-mdc-paginator-icon{fill:rgba(0,0,0,.54)}.mat-mdc-paginator-decrement,.mat-mdc-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-mdc-paginator-first,.mat-mdc-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-mdc-icon-button[disabled] .mat-mdc-paginator-decrement,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-increment,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-first,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-last{border-color:rgba(0,0,0,.12)}.mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon{fill:rgba(0,0,0,.12)}.mat-mdc-paginator .mat-mdc-form-field-infix{min-height:40px}.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:20px}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label{display:none}.mat-mdc-paginator-container{min-height:56px}.mat-mdc-paginator{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-caption-font-size, 12px);line-height:var(--mdc-typography-caption-line-height, 20px);font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:var(--mdc-typography-caption-text-transform, none)}.mat-mdc-paginator .mat-mdc-select-value{font-size:12px}.mat-mdc-tab,.mat-mdc-tab-link{background-color:rgba(0,0,0,0)}.mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab__text-label{color:rgba(0, 0, 0, 0.6)}.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple::before,.mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element,.mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__ripple::before,.mat-mdc-tab-link.mat-mdc-tab-disabled .mat-ripple-element{background-color:rgba(0,0,0,.38)}.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label{color:#3f51b5}.mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline{border-color:var(--mdc-tab-indicator-active-indicator-color, #3f51b5)}.mdc-tab__ripple::before,.mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-link .mat-ripple-element{background-color:#3f51b5}.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label{color:#ff4081}.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline{border-color:var(--mdc-tab-indicator-active-indicator-color, #ff4081)}.mat-mdc-tab-group.mat-accent .mdc-tab__ripple::before,.mat-mdc-tab-group.mat-accent .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mdc-tab__ripple::before,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link .mat-ripple-element{background-color:#ff4081}.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label{color:#f44336}.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline{border-color:var(--mdc-tab-indicator-active-indicator-color, #f44336)}.mat-mdc-tab-group.mat-warn .mdc-tab__ripple::before,.mat-mdc-tab-group.mat-warn .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mdc-tab__ripple::before,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link .mat-ripple-element{background-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-mdc-tab-header-with-background-background-color: #3f51b5;--mat-mdc-tab-header-with-background-foreground-color: #fff}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-mdc-tab-header-with-background-background-color: #ff4081;--mat-mdc-tab-header-with-background-foreground-color: #fff}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-mdc-tab-header-with-background-background-color: #f44336;--mat-mdc-tab-header-with-background-foreground-color: #fff}.mat-mdc-tab-header-pagination-chevron{border-color:var(--mdc-theme-on-surface, #000)}.mat-mdc-tab-header .mdc-tab{height:48px}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-checkbox .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-checkbox .mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-mdc-checkbox .mdc-checkbox__ripple{background:#000}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element{background-color:rgba(63,81,181,.1)}.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mdc-checkbox__ripple{background:#3f51b5}.mat-mdc-checkbox.mat-accent{--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element{background-color:rgba(255,64,129,.1)}.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mdc-checkbox__ripple{background:#ff4081}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element{background-color:rgba(244,67,54,.1)}.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mdc-checkbox__ripple{background:#f44336}.mat-mdc-checkbox-disabled label{color:rgba(0,0,0,.38)}.mat-mdc-checkbox .mdc-checkbox{padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background{top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:var(--mdc-checkbox-touch-target-size, 40px);height:var(--mdc-checkbox-touch-target-size, 40px)}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color:#000}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336}.mat-mdc-button[disabled][disabled]{--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-text-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-mdc-unelevated-button.mat-unthemed{--mdc-filled-button-container-color:#fff;--mdc-filled-button-label-text-color:#000}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button[disabled][disabled]{--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-button-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-mdc-raised-button.mat-unthemed{--mdc-protected-button-container-color:#fff;--mdc-protected-button-label-text-color:#000}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button[disabled][disabled]{--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation:0}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-unthemed{--mdc-outlined-button-label-text-color:#000}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336}.mat-mdc-outlined-button[disabled][disabled]{--mdc-outlined-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-mdc-raised-button,.mat-mdc-unelevated-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base{height:36px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-icon-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-icon-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-mdc-icon-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-mdc-icon-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5}.mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081}.mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336}.mat-mdc-icon-button[disabled][disabled]{--mdc-icon-button-icon-color:rgba(0, 0, 0, 0.38);--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38)}.mat-mdc-icon-button.mat-mdc-button-base{width:48px;height:48px;padding:12px}.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring{max-height:48px;max-width:48px}.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mat-mdc-fab,.mat-mdc-mini-fab{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed{--mdc-fab-container-color:#fff;--mdc-fab-icon-color:#000;--mat-mdc-fab-color: #000}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mdc-fab-icon-color:#fff;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mdc-fab-icon-color:#fff;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color:#f44336;--mdc-fab-icon-color:#fff;--mat-mdc-fab-color: #fff}.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled]{--mdc-fab-container-color:rgba(0, 0, 0, 0.12);--mdc-fab-icon-color:rgba(0, 0, 0, 0.38);--mat-mdc-fab-color: rgba(0, 0, 0, 0.38)}.mdc-fab--extended{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-snack-bar-container{--mat-mdc-snack-bar-button-color: #ff4081;--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87)}.mat-mdc-snack-bar-container{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}.mdc-data-table{background-color:var(--mdc-theme-surface, #fff);border-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__row{background-color:inherit}.mdc-data-table__header-cell{background-color:var(--mdc-theme-surface, #fff)}.mdc-data-table__row--selected{background-color:rgba(63, 81, 181, 0.04)}.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__cell,.mdc-data-table__header-cell{border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__pagination{border-top-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__row:not(.mdc-data-table__row--selected):hover{background-color:rgba(0, 0, 0, 0.04)}.mdc-data-table__header-cell{color:rgba(0, 0, 0, 0.87)}.mdc-data-table__pagination-total,.mdc-data-table__pagination-rows-per-page-label,.mdc-data-table__cell{color:rgba(0, 0, 0, 0.87)}.mat-mdc-table{background:#fff}.mat-mdc-table .mdc-data-table__row{height:52px}.mat-mdc-table .mdc-data-table__pagination{min-height:52px}.mat-mdc-table .mdc-data-table__header-row{height:56px}.mdc-data-table__content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mdc-data-table__cell{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mdc-data-table__header-cell{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle2-font-size, 14px);line-height:var(--mdc-typography-subtitle2-line-height, 22px);font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle2-text-transform, none)}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color:#3f51b5}.mat-mdc-progress-spinner.mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}.mat-mdc-progress-spinner.mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}.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:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.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-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:#fff;color:rgba(0,0,0,.87)}.mat-bottom-sheet-container{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.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,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.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,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.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-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-arrow{fill:rgba(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,.54)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:rgba(0,0,0,0)}.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,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(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,.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,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 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(63, 81, 181, 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:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.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(63,81,181,.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(63,81,181,.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:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.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,.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(255, 64, 129, 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(255, 64, 129, 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:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.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(255,64,129,.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(255,64,129,.3)}}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.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,.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(244, 67, 54, 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(244, 67, 54, 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:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.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(244,67,54,.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(244,67,54,.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:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{width:40px;height:40px;padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch{position:absolute;top:50%;height:40px;left:50%;width:40px;transform:translate(-50%, -50%)}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}.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-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(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,.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,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(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-expansion-panel-header{font-family:Roboto, sans-serif;font-size:14px;font-weight:500}.mat-expansion-panel-content{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.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}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.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,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(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,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.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,.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,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.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:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.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:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.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:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:rgba(0,0,0,0);color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(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,.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-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:16px}.mat-step-label-selected{font-size:16px;font-weight:400}.mat-sort-header-arrow{color:#757575}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.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-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 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, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/assets/fonts/stylesheet.css ***!
  \*************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'Raleway';
    src: url('Raleway-ExtraLight.eot');
    src: url('Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('Raleway-ExtraLight.woff2') format('woff2'),
        url('Raleway-ExtraLight.woff') format('woff'),
        url('Raleway-ExtraLight.ttf') format('truetype'),
        url('Raleway-ExtraLight.svg#Raleway-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('Raleway-ExtraBold.eot');
    src: url('Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('Raleway-ExtraBold.woff2') format('woff2'),
        url('Raleway-ExtraBold.woff') format('woff'),
        url('Raleway-ExtraBold.ttf') format('truetype'),
        url('Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Bold.eot');
    src: url('Raleway-Bold.eot?#iefix') format('embedded-opentype'),
        url('Raleway-Bold.woff2') format('woff2'),
        url('Raleway-Bold.woff') format('woff'),
        url('Raleway-Bold.ttf') format('truetype'),
        url('Raleway-Bold.svg#Raleway-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Heavy.eot');
    src: url('Raleway-Heavy.eot?#iefix') format('embedded-opentype'),
        url('Raleway-Heavy.woff2') format('woff2'),
        url('Raleway-Heavy.woff') format('woff'),
        url('Raleway-Heavy.ttf') format('truetype'),
        url('Raleway-Heavy.svg#Raleway-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Light.eot');
    src: url('Raleway-Light.eot?#iefix') format('embedded-opentype'),
        url('Raleway-Light.woff2') format('woff2'),
        url('Raleway-Light.woff') format('woff'),
        url('Raleway-Light.ttf') format('truetype'),
        url('Raleway-Light.svg#Raleway-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Medium.eot');
    src: url('Raleway-Medium.eot?#iefix') format('embedded-opentype'),
        url('Raleway-Medium.woff2') format('woff2'),
        url('Raleway-Medium.woff') format('woff'),
        url('Raleway-Medium.ttf') format('truetype'),
        url('Raleway-Medium.svg#Raleway-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('Raleway.eot');
    src: url('Raleway.eot?#iefix') format('embedded-opentype'),
        url('Raleway.woff2') format('woff2'),
        url('Raleway.woff') format('woff'),
        url('Raleway.ttf') format('truetype'),
        url('Raleway.svg#Raleway') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('Raleway-SemiBold.eot');
    src: url('Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('Raleway-SemiBold.woff2') format('woff2'),
        url('Raleway-SemiBold.woff') format('woff'),
        url('Raleway-SemiBold.ttf') format('truetype'),
        url('Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Thin.eot');
    src: url('Raleway-Thin.eot?#iefix') format('embedded-opentype'),
        url('Raleway-Thin.woff2') format('woff2'),
        url('Raleway-Thin.woff') format('woff'),
        url('Raleway-Thin.ttf') format('truetype'),
        url('Raleway-Thin.svg#Raleway-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item.center {
  z-index: 5;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

html,
body {
  counter-reset: my-sec-counter;
}

html {
  overflow: scroll !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  font-family: "Open Sans", sans-serif !important;
}

body {
  margin: 0;
  font-family: "Open Sans", sans-serif !important;
  overflow-wrap: break-word;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
span.li,
a,
.mat-mdc-list-item .mdc-list-item__primary-text,
label,
input {
  font-family: "Open Sans", sans-serif !important;
}

.mat-menu-panel {
  width: 400px;
}

body {
  font-family: "Open Sans", sans-serif;
}

.material-icons {
  font-family: "Material Icons" !important;
}

.text-primary {
  color: #5ea1d8 !important;
}

/* Page section header/title - global so they apply in dashboard child routes (encapsulation) */
.page-section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 0 4px;
}

.page-section-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #5ea1d8 !important;
  margin: 0;
}

@media (max-width: 768px) {
  .page-section-header {
    justify-content: center;
  }
  .page-section-title {
    text-align: center;
  }
}
p {
  white-space: break-spaces;
}

.mat-tab-label-container {
  display: flex;
  flex-grow: 1;
  z-index: 1;
  overflow-x: scroll !important;
}

.right-nav {
  float: right;
  text-align: right;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.right-nav img {
  cursor: pointer;
  color: gray;
  margin-right: 20px;
  margin-bottom: 0px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  border: 2px solid transparent !important;
}
.right-nav img:focus, .right-nav img.active, .right-nav img:target {
  outline: none !important;
  border: 3px solid #5ea1d8 !important;
}
.right-nav img.mat-accent {
  border: 3px solid #5ea1d8 !important;
}
.right-nav .mat-icon {
  margin-right: 15px;
  font-size: 30px;
  cursor: pointer;
  font-size: 30px;
  display: flex;
  align-items: center;
  text-shadow: 0px 2px 2px rgba(186, 183, 183, 0.4);
}
.right-nav .mat-icon:hover {
  margin-top: -10px;
  transition: all 0.3s linear;
}
.right-nav .mat-icon:link, .right-nav .mat-icon:visited, .right-nav .mat-icon:hover, .right-nav .mat-icon:active, .right-nav .mat-icon:focus, .right-nav .mat-icon:target {
  color: #5ea1d8 !important;
  outline: none;
}
.right-nav .mat-icon:last-of-type {
  margin-right: 0px !important;
  color: grey;
}
.right-nav .mat-icon:last-of-type:link, .right-nav .mat-icon:last-of-type:visited, .right-nav .mat-icon:last-of-type:hover, .right-nav .mat-icon:last-of-type:active, .right-nav .mat-icon:last-of-type:focus, .right-nav .mat-icon:last-of-type:target {
  color: #5ea1d8;
  outline: none;
}
.right-nav .mat-icon ~ span {
  margin-right: 15px !important;
  display: flex;
  align-items: center;
  font-size: 26px !important;
  color: grey;
  text-shadow: 0px 2px 2px rgba(186, 183, 183, 0.4);
}
.right-nav .mat-icon ~ span:hover {
  margin-top: -10px;
  color: #5ea1d8 !important;
  transition: all 0.3s linear;
}
.right-nav .mat-icon ~ span:active, .right-nav .mat-icon ~ span:link, .right-nav .mat-icon ~ span:focus, .right-nav .mat-icon ~ span:target, .right-nav .mat-icon ~ span:visited {
  color: #5ea1d8 !important;
  outline: none;
}
.right-nav img:hover {
  margin-top: -10px;
  transition: all 0.3s linear;
}

.right-nav .mat-icon[aria-controls=mat-menu-panel-1] {
  color: #5ea1d8 !important;
}

p {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.54) !important;
  color: #212427 !important;
  word-break: break-word;
  line-height: 16px;
  margin: 10px 0px !important;
  line-height: 26px !important;
}

p.lf13 {
  line-height: 18px !important;
  white-space: break-spaces;
}

h2 {
  color: rgba(0, 0, 0, 0.54) !important;
  color: #212427 !important;
  font-size: 2rem !important;
}
h2 span {
  color: rgba(0, 0, 0, 0.54) !important;
  color: #212427 !important;
  font-size: 2rem !important;
}

span {
  font-weight: 500 !important;
}

h6 {
  color: rgba(0, 0, 0, 0.54) !important;
  color: #212427 !important;
}

h3 {
  font-family: "Raleway";
  margin-bottom: 20px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: rgba(0, 0, 0, 0.54) !important;
  color: #212427 !important;
}

button.common {
  padding: 3px 10px !important;
  background: #5ea1d8 !important;
  border: 0px !important;
  color: #fff !important;
  font-size: 15px !important;
  border-radius: 5px !important;
}

h3 a {
  font-family: "Raleway";
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.54) !important;
  color: #212427 !important;
  background: transparent !important;
  font-size: 30px !important;
  padding: 0px !important;
  margin-bottom: 25px;
  text-shadow: 2px 2px #ebebeb;
  font-weight: bold !important;
  position: relative;
  cursor: pointer;
}
h3 a:after {
  content: "";
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.54);
  background: #212427;
  position: absolute;
  bottom: -10px;
  left: 0px;
}
h3.flow-by-category a {
  pointer-events: none;
}
h3.flow-by-category a:after {
  display: none;
}

.mat-sidenav-content {
  background: #fefefe !important;
  background: #efeeee !important;
  min-height: 89vh !important;
  padding: 2rem 3rem;
}
.mat-sidenav-content:empty {
  display: none;
}

.div1 {
  display: none !important;
}

/* noti-menu design starts here for desktop*/
.mat-menu-content:not(:empty) {
  padding: 0px !important;
}

.noti-menu {
  display: flex !important;
  max-width: 430px !important;
  width: 100%;
  padding: 0px 0px;
  overflow-y: scroll !important;
  max-height: 400px !important;
  background: #fff !important;
}
.noti-menu > div {
  display: flex;
  flex-wrap: wrap;
}
.noti-menu > div > span {
  width: 100%;
  border-bottom: 1px solid #ddd;
  min-height: 35px;
  margin-top: 6px;
  margin-bottom: 0px;
  padding: 10px 0px;
  align-items: center;
}
.noti-menu > div > span:hover {
  background: transparent !important;
}
.noti-menu bold {
  font-weight: bold;
  padding-right: 5px;
  display: contents;
}
.noti-menu img {
  margin-right: 10px;
  margin-top: 0px !important;
}
.noti-menu span {
  display: flex;
  word-break: break-word;
  height: auto !important;
  line-height: 20px;
  align-items: flex-start;
  font-family: "Raleway" !important;
}
.noti-menu span.text-wrap {
  flex: 1;
}
.noti-menu span img {
  margin-left: 10px;
}

@media screen and (max-width: 992px) {
  .fixed-header {
    padding: 0px 15px !important;
  }
  .fixed-header > div {
    flex: auto !important;
    display: contents;
  }
  .fixed-header .mat-icon-button {
    margin: 0px !important;
    margin-right: 0px !important;
  }
  .fixed-header a {
    flex: 1;
    text-align: center !important;
  }
  h3 a {
    font-size: 20px !important;
  }
  .mat-drawer-content {
    padding: 0px 15px;
    padding-bottom: 50px !important;
  }
  .owl-carousel .owl-nav {
    display: none;
  }
  /*footer ico design starts here - Hide all footers on mobile view */
  .div1 {
    display: none !important; /* Hide footer on mobile view */
  }
  .foot-ico {
    display: none !important; /* Hide footer on mobile view */
  }
  .chatbot-stickyfooter {
    display: none !important; /* Hide chatbot sticky footer on mobile view */
  }
  .upload-footer {
    display: none !important; /* Hide upload footer on mobile view */
  }
  .mobile-footer {
    display: none !important; /* Hide mobile footer on mobile view */
  }
  footer {
    display: none !important; /* Hide all footer elements on mobile view */
  }
  /* Mat-dialog action bars must not use <footer> — use .fc-ai-import-actions instead */
  .cdk-overlay-pane.flowchest-ai-import-dialog-pane .fc-ai-import-actions,
  .cdk-overlay-pane.flowchest-ai-import-dialog-pane .btn-primary,
  .cdk-overlay-pane.flowchest-ai-import-dialog-pane .btn-secondary {
    display: inline-flex !important;
    visibility: visible !important;
  }
  app-about-us footer,
  app-how-it-works footer,
  app-faq-support-page footer,
  app-faq footer,
  .legal-page footer,
  app-legal-center-layout footer {
    display: block !important;
    visibility: visible !important;
  }
  .noti-menu {
    position: absolute;
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  .fixed-header {
    padding: 0px 15px !important;
  }
  .fixed-header > div {
    flex: auto !important;
    display: contents;
  }
  .fixed-header .mat-icon-button {
    margin: 0px !important;
    margin-right: 0px !important;
  }
  .fixed-header a {
    flex: 1;
    text-align: center;
  }
  h3 a {
    font-size: 20px !important;
  }
}
/*sample home page style here*/
.user-pro .owl-carousel .owl-stage {
  display: flex;
}
.user-pro .owl-carousel .owl-item {
  border: 1px solid #dddddd;
  background: #fff;
  overflow: hidden;
  border-radius: 5px;
}
.user-pro .owl-carousel .owl-item .item p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 35px !important;
  white-space: normal;
  word-break: break-word;
  display: flex;
  align-items: flex-start;
  margin-top: 0px !important;
}
.user-pro .owl-carousel .owl-item .with-icon {
  width: 100%;
  font-family: "Raleway";
  display: flex;
  align-items: center;
}
.user-pro .owl-carousel .owl-item .with-icon > div {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.user-pro .owl-carousel .owl-item .with-icon img {
  object-fit: cover;
  height: 40px !important;
  border: 0px;
}
.user-pro .owl-carousel .owl-item img {
  width: 100% !important;
  height: 150px !important;
  border-radius: 0px !important;
  object-fit: cover;
  border: 1px solid #dddddd;
}
.user-pro .owl-carousel .owl-item:nth-child(6n) ~ :last-child {
  background: transparent;
  width: auto;
  height: auto;
  border: none;
}
.user-pro .owl-carousel .owl-item:nth-child(6n) ~ :last-child .item {
  width: auto !important;
  background: transparent;
  height: 100%;
  display: flex;
  align-items: center;
  justify-self: center;
}
.user-pro .owl-carousel .owl-item:nth-child(6n) ~ :last-child .item > div {
  width: 100%;
  height: 100%;
}
.user-pro .owl-carousel .owl-item:nth-child(6n) ~ :last-child .item .zoom {
  display: flex;
  flex-wrap: wrap;
  color: #000;
  padding: 5px 10px;
  align-items: center;
  justify-content: center;
  margin: 0px !important;
  background: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  height: 100%;
  transition: none !important;
  font-family: "Raleway";
}
.user-pro .owl-carousel .owl-item:nth-child(6n) ~ :last-child .item .zoom span:last-of-type {
  margin: 0px 0px 0px 5px !important;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 29px;
  line-height: 0px;
}
.user-pro .owl-carousel .owl-item:nth-child(6n) ~ :last-child .item .zoom:hover {
  transition: none;
  transform: none;
}
.user-pro .owl-carousel .owl-nav {
  position: absolute;
  margin-top: 0px;
  width: 100%;
  top: calc(50% - 35px);
  left: 50%;
  transform: translate(-50%, -50%);
}
.user-pro .owl-carousel .owl-nav button.owl-prev {
  left: -45px;
  position: absolute;
  background: #fafafa !important;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.user-pro .owl-carousel .owl-nav button.owl-prev span {
  font-size: 35px;
  line-height: 0px;
  display: flex;
  align-items: center;
  margin-top: -8px;
}
.user-pro .owl-carousel .owl-nav button.owl-prev:hover {
  color: rgba(0, 0, 0, 0.87);
}
.user-pro .owl-carousel .owl-nav button.owl-prev.disabled {
  display: none;
}
.user-pro .owl-carousel .owl-nav button.owl-next {
  right: -45px;
  position: absolute;
  background: #fafafa !important;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.user-pro .owl-carousel .owl-nav button.owl-next span {
  font-size: 35px;
  line-height: 0px;
  display: flex;
  align-items: center;
  margin-top: -8px;
}
.user-pro .owl-carousel .owl-nav button.owl-next:hover {
  color: rgba(0, 0, 0, 0.87);
}
.user-pro .row {
  justify-content: left;
}
.user-pro .ng-star-inserted:nth-child(6n+6) .item {
  margin-right: 0px;
}
.user-pro .item {
  overflow: hidden;
  background: #fff;
  border: 0px;
  position: relative;
  margin: 0px auto;
}
.user-pro .item > div {
  margin: 10px;
}
.user-pro .item .with-icon {
  width: 100%;
  font-family: "Raleway";
  display: flex;
  align-items: center;
}
.user-pro .item .with-icon > div {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.user-pro .item .with-icon > div img {
  margin-bottom: 0px !important;
}
.user-pro .item .with-icon > div + p {
  margin-top: 0px !important;
}
.user-pro .item .with-icon img {
  object-fit: cover;
  height: 40px !important;
  border: 0px;
}
.user-pro .item .with-icon p {
  align-items: center !important;
  margin-bottom: 0px !important;
}
.user-pro .item .zoom {
  margin: 5px;
  width: calc(100% - 10px);
  background-color: transparent;
}
.user-pro .item img {
  height: 150px;
  object-fit: cover;
  width: 100%;
  border: 1px solid #dddddd;
}

.noti-menu::-webkit-scrollbar {
  width: 4px;
  height: 100px;
}

.noti-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.noti-menu::-webkit-scrollbar-thumb {
  background-color: #5ea1d8;
  outline: 1px solid #5ea1d8;
}

/*user profile page tab design start here*/
.gridgroup-wrap .tablist {
  padding: 5px;
}
.gridgroup-wrap .mat-tab-labels {
  font-family: "Raleway";
  font-weight: 500;
  cursor: pointer;
  font-size: 17px;
  color: #5ea1d8;
  background: #5ea1d8;
  background: #fff;
  box-shadow: -2px 2px 7px rgba(200, 193, 193, 0.5);
}
.gridgroup-wrap .mat-tab-label-container {
  display: contents;
}
.gridgroup-wrap .mat-grid-tile .mat-figure {
  padding-right: 10px;
}
.gridgroup-wrap .mat-tab-label-active {
  color: #5ea1d8;
  position: relative;
}
.gridgroup-wrap .mat-tab-label-active:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #5ea1d8;
  position: absolute;
  bottom: -2px;
  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.gridgroup-wrap .mat-tab-label {
  background: #fff;
  opacity: 1;
}
.gridgroup-wrap span {
  font-family: "Raleway";
  font-weight: 600;
}
.gridgroup-wrap .mat-badge-content {
  background-color: #5ea1d8 !important;
}
.gridgroup-wrap .mat-tab-group.mat-primary .mat-ink-bar,
.gridgroup-wrap .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #5ea1d8;
}

/*followerd user profile added right*/
.addrgt {
  height: 54px !important;
}
.addrgt .mat-grid-tile:first-child {
  display: none;
}
.addrgt .mat-grid-tile {
  display: block;
  position: absolute;
  overflow: hidden;
  max-width: 100% !important;
  width: 100% !important;
  left: 0px !important;
  height: 54px !important;
}
.addrgt .textcolor {
  padding: 5px 10px;
  background: #fff;
  box-shadow: -2px 2px 7px rgba(200, 193, 193, 0.5);
  font-family: "Raleway";
  font-weight: 500;
  font-size: 13px !important;
  cursor: pointer;
  font-size: 17px;
  color: #000;
  color: #5ea1d8 !important;
  text-decoration: none !important;
  border: 1px solid #5ea1d8;
}
.addrgt .mat-figure div {
  display: flex !important;
  justify-content: space-between;
}
.addrgt .mat-figure div a {
  margin: 0px !important;
}

@media (max-width: 1024px) {
  .addrgt .mat-figure div {
    justify-content: left !important;
  }
}
/*user profile tab responsive*/
@media (max-width: 767px) {
  .gridgroup-wrap .mat-tab-labels {
    display: flex;
  }
  .gridgroup-wrap .mat-tab-labels > div {
    flex: 1;
    padding: 0px;
  }
}
@media (max-width: 992px) {
  .flowdraft-wrap .mat-mdc-tab-body-wrapper {
    padding: 0px 10px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 993px) {
  .owl-carousel .owl-nav button.owl-next {
    right: -45px;
  }
  .owl-carousel .owl-nav button.owl-prev {
    left: -45px;
  }
}
/*view profile page starts here*/
.viewflow-step .owl-carousel .owl-stage {
  width: 100% !important;
  display: block !important;
}
.viewflow-step .owl-carousel .owl-stage .owl-item {
  width: 100% !important;
  border: 0px;
  border-radius: 0px;
}
.viewflow-step .owl-carousel .owl-stage .owl-item .item {
  display: flex;
}
.viewflow-step .owl-carousel .owl-stage .owl-item .item p {
  font-family: "Raleway";
  margin: 0px;
  padding: 0px 20px;
}
.viewflow-step .owl-carousel .owl-stage .owl-item .item > div {
  flex: 1;
}
.viewflow-step .owl-carousel .owl-stage .owl-item .item > div img {
  height: auto !important;
  object-fit: cover;
  max-width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px auto;
  text-align: center;
  /* position: absolute; */
  left: 0px;
  right: 0px;
  border: 0px;
}
.viewflow-step .owl-carousel .owl-stage .owl-item .item > div:last-child {
  padding: 20px;
}
.viewflow-step .owl-carousel .owl-stage .owl-nav {
  position: absolute;
  margin-top: 0px;
  width: 100%;
  top: calc(50% - 35px);
  left: 50%;
  transform: translate(-50%, -50%);
}
.viewflow-step .owl-carousel .owl-stage .owl-nav button.owl-prev {
  left: -55px;
  position: absolute;
  background: #fafafa !important;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  display: block;
}
.viewflow-step .owl-carousel .owl-stage .owl-nav button.owl-prev span {
  font-size: 35px;
  line-height: 0px;
  display: flex;
  align-items: center;
  margin-top: -8px;
}
.viewflow-step .owl-carousel .owl-stage .owl-nav button.owl-prev:hover {
  color: rgba(0, 0, 0, 0.87);
}
.viewflow-step .owl-carousel .owl-stage .owl-nav button.owl-prev.disabled {
  display: block !important;
}
.viewflow-step .owl-carousel .owl-stage .owl-nav button.owl-next {
  right: -55px;
  position: absolute;
  background: #fafafa !important;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  display: block;
}
.viewflow-step .owl-carousel .owl-stage .owl-nav button.owl-next span {
  font-size: 35px;
  line-height: 0px;
  display: flex;
  align-items: center;
  margin-top: -8px;
}
.viewflow-step .owl-carousel .owl-stage .owl-nav button.owl-next:hover {
  color: rgba(0, 0, 0, 0.87);
}

/* ------------------------------------------------------------------ */
/* Global drag & drop preview styles (apply to CDK previews globally) */
/* These must live here because CDK renders previews outside components */
/* ------------------------------------------------------------------ */
/* Generic preview styling so the dragged card is clearly visible on white bg */
.cdk-drag-preview.step-item {
  /* Keep the card mostly visible but slightly transparent */
  opacity: 0.88;
  transform: scale(1.06);
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.96); /* light gray instead of pure white */
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  /* Strong outline + shadow to separate from white background */
  border: 3px solid #5ea1d8;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25), 0 0 0 6px rgba(94, 161, 216, 0.5), 0 18px 40px rgba(15, 23, 42, 0.45);
  /* Dark halo around the card */
  position: relative;
}

.cdk-drag-preview.step-item::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  right: -12px;
  bottom: -12px;
  border-radius: 16px;
  background: radial-gradient(circle, rgba(15, 23, 42, 0.3) 0%, transparent 65%);
  z-index: -1;
}

/* Make sure the media inside stays crisp and visible */
.cdk-drag-preview.step-item img,
.cdk-drag-preview.step-item video {
  opacity: 0.9;
  filter: contrast(1.05) brightness(0.97);
}

/* When the dragged card is the selected one, make it a bit stronger */
.cdk-drag-preview.step-item.selected {
  opacity: 0.92;
  transform: scale(1.08);
  border-width: 4px;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3), 0 0 0 7px rgba(94, 161, 216, 0.7), 0 22px 50px rgba(15, 23, 42, 0.55);
}

/* Placeholder in the list where the card was dragged from */
.cdk-drag-placeholder.step-item {
  opacity: 0.35;
  border-radius: 12px;
  border: 2px dashed #5ea1d8;
  background: rgba(148, 163, 184, 0.12);
}

/*search page my added*/
.categories {
  padding-bottom: 20px;
  padding: 0rem 3rem 20px;
}
.categories input {
  width: 100% !important;
  border: 0px;
  outline: 0px;
  font-family: "Raleway";
  font-weight: bold;
  font-size: 1.75rem;
  color: rgba(0, 0, 0, 0.54) !important;
  color: #212427 !important;
  /* firefox 19+ */
}
.categories input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.54) !important;
  color: #212427 !important;
}
.categories input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.54) !important;
  color: #212427 !important;
}
.categories input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.54) !important;
  color: #212427 !important;
}
.categories input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.54) !important;
  color: #212427 !important;
}
.categories .owl-carousel {
  display: flex;
}
.categories .owl-carousel .owl-stage {
  display: flex;
  justify-content: center;
}
.categories .owl-carousel .owl-stage .owl-item {
  border: 0px;
  width: 180px !important;
}
.categories .owl-carousel .owl-stage .owl-item button {
  width: 95%;
  outline: 0px;
  font-family: "Raleway";
  font-weight: 14px;
  font-weight: 400;
}
.categories .owl-nav button.owl-prev {
  left: -45px;
}
.categories .owl-nav button.owl-next {
  right: -45px;
}

@media (max-width: 767px) {
  .categories {
    padding: 0px 15px 20px;
  }
  .categories .user-pro .item {
    max-width: 48% !important;
    margin-right: 4%;
  }
}
@media only screen and (max-width: 993px) and (min-width: 320px) {
  .categories {
    padding: 0px 40px 20px;
  }
  .categories owl-carousel .owl-nav {
    display: block !important;
    top: -3px;
  }
  .categories owl-carousel .owl-nav button {
    width: 25px !important;
    height: 25px !important;
  }
  .categories owl-carousel .owl-nav button.owl-prev {
    left: -35px;
  }
  .categories owl-carousel .owl-nav button.owl-next {
    right: -35px;
  }
}
/*caver page*/
.main-div .mat-form-field-appearance-legacy .mat-form-field-underline {
  background: lightgray !important;
}
.main-div .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 12px 0px;
}

/*about us page*/
.about-parallax-page {
  font-family: "Raleway";
}
.about-parallax-page .mat-tab-label-active {
  color: #5ea1d8;
  position: relative;
}
.about-parallax-page .mat-tab-label-active:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #5ea1d8;
  position: absolute;
  bottom: -2px;
  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.about-parallax-page .mat-tab-label {
  background: #fff;
  opacity: 1;
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 600;
  flex: 1;
  color: rgba(0, 0, 0, 0.54);
  color: #212427;
}
.about-parallax-page .mat-tab-label-container {
  overflow-x: hidden !important;
}
.about-parallax-page .mat-form-field {
  width: 100%;
}
.about-parallax-page .btn {
  margin: 0px auto;
  display: block;
  font-family: "Raleway";
}
.about-parallax-page .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: lightgray;
}
.about-parallax-page .mat-checkbox-frame {
  border-color: #fff !important;
}
.about-parallax-page .mat-tab-body-content {
  overflow: hidden;
}
.about-parallax-page .mat-form-field-infix {
  border-bottom: 0px;
}
.about-parallax-page .mat-form-field-label {
  font-family: "Raleway";
  color: #fff !important;
}
.about-parallax-page .mat-checkbox-label {
  font-family: "Raleway";
}
.about-parallax-page .mat-form-field-underline {
  background-color: lightgrey;
}
.about-parallax-page .contact-form .checkbox-section .mat-checkbox.example-margin.mat-accent,
.about-parallax-page .contact-form .checkbox-section #mat-checkbox-1 {
  float: left;
  width: 100%;
}
.about-parallax-page .contact-form .checkbox-section .mat-checkbox.example-margin.mat-accent .mat-checkbox-label,
.about-parallax-page .contact-form .checkbox-section #mat-checkbox-1 .mat-checkbox-label {
  font-family: "Raleway";
  text-align: left;
  white-space: normal;
}
.about-parallax-page .cdk-drop-list.example-list.cdk-drop-list-dragging {
  background: red;
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background: #5ea1d8 !important;
}

@media (min-width: 992px) {
  .about-tab .mat-tab-header-pagination {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .about-tab .mat-tab-header-pagination {
    background-color: #fafafa !important;
    display: flex !important;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    width: 35px;
    height: 31px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
  }
  .about-tab .mat-tab-header-pagination-before {
    left: 6px;
    top: 9px;
  }
  .about-tab .mat-tab-header-pagination-after {
    right: 3px;
    top: 9px;
  }
}
@media (max-width: 767px) {
  .abttop {
    display: flex;
    flex-direction: column;
    background: #fff;
  }
  .abttop .profile {
    position: static;
  }
  .abttop .profile p {
    position: relative !important;
    right: 15px !important;
  }
  .about-tab .about-tab-section .mat-tab-label {
    flex: unset;
  }
}
/*  Followers page tab */
.followers .mat-tab-label-container {
  overflow: hidden !important;
}
.followers .mat-tab-labels {
  display: flex;
  justify-content: center;
}
.followers .mat-tab-label-active {
  color: #5ea1d8;
  position: relative;
}
.followers .mat-tab-label-active:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #5ea1d8;
  position: absolute;
  bottom: -2px;
  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.followers .mat-tab-label-active::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #5ea1d8;
}
.followers .mat-tab-label {
  background: #fff;
  opacity: 1;
  flex: 1;
}
.followers .mat-ink-bar {
  opacity: 0;
}

.followers .mat-tab-label .mat-tab-label-content {
  font-size: 16px;
  font-family: "Raleway";
}
.followers .mat-badge-medium.mat-badge-after .mat-badge-content {
  color: #fff !important;
}

/* End  Followers page tab */
/*create flow*/
.publish span {
  color: #fff !important;
}

/*items required*/
.itemrequ span {
  color: #fff !important;
}

.dialogueclose {
  position: relative;
  top: -46px;
  right: -33px;
  float: right !important;
  outline: none;
}

/*comment page*/
.mat-dialog-container::-webkit-scrollbar {
  width: 4px;
  height: 100px;
}
.mat-dialog-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.mat-dialog-container::-webkit-scrollbar-thumb {
  background-color: #5ea1d8;
  outline: 1px solid #5ea1d8;
}

.commentpage h6 {
  font-size: 17px !important;
  font-weight: 600 !important;
}
.commentpage input {
  outline: none !important;
}
.commentpage .item.ng-star-inserted {
  display: flex;
  align-items: center;
}
.commentpage .item.ng-star-inserted span {
  margin: 0px !important;
  color: rgba(0, 0, 0, 0.54) !important;
  color: #212427 !important;
}
.commentpage .item.ng-star-inserted span:first-child {
  flex: 1;
}
.commentpage .item.ng-star-inserted span:nth-child(2) {
  flex: 2;
}
.commentpage .item.ng-star-inserted span:last-child {
  flex: 2;
}
.commentpage .fixed-header p {
  font-size: 17px !important;
  font-weight: 600 !important;
}
.commentpage .fixed-header p::first-letter {
  text-transform: uppercase;
}
.commentpage .fixed-header + div::-webkit-scrollbar {
  width: 4px;
  height: 100px;
}
.commentpage .fixed-header + div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.commentpage .fixed-header + div::-webkit-scrollbar-thumb {
  background-color: #5ea1d8;
  outline: 1px solid #5ea1d8;
}
.commentpage .fixed-header + div button span {
  color: #5ea1d8 !important;
}
.commentpage .fixed-header + div .mat-card {
  box-shadow: none;
  border-bottom: 1px solid lightgrey;
  border-radius: 0px;
}
.commentpage .fixed-header + div .mat-card br {
  display: none;
}

.flowdraft-wrap {
  overflow-y: inherit !important;
}
.flowdraft-wrap .mat-mdc-tab-header {
  position: sticky;
  top: 0px;
  z-index: 10;
}

@media screen and (min-width: 992px) {
  .example-stepList.cdk-drop-list-dragging {
    padding: 15px;
    overflow: hidden !important;
    background: #fff !important;
    -webkit-tap-highlight-color: #fff !important;
  }
  .example-stepList.cdk-drop-list-dragging .btn-delate-edit {
    text-align: left;
    margin: 15px 0px;
    display: flex;
    justify-content: space-between;
  }
  .example-stepList.cdk-drop-list-dragging .btn-primary {
    background-color: #5ea1d8;
    margin-right: 10px;
    cursor: pointer;
    color: white;
    border: none;
  }
  .example-stepList.cdk-drop-list-dragging img {
    max-height: 300px !important;
    height: 100% !important;
    position: relative;
    overflow: hidden;
    min-height: 300px !important;
    display: block;
    align-items: center;
    margin: 0px auto;
  }
  .example-stepList.cdk-drop-list-dragging video {
    max-width: 100%;
    width: 90%;
    min-height: 250px;
    max-height: 250px;
    margin-top: 40px;
  }
  .example-stepList.cdk-drop-list-dragging .s-num {
    display: block;
    text-align: center;
  }
  /* this is for stick sub header */
  .row.userico {
    position: fixed !important;
    top: 80px !important;
    width: 27% !important;
    height: calc(100vh - 80px) !important;
    z-index: 10;
    position: fixed !important;
    top: 100px !important;
    width: 27% !important;
    height: calc(100vh - 0px) !important;
    z-index: 10;
    overflow: scroll !important;
  }
  .gridgroup-wrap {
    width: 100%;
    max-width: 100%;
    padding-left: 27%;
  }
  .mat-tab-header {
    position: fixed !important;
    top: 80px !important;
    width: 73.6%;
    right: 0;
    text-align: center;
  }
  .mat-tab-body-wrapper {
    padding-top: 80px;
  }
  .fix-head {
    position: fixed;
  }
  /* End  stick sub header */
}
@media screen and (max-width: 991px) {
  .example-stepList.cdk-drop-list-dragging {
    padding: 30px !important;
    overflow: hidden !important;
    background: #fff !important;
    -webkit-tap-highlight-color: #fff !important;
  }
  .example-stepList.cdk-drop-list-dragging .btn-delate-edit {
    text-align: left;
    margin: 15px 0px;
    display: flex;
    justify-content: space-between;
  }
  .example-stepList.cdk-drop-list-dragging .btn-primary {
    background-color: #5ea1d8;
    margin-right: 10px;
    cursor: pointer;
    color: white;
    border: none;
  }
  .example-stepList.cdk-drop-list-dragging img {
    max-height: 150px;
    height: 100%;
    position: relative;
    overflow: hidden;
    min-height: 150px;
    display: block;
    align-items: center;
    margin: 0px auto;
  }
  .example-stepList.cdk-drop-list-dragging video {
    width: 100% !important;
    margin-top: 0px;
    max-height: 100% !important;
  }
  .example-stepList.cdk-drop-list-dragging .img-and-video-sec {
    width: 100%;
  }
  .example-stepList.cdk-drop-list-dragging .s-num {
    display: block;
    text-align: center;
    margin-bottom: 5px;
  }
}
.createflow .spinner-global {
  position: relative !important;
  top: 0px !important;
}

.spinner-global {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0px auto;
  position: absolute;
  z-index: 100;
  left: 0px;
  right: 0px;
  top: 50vh;
}

#st-el-1 {
  display: none !important;
}

.dialoguebox {
  max-width: 600px !important;
  width: 90%;
  border-radius: 12px;
  background: #fff !important;
  padding: 0 !important;
  position: relative;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  text-align: center;
  border: none;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
  overflow: hidden;
  margin: 0 auto;
}
.dialoguebox button {
  outline: none !important;
}

.cdk-overlay-pane.creator-plan-confirm-pane {
  text-align: left !important;
}
.cdk-overlay-pane.creator-plan-confirm-pane .mat-mdc-dialog-container,
.cdk-overlay-pane.creator-plan-confirm-pane .mat-dialog-container,
.cdk-overlay-pane.creator-plan-confirm-pane .mat-mdc-dialog-surface,
.cdk-overlay-pane.creator-plan-confirm-pane .mdc-dialog__surface {
  text-align: left !important;
  padding: 0 !important;
  border-radius: 12px;
  overflow: hidden;
  background: #fff !important;
}

@media (max-width: 640px) {
  .cdk-overlay-pane.creator-plan-confirm-pane {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin: 8px !important;
  }
  .cdk-overlay-pane.creator-plan-confirm-pane .mat-mdc-dialog-container,
  .cdk-overlay-pane.creator-plan-confirm-pane .mat-dialog-container,
  .cdk-overlay-pane.creator-plan-confirm-pane .mat-mdc-dialog-surface,
  .cdk-overlay-pane.creator-plan-confirm-pane .mdc-dialog__surface {
    max-height: calc(100vh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    border-radius: 16px !important;
    overflow: auto !important;
  }
}
body.theme-dark .cdk-overlay-pane.creator-plan-confirm-pane .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-pane.creator-plan-confirm-pane .mat-dialog-container,
body.theme-dark .cdk-overlay-pane.creator-plan-confirm-pane .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-pane.creator-plan-confirm-pane .mdc-dialog__surface {
  background: #111827 !important;
  color: #e2e8f0 !important;
}

.cdk-overlay-pane.flowchest-ai-import-dialog-pane {
  text-align: left;
}
.cdk-overlay-pane.flowchest-ai-import-dialog-pane .mat-mdc-dialog-container,
.cdk-overlay-pane.flowchest-ai-import-dialog-pane .mat-mdc-dialog-surface,
.cdk-overlay-pane.flowchest-ai-import-dialog-pane .mdc-dialog__surface {
  max-height: 95vh !important;
  padding: 0 !important;
  text-align: left;
}
.cdk-overlay-pane.flowchest-ai-import-dialog-pane .upload-picker mat-icon,
.cdk-overlay-pane.flowchest-ai-import-dialog-pane .upload-picker .mat-icon {
  overflow: visible !important;
  flex-shrink: 0 !important;
}

/* Ensure Material Dialog overlays are non-transparent */
.cdk-overlay-pane {
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

.cdk-overlay-backdrop {
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

/* Specific styling for bundle warning dialogs */
.bundle-transfer-warning-dialog,
.confirm-bundle-removal-dialog {
  background: #fff !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

/* Additional Material Dialog transparency fixes */
.mat-mdc-dialog-container {
  background: #fff !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

.mat-mdc-dialog-surface {
  background: #fff !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

/* Ensure dialog content is fully opaque */
.mat-mdc-dialog-content {
  background: #fff !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

/* Fix for any remaining transparency issues */
.cdk-global-overlay-wrapper {
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

/* Non-transparent backdrop class */
.non-transparent-backdrop {
  background-color: rgba(0, 0, 0, 0.8) !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

/* Ensure all dialog elements are fully opaque */
.mat-mdc-dialog-container,
.mat-mdc-dialog-surface,
.mat-mdc-dialog-content,
.mat-mdc-dialog-actions {
  background: #fff !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

/* Additional fixes for dialog transparency */
.mat-mdc-dialog-panel {
  background: #fff !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

/* Ensure the dialog container itself is opaque */
.cdk-overlay-container .mat-mdc-dialog-container {
  background: #fff !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

/* Fix extra white spaces in Material Dialog containers */
.mat-mdc-dialog-container {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: auto !important;
}

.mat-mdc-dialog-surface {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.mat-mdc-dialog-panel {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: auto !important;
}

/* Scoped padding fix: add-consultation-calendar-dialog */
.cdk-overlay-pane.acc-dialog-panel .mat-mdc-dialog-surface,
.mat-mdc-dialog-panel.acc-dialog-panel .mat-mdc-dialog-surface {
  padding: 20px 24px !important;
  border-radius: 12px !important;
}

/* Remove default Material Dialog padding and margins */
.cdk-overlay-pane {
  padding: 0 !important;
  margin: 0 !important;
}

/* Ensure dialog content doesn't add extra spacing */
.mat-mdc-dialog-content {
  padding: 0 !important;
  margin: 0 !important;
  max-height: none !important;
}

/* Fix for any remaining overlay transparency */
.cdk-overlay-dark-backdrop {
  background-color: rgba(0, 0, 0, 0.48) !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

/* Additional fixes for all dialog types to remove white spaces */
.dialoguebox,
.bundle-dialog,
.confirmation-dialog,
.delete-bundle-dialog,
.bundle-transfer-warning-dialog,
.confirm-bundle-removal-dialog {
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
}

/* Ensure dialog overlays don't add extra spacing */
.cdk-overlay-container {
  padding: 0 !important;
  margin: 0 !important;
  /* Above .app-header and .sidebar-backdrop (1000) so mat-menu etc. aren't covered by page chrome */
  z-index: 1100 !important;
}

/* Fix for any remaining dialog spacing issues */
.mat-dialog-container,
.mat-dialog-surface,
.mat-dialog-panel {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: auto !important;
}

/* Comprehensive fix for all Material Dialog spacing issues */
.mat-mdc-dialog-container,
.mat-mdc-dialog-surface,
.mat-mdc-dialog-panel,
.mat-mdc-dialog-content,
.mat-mdc-dialog-actions,
.mat-mdc-dialog-title {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: auto !important;
}

/* Remove any default Material Design spacing */
.mdc-dialog__surface,
.mdc-dialog__container,
.mdc-dialog__content {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: auto !important;
}

/* Ensure dialog backdrop doesn't add spacing */
.cdk-overlay-backdrop {
  padding: 0 !important;
  margin: 0 !important;
}

/* Fix for any remaining overlay spacing */
.cdk-global-overlay-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}

/* Ensure Google Translate floating button never covers dialogs/modals */
body .mobile-translate-floating-btn {
  z-index: 900 !important; /* Below Angular Material dialog overlays (1000+) */
}

/* Hide floating translate button when any dialog is open */
body:has(.dialoguebox) .mobile-translate-floating-btn {
  display: none !important;
}

/* Desktop: hide the floating mobile translate button completely */
@media (min-width: 768px) {
  .mobile-translate-floating-btn,
  button.mobile-translate-floating-btn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }
}
/* Specific fixes for delete flow dialog */
.delete-flow-dialog {
  border-radius: 12px !important;
  overflow: hidden !important;
}
.delete-flow-dialog .dialog-header {
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}
.delete-flow-dialog .dialog-content {
  border-radius: 0 !important;
}
.delete-flow-dialog .dialog-actions {
  border-radius: 0 0 12px 12px !important;
}

/* Ensure Material Dialog container doesn't interfere with delete flow dialog */
/* Fix for delete flow dialog header background issues */
/* Force curved corners for delete flow dialog - comprehensive fix */
/* Ensure Material Dialog containers don't override delete flow dialog corners */
.cdk-overlay-pane:has(.delete-flow-dialog) .mat-mdc-dialog-container,
.cdk-overlay-pane:has(.delete-flow-dialog) .mat-mdc-dialog-surface,
.cdk-overlay-pane:has(.delete-flow-dialog) .mat-mdc-dialog-panel {
  border-radius: 12px !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* Global responsive rules for all dialogs/popups to prevent cropping */
.cdk-overlay-pane {
  max-width: 100vw !important;
}

.cdk-overlay-pane .mat-mdc-dialog-panel,
.cdk-overlay-pane .mat-mdc-dialog-surface {
  max-width: 100vw !important;
}

.cdk-overlay-pane .container {
  padding: 0 !important;
}

.cdk-overlay-pane .container .box {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
}

/* Apply same responsive sizing to all known dialog shells */
.cdk-overlay-pane .dialoguebox,
.cdk-overlay-pane .bundle-dialog,
.cdk-overlay-pane .confirmation-dialog,
.cdk-overlay-pane .delete-bundle-dialog,
.cdk-overlay-pane .bundle-transfer-warning-dialog,
.cdk-overlay-pane .confirm-bundle-removal-dialog {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto !important;
  border-radius: 12px !important;
}

.mat-mdc-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 480px) {
  .cdk-overlay-pane .container .box {
    max-width: 92vw;
    width: 92vw !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: 8px !important;
  }
  .cdk-overlay-pane .dialoguebox,
  .cdk-overlay-pane .bundle-dialog,
  .cdk-overlay-pane .confirmation-dialog,
  .cdk-overlay-pane .delete-bundle-dialog,
  .cdk-overlay-pane .bundle-transfer-warning-dialog,
  .cdk-overlay-pane .confirm-bundle-removal-dialog {
    max-width: 92vw;
    width: 92vw !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: 8px !important;
  }
  .mat-mdc-dialog-actions button,
  .mat-mdc-dialog-actions .mat-mdc-button-base {
    flex: 1 1 auto;
    min-width: 0;
  }
}
@media (min-width: 768px) {
  .cdk-overlay-pane .container .box {
    max-width: 420px;
  }
  .cdk-overlay-pane .dialoguebox,
  .cdk-overlay-pane .bundle-dialog,
  .cdk-overlay-pane .confirmation-dialog,
  .cdk-overlay-pane .delete-bundle-dialog,
  .cdk-overlay-pane .bundle-transfer-warning-dialog,
  .cdk-overlay-pane .confirm-bundle-removal-dialog {
    max-width: 420px;
  }
}
@media (min-width: 1024px) {
  .cdk-overlay-pane .container .box {
    max-width: 480px;
  }
  .cdk-overlay-pane .dialoguebox,
  .cdk-overlay-pane .bundle-dialog,
  .cdk-overlay-pane .confirmation-dialog,
  .cdk-overlay-pane .delete-bundle-dialog,
  .cdk-overlay-pane .bundle-transfer-warning-dialog,
  .cdk-overlay-pane .confirm-bundle-removal-dialog {
    max-width: 480px;
  }
}
/* Additional Material Dialog corner fixes for delete flow */
@media (max-width: 767px) {
  .sample-add .owl-carousel.owl-drag .owl-item {
    width: 27vw !important;
  }
}
/* ── CSS custom properties for dark-mode theming ─────────────────────────────
   CSS variables inherit through every Angular view-encapsulation boundary,
   guaranteeing that component-scoped backgrounds can respond to dark mode
   without needing ::ng-deep or :host-context hacks.
   ─────────────────────────────────────────────────────────────────────────── */
:root {
  --fc-bg: #ffffff; /* page / wrapper backgrounds              */
  --fc-bg2: #f8f9fa; /* slightly raised surfaces (cards, etc.)  */
  --fc-bg-head: #f0f2f5; /* table header rows                       */
  --fc-bg-hover: #f5f7fa; /* table row hover                         */
  --fc-fg: #212529; /* primary text                            */
  --fc-fg-muted: #6c757d; /* secondary / muted text                  */
  --fc-border: #e0e0e0; /* borders & dividers                      */
  --fc-skel: #e9ecef; /* skeleton loader base                    */
  --fc-skel-wave: #dee2e6; /* skeleton shimmer wave                   */
}

body.theme-dark {
  --fc-bg: #111827;
  --fc-bg2: #1f2937;
  --fc-bg-head: #0f172a;
  --fc-bg-hover: #1f2937;
  --fc-fg: #e5e7eb;
  --fc-fg-muted: #94a3b8;
  --fc-border: rgba(148, 163, 184, 0.25);
  --fc-skel: #1f2937;
  --fc-skel-wave: #374151;
}

/* Global skeleton shimmer keyframes — declared here so every route's
   dark-mode skeleton (card, tile, box, text, image, etc.) gets the same
   animated wave even when the route's own component doesn't define it. */
@keyframes fc-skeleton-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
/* Global dark theme overrides for full-screen consistency */
body.theme-dark {
  background-color: #0a0c10 !important;
  color: #ffffff !important;
}

/* Routes that hide the main app header use .page-header or .legal-pages-header — moon (dark_mode) = white */
body.theme-dark .page-header .theme-toggle-track.active .theme-toggle-thumb mat-icon,
body.theme-dark .legal-pages-header .theme-toggle-track.active .theme-toggle-thumb mat-icon {
  color: #ffffff !important;
}

body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) {
  background-color: #0a0c10 !important;
  color: #ffffff !important;
}

body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)),
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) h1,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) h2,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) h3,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) h4,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) h5,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) h6,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) p,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) span,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) label,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) li,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) td,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) th,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) a {
  color: #ffffff !important;
}

/* Marketing pages — container background follows page theme; inner page components handle their own backgrounds */
body.theme-dark .app-main-content:has(app-about-us),
body.theme-dark .app-main-content:has(app-how-it-works) {
  background-color: #0a0c10 !important;
  color: #ffffff !important;
}

body.theme-light .app-main-content:has(app-about-us),
body.theme-light .app-main-content:has(app-how-it-works) {
  background-color: #90c3e8 !important;
  color: #ffffff !important;
}

/* ─── FAQ Support Page – Light Mode ──────────────────────────────────────── */
body.theme-light app-faq-support-page .faq-support-page {
  background: #f8fafc !important;
  color: #0f172a !important;
}

/* Header */
body.theme-light app-faq-support-page .page-header {
  background: rgba(255, 255, 255, 0.97) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.09) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07) !important;
}

body.theme-light app-faq-support-page .page-header.scrolled {
  background: rgb(255, 255, 255) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
}

body.theme-light app-faq-support-page .page-header .menu-button {
  color: #1e293b !important;
}

body.theme-light app-faq-support-page .page-header .menu-button:hover {
  background-color: rgba(15, 23, 42, 0.07) !important;
}

body.theme-light app-faq-support-page .page-header .nav-link {
  color: rgba(15, 23, 42, 0.5) !important;
}

body.theme-light app-faq-support-page .page-header .nav-link:hover {
  color: #0f172a !important;
}

body.theme-light app-faq-support-page .page-header .btn-get-started {
  background: #0f172a !important;
  color: #ffffff !important;
}

body.theme-light app-faq-support-page .page-header .btn-get-started:hover {
  background: #1e293b !important;
}

/* Breadcrumb */
body.theme-light app-faq-support-page .breadcrumb a {
  color: #334155 !important;
}

body.theme-light app-faq-support-page .breadcrumb a:hover {
  color: #5ea1d8 !important;
}

body.theme-light app-faq-support-page .breadcrumb span:last-child {
  color: #0f172a !important;
}

/* Hero / FAQ header section */
body.theme-light app-faq-support-page .faq-header {
  background: linear-gradient(to bottom, #eef5fb, rgba(219, 234, 254, 0.35)) !important;
  border: 1px solid rgba(94, 161, 216, 0.2) !important;
}

body.theme-light app-faq-support-page .faq-title {
  color: #0f172a !important;
}

body.theme-light app-faq-support-page .faq-subtitle {
  color: #475569 !important;
}

/* Search */
body.theme-light app-faq-support-page .search-wrapper {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 8px 24px -6px rgba(15, 23, 42, 0.12) !important;
}

body.theme-light app-faq-support-page .search-icon-wrapper {
  color: #64748b !important;
}

body.theme-light app-faq-support-page .search-input {
  color: #0f172a !important;
}

body.theme-light app-faq-support-page .search-input::placeholder {
  color: #94a3b8 !important;
}

/* Category tabs */
body.theme-light app-faq-support-page .category-tabs {
  border-bottom: 1px solid #cbd5e1 !important;
}

body.theme-light app-faq-support-page .category-tab {
  color: #64748b !important;
}

body.theme-light app-faq-support-page .category-tab:hover {
  color: #1e293b !important;
}

body.theme-light app-faq-support-page .category-tab.active {
  color: #5ea1d8 !important;
  border-bottom-color: #5ea1d8 !important;
}

/* FAQ accordion */
body.theme-light app-faq-support-page .faq-item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

body.theme-light app-faq-support-page .faq-item:hover {
  border-color: rgba(94, 161, 216, 0.45) !important;
  box-shadow: 0 4px 12px rgba(94, 161, 216, 0.1) !important;
}

body.theme-light app-faq-support-page .faq-question-text {
  color: #0f172a !important;
}

body.theme-light app-faq-support-page .faq-item:not(.open) .faq-icon {
  color: #94a3b8 !important;
}

body.theme-light app-faq-support-page .faq-item:not(.open):hover .faq-icon {
  color: #5ea1d8 !important;
}

body.theme-light app-faq-support-page .faq-item.open .faq-icon {
  color: #5ea1d8 !important;
}

body.theme-light app-faq-support-page .faq-answer {
  color: #475569 !important;
  border-top: 1px solid #f1f5f9 !important;
}

body.theme-light app-faq-support-page .faq-answer p {
  color: #475569 !important;
}

/* Support CTA */
body.theme-light app-faq-support-page .support-cta {
  background: linear-gradient(to right, #5ea1d8, #3b8ec7) !important;
  box-shadow: 0 16px 32px -8px rgba(94, 161, 216, 0.35) !important;
}

body.theme-light app-faq-support-page .cta-heading {
  color: #ffffff !important;
}

body.theme-light app-faq-support-page .cta-text {
  color: rgba(219, 234, 254, 0.95) !important;
}

body.theme-light app-faq-support-page .cta-button {
  background: #ffffff !important;
  color: #5ea1d8 !important;
}

/* Resource cards */
body.theme-light app-faq-support-page .resource-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
}

body.theme-light app-faq-support-page .resource-card:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 4px 16px rgba(94, 161, 216, 0.12) !important;
}

body.theme-light app-faq-support-page .resource-icon {
  background: rgba(94, 161, 216, 0.12) !important;
}

body.theme-light app-faq-support-page .resource-title {
  color: #0f172a !important;
}

body.theme-light app-faq-support-page .resource-description {
  color: #64748b !important;
}

/* Footer */
body.theme-light app-faq-support-page .footer {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border-top: 1px solid #e2e8f0 !important;
}

body.theme-light app-faq-support-page .footer .cpyrgt,
body.theme-light app-faq-support-page .footer .cpyrgt li {
  color: #64748b !important;
}

body.theme-light app-faq-support-page .footer .cpyrgt li a,
body.theme-light app-faq-support-page .footer .f-menu-right li a {
  color: #64748b !important;
}

body.theme-light app-faq-support-page .footer .cpyrgt li a:hover,
body.theme-light app-faq-support-page .footer .f-menu-right li a:hover {
  color: #5ea1d8 !important;
}

body.theme-light app-faq-support-page .footer h6 {
  color: #64748b !important;
}

body.theme-light app-faq-support-page .footer p {
  color: #64748b !important;
}

body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-card,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-card,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .card,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-expansion-panel,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-menu-panel,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-dialog-container,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .table,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) table,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .user-card,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .video-card {
  background-color: #111827 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark .app-main-content:not(:has(app-faq-support-page)) input,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) textarea,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) select {
  background-color: #111827 !important;
  color: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark .app-main-content:not(:has(app-faq-support-page)) input::placeholder,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) textarea::placeholder {
  color: #cbd5e1 !important;
}

body.theme-dark .app-main-content:not(:has(app-faq-support-page)) input::-webkit-input-placeholder,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) textarea::-webkit-input-placeholder {
  color: #cbd5e1 !important;
}

body.theme-dark .app-main-content:not(:has(app-faq-support-page)) input::-moz-placeholder,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) textarea::-moz-placeholder {
  color: #cbd5e1 !important;
  opacity: 1;
}

body.theme-dark .app-main-content:not(:has(app-faq-support-page)) input:-ms-input-placeholder,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) textarea:-ms-input-placeholder {
  color: #cbd5e1 !important;
}

/* Header/sidebar overlay menus in dark mode (Angular CDK overlays) */
body.theme-dark .cdk-overlay-container .mat-mdc-menu-panel,
body.theme-dark .cdk-overlay-container .mat-menu-panel {
  background-color: #0f172a !important;
  border: 1px solid rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark .cdk-overlay-container .mat-mdc-menu-item,
body.theme-dark .cdk-overlay-container .mat-menu-item,
body.theme-dark .cdk-overlay-container .mat-mdc-menu-item .mdc-list-item__primary-text,
body.theme-dark .cdk-overlay-container .mat-menu-item .mat-icon,
body.theme-dark .cdk-overlay-container .mat-mdc-menu-item .mat-icon {
  color: #ffffff !important;
}

body.theme-dark .cdk-overlay-container .mat-mdc-menu-item:hover,
body.theme-dark .cdk-overlay-container .mat-menu-item:hover {
  background-color: rgba(148, 163, 184, 0.15) !important;
}

/* mat-select dropdown overlay panels in dark mode */
body.theme-dark .cdk-overlay-container .mat-mdc-select-panel,
body.theme-dark .cdk-overlay-container .mat-select-panel {
  background-color: #0f172a !important;
  border: 1px solid rgba(148, 163, 184, 0.25) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

body.theme-dark .cdk-overlay-container .mat-mdc-option,
body.theme-dark .cdk-overlay-container .mat-option {
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .mat-mdc-option .mdc-list-item__primary-text,
body.theme-dark .cdk-overlay-container .mat-mdc-option .mat-mdc-option-pseudo-checkbox,
body.theme-dark .cdk-overlay-container .mat-option-text {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .mat-mdc-option:hover:not(.mdc-list-item--disabled),
body.theme-dark .cdk-overlay-container .mat-option:hover:not(.mat-option-disabled) {
  background-color: rgba(148, 163, 184, 0.12) !important;
}

body.theme-dark .cdk-overlay-container .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled),
body.theme-dark .cdk-overlay-container .mat-option.mat-selected:not(.mat-option-disabled) {
  background-color: rgba(94, 161, 216, 0.18) !important;
  color: #93c5fd !important;
}

body.theme-dark .cdk-overlay-container .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text,
body.theme-dark .cdk-overlay-container .mat-option.mat-selected .mat-option-text {
  color: #93c5fd !important;
}

/* mat-select option group labels */
body.theme-dark .cdk-overlay-container .mat-mdc-optgroup-label,
body.theme-dark .cdk-overlay-container .mat-optgroup-label {
  background-color: #0f172a !important;
  color: #64748b !important;
}

/* mat-autocomplete overlay panels in dark mode */
body.theme-dark .cdk-overlay-container .mat-mdc-autocomplete-panel,
body.theme-dark .cdk-overlay-container .mat-autocomplete-panel {
  background-color: #0f172a !important;
  border: 1px solid rgba(148, 163, 184, 0.25) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

/* csw-mat-select-panel (consultation settings) */
body.theme-dark .cdk-overlay-container .csw-mat-select-panel {
  background-color: #0f172a !important;
  border: 1px solid rgba(148, 163, 184, 0.25) !important;
}

/* Force app chrome dark mode (header + left sidebar) */
body.theme-dark .app-header {
  background-color: #0a0c10 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark .app-header .menu-button,
body.theme-dark .app-header .header-icon,
body.theme-dark .app-header .profile-button,
body.theme-dark .app-header .app-search-input,
body.theme-dark .app-header .search-button,
body.theme-dark .app-header .search-icon-button,
body.theme-dark .app-header .cancel-icon-button,
body.theme-dark .app-header mat-icon {
  color: #ffffff !important;
}

body.theme-dark .app-header .search-box {
  background-color: #111827 !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
}

@media (max-width: 768px) {
  body.theme-dark .app-header .search-box {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
}
body.theme-dark .app-header .app-search-input::placeholder {
  color: #cbd5e1 !important;
}

/* Keep entered search text visible in dark mode across browsers/autofill states */
body.theme-dark .app-header .app-search-input {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc !important;
}

/* Mobile dark mode: remove white input background so text is visible */
@media (max-width: 768px) {
  body.theme-dark .app-header .mobile-search-box-in-header .mobile-search-field .app-search-input {
    background: transparent !important;
    background-color: transparent !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    caret-color: #f8fafc !important;
    opacity: 1 !important;
    border-color: rgba(148, 163, 184, 0.45) !important;
  }
  body.theme-dark .app-header .mobile-search-box-in-header .mobile-search-field .app-search-input::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
    opacity: 1 !important;
  }
}
body.theme-dark .app-header .app-search-input::placeholder {
  -webkit-text-fill-color: #cbd5e1 !important;
  opacity: 1;
}

body.theme-dark .app-header .app-search-input:-webkit-autofill,
body.theme-dark .app-header .app-search-input:-webkit-autofill:hover,
body.theme-dark .app-header .app-search-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc !important;
  box-shadow: 0 0 0px 1000px #111827 inset !important;
}

body.theme-dark .app-sidebar {
  background-color: #0f172a !important;
  border-right: 1px solid rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark .app-sidebar .sidebar-section-header h3,
body.theme-dark .app-sidebar .sidebar-item,
body.theme-dark .app-sidebar .sidebar-item mat-icon,
body.theme-dark .app-sidebar .sidebar-item span {
  color: #ffffff !important;
}

body.theme-dark .app-sidebar .sidebar-item:hover,
body.theme-dark .app-sidebar .sidebar-item.active {
  background-color: rgba(148, 163, 184, 0.16) !important;
}

/* Global page-level dark mode coverage for all routed pages */
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) > *,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) section,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) article,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .container,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .container-fluid,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .main-container,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .content,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .page-content,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .panel,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .box,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .wrapper {
  background-color: #0a0c10 !important;
  color: #ffffff !important;
}

body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-card,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-card,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-expansion-panel,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-stepper-horizontal,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-stepper-vertical,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-tab-group,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-tab-header,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-paginator,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-elevation-z8,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .card,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .table-responsive {
  background-color: #111827 !important;
  color: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-tab-label,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-tab-link,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-tab .mdc-tab__text-label,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mdc-data-table__cell,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mdc-data-table__header-cell,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-header-cell,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-cell,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-paginator,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-select-value,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-select-arrow,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-form-field-icon-suffix,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-form-field-icon-prefix,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-icon {
  color: #ffffff !important;
}

/* Safety step icon on viewflow step title — plain span avoids mat-icon/MDC overrides */
app-viewflow span.safety-step-icon {
  color: #d32f2f !important;
  font-family: "Material Icons";
  font-size: 22px !important;
  line-height: 22px;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: default;
  vertical-align: middle;
  -webkit-user-select: none;
          user-select: none;
}

/* Dark mode: must beat the component-scoped .view-flow span { color: #fff !important } rule */
body.theme-dark app-viewflow span.safety-step-icon {
  color: #ef9a9a !important;
}

body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .mat-mdc-form-field-focus-overlay,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .mdc-text-field--filled:not(.mdc-text-field--disabled),
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .mdc-text-field--outlined:not(.mdc-text-field--disabled),
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .mat-mdc-select-panel,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .mat-datepicker-content,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .mat-calendar {
  background-color: #111827 !important;
  color: #ffffff !important;
}

body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-button,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-raised-button,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .mat-mdc-outlined-button,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) button:not(.sidebar-item):not(.menu-button):not(.header-icon):not(.profile-button) {
  color: #ffffff !important;
}

body.theme-dark .app-main-content:not(:has(app-faq-support-page)) hr,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .border,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .divider,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .mat-divider {
  border-color: rgba(148, 163, 184, 0.25) !important;
}

/* -------------------------------------------------------------------------
   Dark theme: all MatDialog / modal overlays (view flow, view bundle, etc.)
   Overlays are attached to cdk-overlay-container, NOT .app-main-content — they
   need their own rules. Global .dialoguebox and .mat-mdc-dialog-surface set
   background #fff with !important above; this block must out-rank that.
   ------------------------------------------------------------------------- */
body.theme-dark .cdk-overlay-container {
  /* Viewflow/view-bundle popup fallback: neutralize hardcoded white blocks in dialog internals. */
  /* Hard fallback for legacy dialog templates with inline black text styles. */
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-container .mat-dialog-container,
body.theme-dark .cdk-overlay-container .mdc-dialog__container,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-container .mdc-dialog__surface,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-panel,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-content,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-title,
body.theme-dark .cdk-overlay-container .mdc-dialog__content {
  background-color: #111827 !important;
  color: #f1f5f9 !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.media-dialog,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.confirmation-dialog,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.delete-bundle-dialog,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.access-request-dialog,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.access-request-pane,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.media-dialog-pane,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container.dialoguebox,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container.confirmation-dialog,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container.delete-bundle-dialog,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container.media-dialog,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container.media-dialog-pane,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container.access-request-dialog,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container.access-request-pane,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container.bundle-transfer-warning-dialog,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container.confirm-bundle-removal-dialog,
body.theme-dark .cdk-overlay-container .mat-dialog-container.dialoguebox,
body.theme-dark .cdk-overlay-container .dialoguebox,
body.theme-dark .cdk-overlay-container .confirmation-dialog,
body.theme-dark .cdk-overlay-container .delete-bundle-dialog,
body.theme-dark .cdk-overlay-container .media-dialog,
body.theme-dark .cdk-overlay-container .media-dialog-pane,
body.theme-dark .cdk-overlay-container .access-request-dialog,
body.theme-dark .cdk-overlay-container .access-request-pane,
body.theme-dark .cdk-overlay-container .bundle-transfer-warning-dialog,
body.theme-dark .cdk-overlay-container .confirm-bundle-removal-dialog,
body.theme-dark .cdk-overlay-container .bundle-dialog {
  background-color: #111827 !important;
  color: #f1f5f9 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-container .mdc-dialog__surface {
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-actions {
  background-color: #0f172a !important;
  border-top: 1px solid rgba(148, 163, 184, 0.22) !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container p,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container h1,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container h2,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container h3,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container h4,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container h5,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container h6,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container li,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container [mat-dialog-title],
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container [mat-dialog-content] {
  color: #f1f5f9 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container a:not(.mdc-button):not([class*=mat-mdc-raised]):not([class*=mat-mdc-unelevated]):not([class*=mat-mdc-outlined]):not([class*=mat-mdc-button]) {
  color: #93c5fd !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container mat-icon,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-icon,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container [class^=mat-icon-] {
  color: #e2e8f0 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .text-muted,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .secondary-text,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container small,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container [class*=-subtle],
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container [class*=-meta] {
  color: #94a3b8 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-dialog-content > span:not(.mdc-button__label):not(.cdk-visually-hidden),
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-dialog-content p span:not(.mdc-button__label),
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container label:not(.mdc-label) {
  color: #e2e8f0 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-radio-button .mdc-label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-radio-label-content,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container mat-radio-button label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container mat-radio-group label {
  color: #e2e8f0 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-form-field {
  --mdc-filled-text-field-container-color: #1f2937;
  --mdc-outlined-text-field-container-color: transparent;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-text-field--filled,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-form-field-focus-overlay,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-text-field--outlined,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-form-field {
  --mat-form-field-filled-container-color: #1f2937;
  --mdc-outlined-text-field-container-color: #1f2937;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-input-element,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-text-field__input,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=image]),
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container textarea,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container select {
  color: #f8fafc !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-text-field--filled,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-text-field--outlined,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-text-field--filled .mat-mdc-form-field-infix,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-text-field--outlined .mat-mdc-form-field-infix {
  background-color: #1f2937 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-notched-outline__leading,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-notched-outline__trailing,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-notched-outline__notch {
  border-color: rgba(148, 163, 184, 0.45) !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-floating-label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-floating-label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-form-field .mdc-floating-label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-form-field .mat-mdc-floating-label {
  color: #cbd5e1 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-form-field .mat-mdc-floating-label--float-above {
  color: #e2e8f0 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-form-field-hint,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-form-field-hint,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-hint,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container [class*=form-field-hint] {
  color: #94a3b8 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-line-ripple::before,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-line-ripple::after,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-form-field-ripple,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-line-ripple::before,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-line-ripple::after,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-line-ripple {
  background-color: rgba(148, 163, 184, 0.4) !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-button.mat-primary .mdc-button__label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-button.mat-primary .mat-mdc-button-touch-target, body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-button.mat-primary,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-unelevated-button.mat-primary .mdc-button__label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-unelevated-button.mat-primary .mat-mdc-button-touch-target,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-unelevated-button.mat-primary,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-raised-button.mat-primary .mdc-button__label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-raised-button.mat-primary .mat-mdc-button-touch-target,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-raised-button.mat-primary,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-unelevated-button .mdc-button__label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-unelevated-button .mat-mdc-button-touch-target,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-unelevated-button,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-raised-button .mdc-button__label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-raised-button .mat-mdc-button-touch-target,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-raised-button {
  color: #ffffff !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-outlined-button:not([disabled]) .mdc-button__label, body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-outlined-button:not([disabled]),
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-stroked-button .mdc-button__label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-stroked-button,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-button--outlined .mdc-button__label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-button--outlined {
  color: #e2e8f0 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-dialog-actions .mat-mdc-stroked-button .mdc-button__label,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-dialog-actions .mat-mdc-outlined-button .mdc-button__label {
  color: #e2e8f0 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-outlined-button.mat-mdc-outlined-button:not([class*=mat-primary]):not([class*=mat-accent]):not([class*=mat-warn]) {
  --mdc-outlined-button-label-text-color: #e2e8f0;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-divider,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-divider,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container [mat-dialog-actions] {
  border-color: rgba(148, 163, 184, 0.3) !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container [mat-dialog-actions] {
  background: #0f172a !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-paginator,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-table,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-data-table {
  background: #111827 !important;
  color: #e2e8f0 !important;
}
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-data-table__cell,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mdc-data-table__header-cell,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-cell,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-header-cell {
  color: #e2e8f0 !important;
  border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color: #fff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color:#fff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color: rgb(255, 255, 255)"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color:rgb(255,255,255)"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background: #fff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background:#fff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background: rgb(255, 255, 255)"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background:rgb(255,255,255)"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color: #ffffff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color:#ffffff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background: #ffffff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background:#ffffff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color: white"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color:white"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background: white"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background:white"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .bg-white,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .background-white {
  background: #111827 !important;
  color: #f1f5f9 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color: #fff"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color:#fff"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color: rgb(255, 255, 255)"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color:rgb(255,255,255)"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background: #fff"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background:#fff"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background: rgb(255, 255, 255)"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background:rgb(255,255,255)"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color: #ffffff"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color:#ffffff"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background: #ffffff"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background:#ffffff"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color: white"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color:white"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background: white"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background:white"] *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .bg-white *,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .background-white * {
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox [style*="color: black"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox [style*="color:black"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox [style*="color: #000"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox [style*="color:#000"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox [style*="color: #212427"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox [style*="color:#212427"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox [style*="color: rgb(0, 0, 0)"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox [style*="color:rgb(0,0,0)"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox p,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox span,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox label,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox h1,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox h2,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox h3,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox h4,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox h5,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox h6,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox mat-label,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox mat-icon,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .mat-icon {
  color: #e2e8f0 !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .mat-mdc-form-field,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .mat-mdc-form-field .mdc-text-field,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox input,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox textarea,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox select,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .form-control,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .form-select {
  background-color: #1f2937 !important;
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.45) !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .mat-mdc-card,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .mat-card,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .card,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .table,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox table,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .modal-body,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .dialog-body,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .content,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .panel,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .section {
  background: #0f172a !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  background: rgba(2, 6, 23, 0.78) !important;
}

/* =========================================================
   Comment dialog dark mode — view flow & bundle
   Targets: body.theme-dark + panelClass "dialoguebox"
   Two dark surfaces: #111827 (main) · #1f2937 (nested)
   ========================================================= */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox {
  /* ── Dialog shell & CDK surface ── */
  /* ── Comment component boxes ── */
  /* box-wrap sits above the cover image — keep it transparent so the image shows */
  /* Pseudo-element "curtain" painted white in light mode */
  /* ── Dialog header ── */
  /* ── Scrollable comments wrapper ── */
  /* ── Parent comment box ── */
  /* ── mat-card (parent comment cards) ── */
  /* ── Child reply cards (slightly lighter surface) ── */
  /* ── Text & icons ── */
  /* Avatar fallback icon */
  /* ── Action buttons ── */
  /* ── Comment input & reply input ── */
  /* ── Footer border (inline style="border-top: 1px solid #ddd") ── */
  /* ── Community guidelines helper text ── */
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .mdc-dialog__surface {
  --mdc-dialog-container-color: #111827 !important;
  background: #111827 !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .box.comment-dialog,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .container,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .dialog-content,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .des-box {
  background: #111827 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .box-wrap {
  background: transparent !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .des-box::after {
  background: #111827 !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .dialog-header {
  background: transparent !important;
  border-bottom-color: rgba(148, 163, 184, 0.25) !important;
  color: #e2e8f0 !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .dialog-content > div {
  background: transparent !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .parent-comment-box {
  background: #1f2937 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox mat-card,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .mat-mdc-card,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .mdc-card,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .example-card {
  background: #111827 !important;
  --mdc-elevated-card-container-color: #111827 !important;
  --mdc-outlined-card-container-color: #111827 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: none !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox mat-card-content,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .mat-mdc-card-content {
  background: transparent !important;
  color: #e2e8f0 !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox mat-card.child-comment,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .mat-mdc-card.child-comment,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .example-card.child-comment {
  background: #1f2937 !important;
  --mdc-elevated-card-container-color: #1f2937 !important;
  margin-left: 40px;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox p,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox h2,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox h5,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox span,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox label,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .popuptitle,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .with-icon,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .parent-comment p,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .parent-comment-box p {
  color: #e2e8f0 !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .with-icon .material-icons {
  color: #cbd5e1 !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .close-button,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .close-button mat-icon {
  color: #94a3b8 !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .comment-owner-action-btn,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .comment-owner-action-btn mat-icon {
  color: #cbd5e1 !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .comment-owner-action-btn.comment-like-btn mat-icon {
  color: #ff4d4d !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .comment-like-count {
  color: #e2e8f0 !important;
  background: transparent !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox input,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox input.form-control,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox form input {
  background: #1f2937 !important;
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.4) !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox input::placeholder,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox input.form-control::placeholder,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox form input::placeholder {
  color: #64748b !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox div[style*=border-top] {
  border-top-color: rgba(148, 163, 184, 0.25) !important;
  background: transparent !important;
}
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox .comment-guidelines-helper {
  color: #fca5a5 !important;
}

/* =========================================================
   Restricted Access & Enhanced Restricted Access dialogs
   dark mode — panelClass "dialoguebox"
   ========================================================= */
body.theme-dark .cdk-overlay-pane.dialoguebox .responsive-popup-box,
body.theme-dark .cdk-overlay-pane.dialoguebox .responsive-popup-header,
body.theme-dark .cdk-overlay-pane.dialoguebox .responsive-popup-content,
body.theme-dark .cdk-overlay-pane.dialoguebox .responsive-popup-des-box,
body.theme-dark .cdk-overlay-pane.dialoguebox .responsive-popup-box-wrap {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

/* Pseudo-element white curtain overrides */
body.theme-dark .cdk-overlay-pane.dialoguebox .responsive-popup-des-box::after,
body.theme-dark .cdk-overlay-pane.dialoguebox .responsive-popup-des-box::before {
  background: #111827 !important;
}

/* Header border */
body.theme-dark .cdk-overlay-pane.dialoguebox .responsive-popup-header {
  border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}

/* Footer / actions bar */
body.theme-dark .cdk-overlay-pane.dialoguebox .responsive-popup-actions {
  background: #1f2937 !important;
  border-top-color: rgba(148, 163, 184, 0.2) !important;
}

/* Selection option rows (Access Type radio buttons) */
body.theme-dark .cdk-overlay-pane.dialoguebox .selection-option {
  background: #1a2332 !important;
  color: #e2e8f0 !important;
  border-left-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .selection-option:hover,
body.theme-dark .cdk-overlay-pane.dialoguebox .selection-option.mat-radio-checked {
  background: #253347 !important;
  color: #e2e8f0 !important;
}

/* Option text inside selection rows */
body.theme-dark .cdk-overlay-pane.dialoguebox .selection-menu h3,
body.theme-dark .cdk-overlay-pane.dialoguebox .option-text strong {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .option-text p {
  color: #94a3b8 !important;
}

/* Search input */
body.theme-dark .cdk-overlay-pane.dialoguebox .search-input-wrapper .search-input {
  background: #1f2937 !important;
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .search-input-wrapper .search-input::placeholder {
  color: #64748b !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .search-input-wrapper .search-icon {
  color: #94a3b8 !important;
}

/* Pagination badge */
body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .pagination-info {
  background: #1f2937 !important;
  color: #94a3b8 !important;
}

/* Selected users chip container — both inside .selection-menu and .users-section */
body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users {
  background: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users h4 {
  color: #e2e8f0 !important;
}

/* Chips — dark surface so text is readable (pale-blue bg + white text = invisible in dark mode) */
body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users mat-chip-option,
body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users .mat-mdc-chip,
body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users .mdc-evolution-chip,
body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users .mat-mdc-chip-row,
body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users .mat-mdc-chip-option {
  background: #1e3a5f !important;
  background-color: #1e3a5f !important;
  color: #e2e8f0 !important;
}

/* Chip text label rendered as a span by Material */
body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users .mdc-evolution-chip__text-label,
body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users .mat-mdc-chip-action-label {
  color: #e2e8f0 !important;
}

/* Chip surface (MDC inner element) */
body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users .mdc-evolution-chip__cell,
body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users .mdc-evolution-chip__action {
  color: #e2e8f0 !important;
}

/* Chip remove (×) button */
body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users .mat-mdc-chip-remove mat-icon,
body.theme-dark .cdk-overlay-pane.dialoguebox .selected-users .mat-mdc-chip-remove .mat-icon {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

/* User list items — normal state */
body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .user-name {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .user-email,
body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .searching-users,
body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .no-users {
  color: #94a3b8 !important;
}

/* User list hover — dark bg + keep text readable.
   Without this, light-mode #f8f9fa hover bg + near-white dark-mode text = invisible. */
body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .user-option:hover,
body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .users-list .user-option:hover {
  background-color: #253347 !important;
  background: #253347 !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .user-option:hover .user-name,
body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .users-list .user-option:hover .user-name {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .user-option:hover .user-email,
body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .users-list .user-option:hover .user-email {
  color: #94a3b8 !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .user-option:hover mat-icon,
body.theme-dark .cdk-overlay-pane.dialoguebox .users-section .users-list .user-option:hover mat-icon {
  color: #e2e8f0 !important;
}

/* Pagination buttons */
body.theme-dark .cdk-overlay-pane.dialoguebox .page-btn {
  background: #1f2937 !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .page-btn:hover:not(:disabled) {
  background: #2d3748 !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .page-btn.active {
  background: #5ea1d8 !important;
  color: #ffffff !important;
  border-color: #5ea1d8 !important;
}

/* Info / notice box */
body.theme-dark .cdk-overlay-pane.dialoguebox .create-flow-notice {
  background: #1a2c3d !important;
  border-color: rgba(94, 161, 216, 0.4) !important;
  color: #7ec8f0 !important;
}

/* Action buttons border */
body.theme-dark .cdk-overlay-pane.dialoguebox .action-buttons {
  border-top-color: rgba(148, 163, 184, 0.2) !important;
}

/* Close button */
body.theme-dark .cdk-overlay-pane.dialoguebox .responsive-popup-close {
  color: #94a3b8 !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .responsive-popup-close:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Also cover old restricted-access component .des-box::before */
body.theme-dark .cdk-overlay-pane.dialoguebox .des-box::before {
  background: #111827 !important;
}

/* Strong fallback: override page-level hardcoded white styles inside routed views */
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) {
  background: #0a0c10 !important;
}

body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) *:not(img):not(video):not(canvas):not(svg):not(path):not(iframe) {
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) *[style*="background-color: #ffffff"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) *[style*="background-color:#ffffff"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) *[style*="background: #ffffff"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) *[style*="background:#ffffff"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) *[style*="background-color: white"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) *[style*="background-color:white"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) *[style*="background: white"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) *[style*="background:white"] {
  background: #111827 !important;
  color: #ffffff !important;
}

/* If any panel remains white/light, force readable dark text inside it */
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background-color: #fff"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background-color:#fff"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background: #fff"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background:#fff"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background-color: #ffffff"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background-color:#ffffff"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background: #ffffff"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background:#ffffff"],
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .bg-white,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .background-white {
  color: #111827 !important;
}

body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background-color: #fff"] *,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background-color:#fff"] *,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background: #fff"] *,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background:#fff"] *,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background-color: #ffffff"] *,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background-color:#ffffff"] *,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background: #ffffff"] *,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) [style*="background:#ffffff"] *,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .bg-white *,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .background-white * {
  color: #111827 !important;
}

body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .main-container,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .page-header,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .content-header,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .content-body,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .left-panel,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .right-panel,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .profile-container,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .view-profile-container,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .create-flow-container,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .createbundle-container,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .blog-container,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .bundle-container,
body.theme-dark .app-main-content:not(:has(app-about-us)):not(:has(app-how-it-works)):not(:has(app-faq-support-page)) .flow-container {
  background: #0f172a !important;
  color: #ffffff !important;
}

body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .form-control,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .form-select,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .form-check-input,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .mat-mdc-input-element,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .mat-input-element {
  background-color: #111827 !important;
  color: #ffffff !important;
}

body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .text-muted,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) .secondary-text,
body.theme-dark .app-main-content:not(:has(app-faq-support-page)) small {
  color: #cbd5e1 !important;
}

@media (max-width: 460px) {
  .sample-add .owl-carousel.owl-drag .owl-item {
    width: 42vw !important;
    margin-right: 10px !important;
  }
}
/* Dark mode css starts from here*/
* .darkmode {
  filter: invert(1) !important;
  color: #4e3535 !important;
}
* .darkmode .dialoguebox {
  filter: none !important;
  background: #000;
  position: absolute;
  top: 50%;
  z-index: 1000;
}
* .darkmode mat-icon {
  color: #fff !important;
  filter: invert(1) !important;
}
* .darkmode .fixed-header .mat-icon {
  filter: invert(1) !important;
  color: #4e3535 !important;
}
* .darkmode mat-sidenav-content {
  filter: invert(1) !important;
  color: #4e3535 !important;
}
* .darkmode > * {
  filter: invert(1) !important;
  color: #4e3535 !important;
}
* .darkmode .mat-drawer-container {
  filter: invert(1) !important;
  color: #4e3535 !important;
}
* .darkmode .mat-drawer-container img {
  filter: invert(1) !important;
}
* .darkmode .fixed-header {
  background: #000 !important;
  filter: invert(1) !important;
  color: #4e3535 !important;
}
* .darkmode > div {
  filter: invert(1) !important;
  color: #4e3535 !important;
}
* .darkmode h1,
* .darkmode h2,
* .darkmode h3,
* .darkmode h4,
* .darkmode h5,
* .darkmode p,
* .darkmode a {
  color: #fff !important;
  color: #4e3535 !important;
}
* .darkmode video {
  filter: invert(1) !important;
}
* .darkmode .noti-menu,
* .darkmode .mat-menu-panel {
  filter: invert(1) !important;
}
* .darkmode .step-sec .img-wrap img {
  filter: invert(1);
}
* .darkmode .cate-wrapper figure {
  filter: invert(1) !important;
}
* .darkmode .main-div img,
* .darkmode .item-table img,
* .darkmode .partOfBundle img,
* .darkmode .c-flow .inner-box .img-section-1 img.img-display {
  filter: invert(1) !important;
}
* .darkmode .ico-details .profilepic .profinner > div:last-child span .mat-icon {
  filter: invert(0) !important;
}
* .darkmode .ico-details .profilepic img {
  filter: invert(1) !important;
}
* .darkmode .colorRed mat-icon {
  color: red !important;
}
* .darkmode .mat-dialog-container {
  filter: invert(1);
}
* .darkmode .mat-dialog-container a img {
  filter: invert(1) !important;
}
* .darkmode .about-parallax-page section .img-div-left img {
  filter: invert(1);
}
* .darkmode .flowbycat .Login {
  height: 100%;
}
* .darkmode .flowbycat .Login > * {
  height: 100%;
}
* .darkmode .about-parallax-page section.section-6 img {
  filter: invert(1) !important;
}
* .darkmode .section-1 {
  filter: invert(1);
}
@media (max-width: 767px) {
  * .darkmode .fixed-header > span:first-child {
    filter: none !important;
    background: transparent !important;
  }
}
@media (max-width: 767px) {
  * .darkmode .fixed-header > span:first-child {
    filter: none !important;
    background: transparent !important;
  }
}
@media (min-width: 993px) {
  * .darkmode app-user-profile .userico {
    position: fixed !important;
    top: 0px !important;
    width: 27% !important;
    height: 88.9vh !important;
    z-index: 10;
  }
  * .darkmode app-user-profile .mat-tab-header {
    top: 0px !important;
  }
  * .darkmode app-user-profile .example-container {
    max-height: 88.9vh !important;
  }
  * .darkmode app-user-profile .gridgroup-wrap {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    margin-right: -16px !important;
  }
  * .darkmode app-user-profile .gridgroup-wrap::-webkit-scrollbar {
    display: none;
  }
}
* .darkmode .masonary-parent img {
  filter: invert(1);
}
* .darkmode .foot-ico ul li span {
  filter: invert(1);
}
* .darkmode .foot-ico ul li:last-child img {
  filter: invert(1);
}
* .darkmode .noti-menu span img {
  filter: invert(1);
}
* .darkmode .div1 {
  position: sticky !important;
}
* .darkmode .ng-trigger-dialogContainer {
  filter: none !important;
}
* .darkmode .vp-wrapper img {
  filter: invert(1) !important;
}

.artical-popup {
  max-height: 80vh;
  padding: 40px;
}
.artical-popup h2 {
  padding-top: 20px;
}
.artical-popup img {
  width: 100% !important;
  object-fit: cover;
}
.artical-popup .mat-dialog-container {
  position: relative;
}
.artical-popup br {
  display: none;
}
.artical-popup mat-icon {
  background: transparent !important;
  color: #000 !important;
  color: #212427 !important;
}
.artical-popup button {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0px;
  font-size: 16px;
  background: transparent !important;
  box-shadow: none !important;
  visibility: hidden;
}
.artical-popup button:focus {
  border: 0px;
  outline: 0px;
}
.artical-popup button mat-icon {
  position: relative;
  top: -18px;
  right: -18px;
  visibility: initial;
}

@media (max-width: 767px) {
  .artical-popup h2 {
    font-size: 1.5rem !important;
  }
  .mobileonly {
    order: 3;
  }
  .companyName {
    text-align: center;
  }
}
@media (min-width: 320px) {
  .artical-popup h2 {
    font-size: 1.5rem !important;
  }
  .artical-popup {
    max-width: 100vw !important;
    max-height: 100vh !important;
    height: 100%;
    padding: 10px !important;
  }
  .artical-popup mat-icon {
    position: absolute !important;
    top: 2px !important;
    right: 0px;
  }
  .artical-popup .mat-dialog-container {
    overflow: hidden !important;
  }
  .artical-popup .showArticle {
    width: 100% !important;
    height: 86vh !important;
    overflow-y: auto !important;
  }
}
video[poster] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  padding-bottom: 0px !important;
}

img {
  border: 0px !important;
}

@media screen and (min-width: 992px) {
  .vi-pro .mat-tab-body-wrapper {
    padding-top: 80px !important;
  }
  .vi-pro .mat-drawer-content {
    padding: 0px !important;
  }
}
@media screen and (max-width: 991px) {
  .vi-pro .mat-drawer-content {
    padding: 0px !important;
  }
}
/*price icon design*/
.priceIcon-p {
  position: absolute;
  min-width: 30px;
  background: #5ea1d8;
  border-radius: 20px;
  top: 2px;
  right: 0px;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 2px rgba(186, 183, 183, 0.4);
  padding: 3px 5px !important;
  width: auto !important;
  max-width: unset !important;
}
.priceIcon-p .font16 {
  font-size: 10px !important;
  color: #fff !important;
}
/*new design*/
.voucher .mat-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-form-field-flex {
  background: transparent !important;
  border-bottom: 1px solid lightgray !important;
}
.voucher .mat-form-field-type-mat-input .mat-form-field-flex,
.voucher .mat-form-field-type-mat-date-range-input .mat-form-field-flex {
  background: transparent !important;
  border-bottom: 1px solid lightgray !important;
}
.voucher .mat-form-field-type-mat-input .mat-form-field-wrapper,
.voucher .mat-form-field-type-mat-date-range-input .mat-form-field-wrapper {
  padding-bottom: 14px !important;
}
.voucher .mat-form-field-type-mat-date-range-input .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.voucher .mat-form-field-type-mat-input .mat-form-field-infix {
  border-top: 0px !important;
}
.voucher .main-div .mat-form-field-appearance-legacy .mat-form-field-infix {
  border-top: 0px !important;
}
.voucher .mat-form-field-underline {
  display: none !important;
}
.voucher .mat-form-field-flex {
  padding: 0px !important;
}

.example-form svg {
  font-size: 30px;
}

@media (max-width: 560px) {
  .flowdraft-wrap .mat-tab-labels > div {
    min-width: 105px !important;
  }
  .flowdraft-wrap .mat-tab-labels > div:last-child {
    min-width: 130px !important;
  }
  .flowdraft-wrap .mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
    display: none;
  }
  .flowdraft-wrap .mat-tab-header {
    overflow-x: auto;
  }
}
/*styleing 2023 - default dialog container (no custom chrome)*/
.mat-dialog-container {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}

.mat-slide-toggle#mat-mdc-slide-toggle-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

label#mat-mdc-slide-toggle-1-label {
  margin: 0px;
  font-weight: normal;
}

.mdc-button--raised {
  width: 120px;
  font-size: 16px;
  margin-top: 20px;
  background: blue;
}

.mat-mdc-dialog-surface.mdc-dialog__surface {
  padding: 24px;
}

/* (Flow review modals now reuse existing 'dialoguebox' styling; no extra flow-dialog-container needed) */
.with-icon {
  color: #212427;
  font-weight: 500;
  height: 53px;
}
.with-icon span {
  margin-right: 5px;
  color: #212427 !important;
}

/*about us page*/
.about-parallax-page .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background: transparent !important;
}
.about-parallax-page .mat-mdc-form-field-input-control::placeholder {
  color: #fff !important;
}
.about-parallax-page mat-form-field {
  width: 100%;
}
.about-parallax-page .mat-mdc-checkbox label {
  color: #fff;
}
.about-parallax-page .mdc-checkbox__background {
  border-color: #fff !important;
}
.about-parallax-page .mat-mdc-form-field-subscript-wrapper {
  border-top: 1px solid #fff !important;
}
.about-parallax-page .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding: 0px;
  height: 40px;
}
.about-parallax-page .mat-mdc-text-field-wrapper {
  height: 40px;
}

.gridgroup-wrap .flowdraft-wrap .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab {
  flex: auto !important;
  min-width: 200px !important;
}

.cdk-overlay-pane {
  width: max-content !important;
  height: auto !important;
}

.mat-mdc-dialog-actions {
  justify-content: center !important;
}
.mat-mdc-dialog-actions h2 {
  text-align: center;
}

.mat-mdc-dialog-container .mdc-dialog__title {
  text-align: center;
  display: flex;
  justify-content: center;
}

/* Flow version preview dialog: styled like comment modal */
.cdk-overlay-pane.flow-preview-pane,
.mat-mdc-dialog-panel.flow-preview-pane {
  width: 80vw !important;
  max-width: 1100px !important;
  min-width: 80vw !important;
  height: 88vh !important;
  max-height: 88vh !important;
}

.cdk-overlay-pane.flow-preview-pane .mat-mdc-dialog-container,
.mat-mdc-dialog-panel.flow-preview-pane .mat-mdc-dialog-container {
  padding: 0;
  border-radius: 22px !important;
  overflow: hidden !important;
}

.cdk-overlay-pane.flow-preview-pane .mat-mdc-dialog-surface,
.mat-mdc-dialog-panel.flow-preview-pane .mat-mdc-dialog-surface,
.cdk-overlay-pane.flow-preview-pane .mdc-dialog__surface,
.mat-mdc-dialog-panel.flow-preview-pane .mdc-dialog__surface {
  height: 88vh !important;
  max-height: 88vh !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  box-shadow: 0 35px 70px rgba(7, 8, 10, 0.35) !important;
}

/* Preview dialog header - matches version history panel style */
.cdk-overlay-pane.flow-preview-pane .preview-dialog-header,
.mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e0e0e0;
  background: #ffffff;
  position: sticky;
  top: 0;
  z-index: 20;
}
.cdk-overlay-pane.flow-preview-pane .preview-dialog-header h2,
.mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header h2 {
  margin: 0;
  font-size: 20px !important;
  font-weight: 600;
  color: #212427;
  text-align: left;
  padding-right: 48px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cdk-overlay-pane.flow-preview-pane .preview-dialog-header .close-button,
.mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header .close-button {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #666;
}
.cdk-overlay-pane.flow-preview-pane .preview-dialog-header .close-button mat-icon,
.mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header .close-button mat-icon {
  color: #666;
}

.cdk-overlay-pane.flow-preview-pane .dialog-close-button,
.mat-mdc-dialog-panel.flow-preview-pane .dialog-close-button {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 20;
  color: #666;
}
.cdk-overlay-pane.flow-preview-pane .dialog-close-button mat-icon,
.mat-mdc-dialog-panel.flow-preview-pane .dialog-close-button mat-icon {
  color: #666;
}

/* Scope these styles to flow-preview-pane ONLY - do not apply globally */
.cdk-overlay-pane.flow-preview-pane .mat-mdc-dialog-actions,
.mat-mdc-dialog-panel.flow-preview-pane .mat-mdc-dialog-actions {
  justify-content: center;
}
.cdk-overlay-pane.flow-preview-pane .mat-mdc-dialog-actions h2,
.mat-mdc-dialog-panel.flow-preview-pane .mat-mdc-dialog-actions h2 {
  text-align: center;
}

.cdk-overlay-pane.flow-preview-pane .mat-mdc-dialog-container .mdc-dialog__title,
.mat-mdc-dialog-panel.flow-preview-pane .mat-mdc-dialog-container .mdc-dialog__title {
  text-align: center;
  display: flex;
  justify-content: center;
}

/* Responsive preview dialog — full viewport width on phone/tablet, single scroll on dialog surface */
@media (max-width: 1024px) {
  .cdk-overlay-pane.flow-preview-pane,
  .mat-mdc-dialog-panel.flow-preview-pane {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    inset: 0 !important;
  }
  .cdk-overlay-pane.flow-preview-pane .mat-mdc-dialog-container,
  .mat-mdc-dialog-panel.flow-preview-pane .mat-mdc-dialog-container {
    height: 100vh !important;
    max-height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
  }
  .cdk-overlay-pane.flow-preview-pane .mat-mdc-dialog-surface,
  .mat-mdc-dialog-panel.flow-preview-pane .mat-mdc-dialog-surface,
  .cdk-overlay-pane.flow-preview-pane .mdc-dialog__surface,
  .mat-mdc-dialog-panel.flow-preview-pane .mdc-dialog__surface {
    height: 100vh !important;
    max-height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }
  /* On mobile the surface itself scrolls (overflow-y: auto above).
     Revert view-flow to block/auto so content flows into the surface scroll.
     Do NOT use flex-column + container1 scroll here — that creates nested scroll. */
  .flow-preview-pane .view-flow.dialog-scroll-wrapper.preview-mode {
    display: block !important;
    flex-direction: unset !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .flow-preview-pane .view-flow.dialog-scroll-wrapper.preview-mode .preview-dialog-header {
    position: sticky !important;
    top: 0 !important;
  }
  .flow-preview-pane .view-flow.dialog-scroll-wrapper.preview-mode .container1 {
    flex: unset !important;
    height: auto !important;
    overflow: visible !important;
  }
}
@media (max-width: 640px) {
  .cdk-overlay-pane.flow-preview-pane .mat-mdc-dialog-container,
  .mat-mdc-dialog-panel.flow-preview-pane .mat-mdc-dialog-container,
  .cdk-overlay-pane.flow-preview-pane .mat-mdc-dialog-surface,
  .mat-mdc-dialog-panel.flow-preview-pane .mat-mdc-dialog-surface,
  .cdk-overlay-pane.flow-preview-pane .mdc-dialog__surface,
  .mat-mdc-dialog-panel.flow-preview-pane .mdc-dialog__surface {
    border-radius: 0 !important;
  }
  .cdk-overlay-pane.flow-preview-pane .preview-dialog-header,
  .mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header {
    padding: 16px;
  }
  .cdk-overlay-pane.flow-preview-pane .preview-dialog-header h2,
  .mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header h2 {
    font-size: 18px !important;
  }
}
/* Embed preview dialog (share → Full Preview) — full viewport on mobile, no horizontal scroll */
@media (max-width: 768px) {
  .cdk-overlay-pane.embed-preview-dialog-pane,
  .mat-mdc-dialog-panel.embed-preview-dialog-pane {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    inset: 0 !important;
  }
  .cdk-overlay-pane.embed-preview-dialog-pane .mat-mdc-dialog-container,
  .mat-mdc-dialog-panel.embed-preview-dialog-pane .mat-mdc-dialog-container {
    height: 100vh !important;
    max-height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  .cdk-overlay-pane.embed-preview-dialog-pane .mat-mdc-dialog-surface,
  .mat-mdc-dialog-panel.embed-preview-dialog-pane .mat-mdc-dialog-surface,
  .cdk-overlay-pane.embed-preview-dialog-pane .mdc-dialog__surface,
  .mat-mdc-dialog-panel.embed-preview-dialog-pane .mdc-dialog__surface {
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }
  .embed-preview-dialog-pane .embed-preview-dialog {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    min-height: 100%;
    border-radius: 0 !important;
    overflow: visible !important;
  }
  .embed-preview-dialog-pane .embed-preview-dialog .dialog-content {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }
  .embed-preview-dialog-pane app-embed-preview {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}
#formContent .mdc-button {
  max-width: 50px;
  width: 50px;
  min-width: unset;
}
#formContent .mat-mdc-card {
  box-shadow: none;
}
#formContent .mat-mdc-card-content:first-child {
  padding: 0px !important;
}

@media (max-width: 767px) {
  #formContent .mat-mdc-button {
    max-width: 50px;
    width: 50px;
    min-width: unset;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
#formContent .button-section {
  display: flex;
}
#formContent .button-section .mdc-button {
  width: 20% !important;
}

.cover-page-wrapper .mat-mdc-tab-group {
  width: 100%;
}
.cover-page-wrapper .mat-mdc-tab-group .example-form input {
  height: 100px !important;
}
.cover-page-wrapper .mat-mdc-tab-group .example-form .file-wrapper {
  display: flex;
  display: flex;
  position: absolute;
  top: 0px;
  left: calc(100% - 130px);
  margin-top: 6px;
}
.cover-page-wrapper .mat-mdc-tab-group .example-form .file-wrapper .mdc-text-field__input {
  margin-top: 30px;
}
.cover-page-wrapper .mat-mdc-tab-group .example-form .fileExplorer {
  margin-left: 0px !important;
  margin-right: 10px;
}
.cover-page-wrapper .mat-mdc-tab-group .mat-mdc-form-field-infix.ng-tns-c130-5 {
  display: flex;
}
.cover-page-wrapper .mat-mdc-tab-group .mat-mdc-form-field-infix.ng-tns-c130-5 input + div {
  display: flex;
}
.cover-page-wrapper .mat-mdc-tab-group .mat-mdc-tab-labels {
  padding: 0px 16px;
}
.cover-page-wrapper .mat-mdc-tab-group .mdc-tab--active {
  background: whitesmoke;
}
.cover-page-wrapper .mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab .mat-badge.mat-badge {
  color: #212427 !important;
}

/* for drop menu add class*/
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-content {
  margin: 0px 10px 0px 0px;
  padding: 0px;
}
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-content button {
  padding: 5px 32px 5px 5px !important;
  background: transparent !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-content button:hover {
  background: #5ea1d8 !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-item.mdc-list-item {
  margin: 5px;
}

.dialoguebox {
  padding: 0px !important;
  background: transparent !important;
}
.dialoguebox .cdk-global-overlay-wrapper {
  z-index: auto !important;
}
.dialoguebox .mat-mdc-dialog-surface.mdc-dialog__surface {
  padding: 0px !important;
  background: transparent !important;
  overflow-x: hidden;
}

.cdk-global-overlay-wrapper {
  z-index: 1000 !important;
}

/* Ensure mat-select dropdowns appear above auth modals (z-index 9999-10000) */
body:has(.auth-modal-overlay) .cdk-overlay-container {
  z-index: 10050 !important;
}

body:has(.auth-modal-overlay) .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel),
body:has(.auth-modal-overlay) .cdk-overlay-container .cdk-overlay-pane:has(.mat-select-panel) {
  z-index: 10050 !important;
}

.cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel),
.cdk-overlay-container .cdk-overlay-pane:has(.mat-select-panel) {
  z-index: 10050 !important;
}

.cdk-overlay-pane .mat-mdc-select-panel,
.cdk-overlay-pane .mat-select-panel {
  z-index: 10051 !important;
  position: relative !important;
}

/* Additional specificity for mat-select in auth modals */
.auth-modal-overlay ~ .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel),
.auth-modal-overlay ~ .cdk-overlay-container .cdk-overlay-pane:has(.mat-select-panel) {
  z-index: 10050 !important;
}

/* Ensure overlay wrapper is above upload-backdrop when menus are open */
body:has(.upload-backdrop) .cdk-global-overlay-wrapper {
  z-index: 10030 !important;
}

/* CRITICAL: Ensure ALL overlay panes containing menus are above upload-backdrop */
.cdk-overlay-container .cdk-overlay-pane[class*=menu], .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-menu-panel), .cdk-overlay-container .cdk-overlay-pane:has(.mat-menu-panel) {
  z-index: 10030 !important;
}

/* Direct targeting of mat-menu panels - highest priority */
.cdk-overlay-pane .mat-mdc-menu-panel,
.cdk-overlay-pane .mat-menu-panel {
  z-index: 10031 !important;
  position: relative;
}

/* When upload-backdrop is present, ensure ALL menu overlays are above it */
body:has(.upload-backdrop) .cdk-overlay-container {
  z-index: 10030 !important;
}
body:has(.upload-backdrop) .cdk-overlay-container .cdk-overlay-pane[class*=menu], body:has(.upload-backdrop) .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-menu-panel), body:has(.upload-backdrop) .cdk-overlay-container .cdk-overlay-pane:has(.mat-menu-panel) {
  z-index: 10030 !important;
}
body:has(.upload-backdrop) .cdk-overlay-container .mat-mdc-menu-panel,
body:has(.upload-backdrop) .cdk-overlay-container .mat-menu-panel {
  z-index: 10031 !important;
  position: relative;
}

/* Force mat-menu overlay pane to be above upload-backdrop - most aggressive */
.cdk-overlay-container .cdk-overlay-pane[class*=menu] {
  z-index: 10030 !important;
}

/* Additional fallback - target by attribute or class */
.cdk-overlay-pane[style*=z-index]:has(.mat-mdc-menu-panel),
.cdk-overlay-pane[style*=z-index]:has(.mat-menu-panel) {
  z-index: 10030 !important;
}

/* Most aggressive - target ALL overlay panes when upload-backdrop exists */
body:has(.upload-backdrop) .cdk-overlay-container .cdk-overlay-pane {
  z-index: 10030 !important;
}

/* Specific targeting for menu panels - override any inline styles */
.cdk-overlay-pane .mat-mdc-menu-panel,
.cdk-overlay-pane .mat-menu-panel {
  z-index: 10031 !important;
  position: relative !important;
}

/* Ensure mat-select dropdown panels appear above dialogs/overlays */
.cdk-global-overlay-wrapper {
  z-index: 1000 !important;
}

.cdk-overlay-pane .mat-mdc-select-panel,
.cdk-overlay-pane .mat-select-panel {
  z-index: 10031 !important;
  position: relative !important;
}

.cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-select-panel),
.cdk-overlay-container .cdk-overlay-pane:has(.mat-select-panel) {
  z-index: 10030 !important;
}

/* Ensure the overlay container itself is above upload-backdrop */
body:has(.upload-backdrop) .cdk-overlay-container {
  z-index: 10030 !important;
}

/* Quick Create / upload-backdrop stacked dialogs (caption, preview, loading) */
body:has(.upload-backdrop) .cdk-overlay-pane.quick-create-stacked-dialog {
  z-index: 10050 !important;
}

body:has(.upload-backdrop) .cdk-overlay-backdrop.quick-create-stacked-dialog-backdrop {
  z-index: 10049 !important;
}

.cdk-overlay-pane.quick-create-stacked-dialog {
  text-align: left !important;
}
.cdk-overlay-pane.quick-create-stacked-dialog .mat-mdc-dialog-container,
.cdk-overlay-pane.quick-create-stacked-dialog .mat-mdc-dialog-surface,
.cdk-overlay-pane.quick-create-stacked-dialog .mdc-dialog__surface,
.cdk-overlay-pane.quick-create-stacked-dialog .caption-dialog {
  text-align: left !important;
  max-height: 90dvh !important;
}

.cdk-overlay-pane.media-preview-dialog-pane,
body:has(.upload-backdrop) .cdk-overlay-pane.media-preview-dialog-pane {
  z-index: 10050 !important;
  width: min(96vw, 1200px) !important;
  max-width: 96vw !important;
  height: min(92dvh, 900px) !important;
  max-height: 92dvh !important;
}

.cdk-overlay-pane.media-preview-dialog-pane .mat-mdc-dialog-container,
.cdk-overlay-pane.media-preview-dialog-pane .mat-mdc-dialog-surface,
.cdk-overlay-pane.media-preview-dialog-pane .mdc-dialog__surface,
body:has(.upload-backdrop) .cdk-overlay-pane.media-preview-dialog-pane .mat-mdc-dialog-container,
body:has(.upload-backdrop) .cdk-overlay-pane.media-preview-dialog-pane .mat-mdc-dialog-surface,
body:has(.upload-backdrop) .cdk-overlay-pane.media-preview-dialog-pane .mdc-dialog__surface {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 96vw !important;
  max-height: 92dvh !important;
  background: #000 !important;
  color: #fff !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

.cdk-overlay-pane.media-preview-dialog-pane app-media-preview-dialog,
.cdk-overlay-pane.media-preview-dialog-pane .media-preview-container {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* ABSOLUTE FALLBACK - Target any overlay pane that contains a menu, regardless of context */
.cdk-overlay-container .cdk-overlay-pane {
  /* Check if it contains a menu panel */
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-menu-panel,
.cdk-overlay-container .cdk-overlay-pane .mat-menu-panel {
  /* Force parent pane to have high z-index */
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-menu-panel,
.cdk-overlay-container .cdk-overlay-pane .mat-menu-panel {
  z-index: 10030 !important;
}

/* Direct style injection for menu overlays - highest priority possible */
.cdk-overlay-pane:has(.mat-mdc-menu-panel),
.cdk-overlay-pane:has(.mat-menu-panel) {
  z-index: 10030 !important;
}

/* Override any inline styles that Angular Material might set */
.cdk-overlay-pane[style*=z-index]:has(.mat-mdc-menu-panel),
.cdk-overlay-pane[style*=z-index]:has(.mat-menu-panel) {
  z-index: 10030 !important;
}

/* MAXIMUM PRIORITY - Target menu panels with highest specificity */
body .cdk-overlay-container .cdk-overlay-pane .mat-mdc-menu-panel,
body .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel {
  z-index: 10031 !important;
  position: relative !important;
}

/* When upload-backdrop exists, force menu overlays to highest z-index */
body:has(.upload-backdrop) .cdk-overlay-container .cdk-overlay-pane:has(.mat-mdc-menu-panel),
body:has(.upload-backdrop) .cdk-overlay-container .cdk-overlay-pane:has(.mat-menu-panel) {
  z-index: 10030 !important;
}

body:has(.upload-backdrop) .cdk-overlay-container .cdk-overlay-pane .mat-mdc-menu-panel,
body:has(.upload-backdrop) .cdk-overlay-container .cdk-overlay-pane .mat-menu-panel {
  z-index: 10031 !important;
  position: relative !important;
}

span.mdc-list-item__content {
  text-align: left !important;
}

.priceIcon-p .font16 {
  font-size: 10px !important;
}

.contact-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: #fff !important;
}

.button-section .newbuttondesigncreateflow .mdc-button .mdc-button__label {
  color: #5ea1d8 !important;
}
.button-section .publish span {
  color: #5ea1d8 !important;
}
.button-section .publish.newbuttondesigncreateflow1 {
  width: 120px !important;
}
.button-section .publish.newbuttondesigncreateflow1 span {
  color: #fff !important;
}

/*home page menu design*/
.right-nav img.material-icons {
  width: 30px !important;
  aspect-ratio: 1/1;
  margin-right: 0px;
}
.right-nav .material-icons {
  width: 70px !important;
  flex-wrap: wrap;
  height: auto !important;
  justify-content: center;
}
.right-nav .material-icons:last-child {
  overflow: inherit;
}
.right-nav .material-icons .icon-text {
  font-family: "Raleway" !important;
  display: block;
  width: 100%;
  font-size: 12px !important;
  text-align: center;
}
.right-nav .material-icons:last-of-type {
  width: 40px !important;
  aspect-ratio: 1/1;
  margin-right: 0px;
}
.right-nav .icon-text {
  font-family: "Raleway" !important;
  display: block;
  width: 100%;
  font-size: 12px !important;
  text-align: center;
}
.right-nav .user-ico-group {
  max-width: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.right-nav .user-ico-group .icon-text {
  font-family: "Raleway" !important;
  display: inline;
  line-height: 14px;
  width: 100%;
  font-size: 12px !important;
  text-align: center;
}
.right-nav .user-ico-group img {
  max-width: 30px !important;
}

/* Standardized Mobile Card Styles (match dashboard users) */
@media (max-width: 992px) {
  .mobile-design {
    padding: 20px 10px !important;
    background: #f8f9fa !important; /* subtle background */
    display: block !important;
  }
  .mobile-design .tile {
    background: #fff !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
    border-radius: 8px !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  }
  .mobile-design .tile > div {
    border-bottom: 1px solid #e9ecef !important;
    padding: 8px 0 !important;
  }
  .mobile-design .tile > div:last-child {
    border-bottom: none !important;
  }
  .mobile-design .tile .main-title {
    display: flex;
    align-items: center;
    background: #5ea1d8 !important;
    padding: 12px 15px !important;
    margin: -15px -15px 15px -15px !important;
    border-radius: 8px 8px 0 0 !important;
  }
  .mobile-design .tile .main-title h3 {
    margin-bottom: 0 !important;
    color: #fff !important;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    text-transform: none !important; /* ensure title not all caps */
  }
  .mobile-design .tile p {
    color: #212529 !important; /* Flowchest black */
    margin: 2px 0 !important;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
  }
  .mobile-design .tile p.bold {
    font-weight: 600 !important;
    color: #212529 !important; /* ensure values are also black */
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
  }
  .mobile-design .first-tile {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px !important;
  }
  .mobile-design .first-tile div {
    display: flex;
    align-items: center;
    flex: 1;
  }
  .mobile-design .first-tile div span {
    display: flex !important;
    align-items: center !important;
    margin-left: 10px !important;
  }
  .mobile-design .first-tile .img {
    display: flex;
    align-items: flex-start;
    margin-left: 15px !important;
  }
  .mobile-design .first-tile .img img {
    width: 80px !important;
    height: 60px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    border: 1px solid #e9ecef !important;
  }
  .mobile-design .common-tile {
    display: flex;
    flex-wrap: wrap;
    gap: 10px !important;
  }
  .mobile-design .common-tile .title-tile {
    flex: 1;
    min-width: 120px !important;
    padding: 8px 0 !important;
  }
  .mobile-design .common-tile .title-tile p:first-child {
    font-size: 12px !important;
    color: #6c757d !important;
    margin-bottom: 4px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
  }
  .mobile-design .common-tile .title-tile p.bold {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}
/* Enforce Raleway font across common UI elements */
/* Enforce Open Sans font across common UI elements */
body,
button,
table,
th,
td,
mat-label,
mat-panel-title,
.mat-mdc-button,
.mat-mdc-menu-item,
.mat-mdc-tab,
.mat-mdc-list-item .mdc-list-item__primary-text,
.mat-mdc-form-field,
.mat-expansion-panel-header,
.mat-mdc-form-field-infix,
.mdc-button,
.mdc-list-item,
.mdc-text-field__input {
  font-family: "Open Sans", sans-serif !important;
}

/* Prevent unintended uppercase on card titles globally */
.mobile-design .tile .main-title h3 {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Analytics Dialog Styles */
.analytics-dialog .mat-mdc-dialog-container {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  max-height: none !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.analytics-dialog .mat-mdc-dialog-surface {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Analytics Dialog – Dark Mode */
body.theme-dark .analytics-dialog .mat-mdc-dialog-container,
body.theme-dark .analytics-dialog .mdc-dialog__surface,
body.theme-dark .analytics-dialog .mat-mdc-dialog-surface {
  --mdc-dialog-container-color: #1f2937 !important;
  background: #1f2937 !important;
  background-color: #1f2937 !important;
}

body.theme-dark .analytics-dialog .analytics-dialog-container {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e5e7eb !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

/* Header */
body.theme-dark .analytics-dialog .analytics-header {
  background: #0d1b2e !important;
  background-color: #0d1b2e !important;
  color: #e2e8f0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark .analytics-dialog .analytics-header .analytics-title h2 {
  color: #e2e8f0 !important;
}

body.theme-dark .analytics-dialog .analytics-header .close-button {
  color: #94a3b8 !important;
}

body.theme-dark .analytics-dialog .analytics-header .close-button mat-icon {
  color: #94a3b8 !important;
}

body.theme-dark .analytics-dialog .analytics-header .close-button:hover {
  color: #e2e8f0 !important;
}

/* Content area */
body.theme-dark .analytics-dialog .analytics-content {
  background: #1f2937 !important;
}

/* Time period selector */
body.theme-dark .analytics-dialog .time-period-selector {
  background: #111827 !important;
  background-color: #111827 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark .analytics-dialog .time-period-selector label {
  color: #e2e8f0 !important;
}

body.theme-dark .analytics-dialog .time-period-selector .time-period-select {
  background: #0d1b2e !important;
  background-color: #0d1b2e !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
}

body.theme-dark .analytics-dialog .time-period-selector .time-period-select:focus {
  outline-color: #5ea1d8 !important;
}

/* Stat cards */
body.theme-dark .analytics-dialog .stats-grid .stat-card {
  background: #111827 !important;
  background-color: #111827 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark .analytics-dialog .stats-grid .stat-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.55) !important;
}

body.theme-dark .analytics-dialog .stats-grid .stat-card .stat-icon {
  background: #1e3a5f !important;
}

body.theme-dark .analytics-dialog .stats-grid .stat-card .stat-icon mat-icon {
  color: #5ea1d8 !important;
}

body.theme-dark .analytics-dialog .stats-grid .stat-card .stat-value {
  color: #f1f5f9 !important;
}

body.theme-dark .analytics-dialog .stats-grid .stat-card .stat-label {
  color: #94a3b8 !important;
}

/* Chart containers */
body.theme-dark .analytics-dialog .charts-grid .chart-container {
  background: #111827 !important;
  background-color: #111827 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark .analytics-dialog .charts-grid .chart-container:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.55) !important;
}

body.theme-dark .analytics-dialog .charts-grid .chart-container h4 {
  color: #e2e8f0 !important;
}

/* Mat-tab group inside dialog */
body.theme-dark .analytics-dialog .mat-mdc-tab-group {
  background: #1f2937 !important;
}

body.theme-dark .analytics-dialog .mat-mdc-tab-body-wrapper,
body.theme-dark .analytics-dialog .mat-mdc-tab-body,
body.theme-dark .analytics-dialog .mat-mdc-tab-body-content {
  background: #1f2937 !important;
}

/* Loading spinner text */
body.theme-dark .analytics-dialog .loading-spinner p {
  color: #94a3b8 !important;
}

/* ─── Donation Dialog – Unified Dark Mode Background ─────────────────────────
   Global rules for .mat-mdc-dialog-surface / -content / -actions have very
   high specificity and can't be beaten by ::ng-deep inside the component.
   We scope them to the dedicated donation-dialog-panel class instead.
   ─────────────────────────────────────────────────────────────────────────── */
body.theme-dark .cdk-overlay-pane.donation-dialog-panel .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-pane.donation-dialog-panel .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-pane.donation-dialog-panel .mdc-dialog__surface,
body.theme-dark .cdk-overlay-pane.donation-dialog-panel .mat-mdc-dialog-content,
body.theme-dark .cdk-overlay-pane.donation-dialog-panel .mdc-dialog__content {
  background: #1e2535 !important;
  background-color: #1e2535 !important;
  color: #e2e8f0 !important;
}

/* h1[mat-dialog-title] and the actions footer: transparent so the .box
   background shows through without a separate coloured band */
body.theme-dark .cdk-overlay-pane.donation-dialog-panel .mat-mdc-dialog-title,
body.theme-dark .cdk-overlay-pane.donation-dialog-panel .mdc-dialog__title,
body.theme-dark .cdk-overlay-pane.donation-dialog-panel h1.mat-mdc-dialog-title,
body.theme-dark .cdk-overlay-pane.donation-dialog-panel .mat-mdc-dialog-actions,
body.theme-dark .cdk-overlay-pane.donation-dialog-panel .mdc-dialog__actions {
  background: transparent !important;
  background-color: transparent !important;
}

.analytics-backdrop {
  background-color: rgba(0, 0, 0, 0.5) !important;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

/* Mobile-specific dialog adjustments */
@media (max-width: 768px) {
  .analytics-dialog .mat-mdc-dialog-container {
    width: 95vw !important;
    height: 90vh !important;
    margin: 2.5vh auto !important;
  }
}
@media (max-width: 480px) {
  .analytics-dialog .mat-mdc-dialog-container {
    width: 98vw !important;
    height: 95vh !important;
    margin: 2.5vh auto !important;
  }
}
.mobileonly .mat-icon {
  overflow: inherit;
}

.icon-text {
  font-family: "Raleway" !important;
  display: block;
  width: 100%;
  font-size: 12px !important;
  text-align: center;
}

@media (min-width: 1024px) {
  .searchcarousel .owl-nav button span {
    font-size: 30px !important;
  }
}
.itempage-align .formContent .imgdiv {
  height: 56px;
}
.itempage-align .formContent .filediv {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.itempage-align .formContent .item-field {
  overflow: hidden;
}
.itempage-align .formContent button,
.itempage-align .formContent button.itemrequ {
  width: 100px !important;
  padding: 0px !important;
  height: 36px !important;
}

/*analytic popup*/
.dialogueboxnew {
  max-width: 600px !important;
  width: 100% !important;
}

.dashbored-wrap .mat-mdc-tab-list {
  margin-bottom: 10px;
}

.searchcarousel .owl-stage {
  margin: 0px auto;
}

.commonbuttton {
  font-family: Raleway !important;
  cursor: pointer !important;
  text-align: center !important;
  padding: 4px 20px !important;
  border-radius: 0.25rem !important;
  border: 1px solid #5ea1d8 !important;
  text-decoration: none !important;
  background-color: #5ea1d8 !important;
  color: #fff !important;
  height: 40px !important;
  outline: none !important;
}

/* new implementation starts from here 29-02-2024*/
/* Global Google Translate behaviour */
/* Desktop: use Google's selector; custom modal for curated languages */
@media (min-width: 768px) {
  /* Do NOT reserve extra bottom space; Google's bar can overlay like mobile */
  body {
    padding-bottom: 0;
  }
  /* Keep the translate trigger inline (e.g., in header), just align right */
  #google_translate_element {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: auto;
    background-color: transparent;
    border-top: none;
    box-shadow: none;
    padding: 0;
    display: inline-block;
  }
  #google_translate_element .goog-te-gadget {
    font-size: 13px !important;
    color: #333 !important;
  }
  #google_translate_element .goog-te-gadget-simple {
    background-color: #ffffff !important;
    border: 1px solid #d0d0d0 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
  }
  #google_translate_element .goog-te-gadget-simple span {
    color: #333 !important;
  }
  /* Desktop: hide EVERY Google Translate iframe (we use custom modal only) */
  .goog-te-menu-frame.skiptranslate,
  .goog-te-menu-frame,
  iframe.skiptranslate,
  iframe[class*=VIpgJd],
  iframe[class*=OEVmcd],
  iframe[title*=traducción],
  iframe[title*=Translate],
  iframe[title*=translation] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    z-index: -9999 !important;
  }
  /* Do NOT show our custom mobile container on desktop */
  #google_translate_element_mobile.mobile-translate-container {
    display: none !important;
    visibility: hidden !important;
  }
  /* Hide only the TOP banner frame; keep menu iframe usable */
  .goog-te-banner-frame {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
  }
  /* Hide Google language list panel container on desktop (the big blue box) */
  .VIpgJd-ZVi9od-vH1Gmf {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  /* Extra safety: hide any Google language menu body div by id pattern */
  div[id$=".menuBody"],
  div[id*=menuBody] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  /* MOST AGGRESSIVE: hide any Google Translate UI iframes on desktop.
     We rely on our custom modal + JS (ensureTranslationApplied) instead. */
  iframe[src*="translate.google.com"],
  iframe[src*="translate.googleapis.com"] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
  }
  /* Desktop language selection modal (custom UI, curated list) */
  .language-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 12000;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .language-modal {
    width: 90%;
    max-width: 480px;
    max-height: 70vh;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    padding: 20px 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
  }
  .language-modal h3 {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 600;
    color: #212427;
  }
  .language-modal-subtitle {
    margin: 0 0 8px;
    font-size: 13px;
    color: #6c757d;
  }
  .language-modal-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
    align-content: flex-start;
  }
  /* Language modal search bar (desktop & mobile share core look) */
  .language-modal-search {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 100%;
  }
  .language-modal-search input {
    flex: 1 1 auto;
    width: 100%;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #d0d0d0;
    font-size: 13px;
    outline: none;
    box-sizing: border-box;
  }
  .language-modal-search input:focus {
    border-color: #5ea1d8;
    box-shadow: 0 0 0 1px rgba(94, 161, 216, 0.15);
  }
  .language-modal-search-clear {
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
  }
  /* Make long language list scrollable without growing modal too tall */
  .language-modal-scroll {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 35vh; /* desktop/tablet */
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #ffffff;
    padding: 4px 2px 4px 0;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }
  .language-modal-list button {
    flex: 1 1 calc(50% - 8px);
    min-width: 120px !important;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    background: #f8f9fa;
    padding: 8px 10px;
    font-size: 13px;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s ease, border-color 0.2s ease;
  }
  .language-modal-list button:hover {
    background: #e7f1fb;
    border-color: #5ea1d8;
  }
  .language-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
  }
  .language-modal-close,
  .language-modal-more {
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    padding: 6px 14px;
    font-size: 13px;
    cursor: pointer;
  }
  .language-modal-more {
    border-color: #5ea1d8;
    color: #5ea1d8;
    background: #e7f1fb;
  }
}
/* Dark mode overrides for the language selection modal */
body.theme-dark .language-modal-backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
}
body.theme-dark .language-modal {
  background: #1e2a3a !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important;
  color: #e8eaed !important;
}
body.theme-dark .language-modal h3 {
  color: #e8eaed !important;
}
body.theme-dark .language-modal-subtitle {
  color: #9aa0a6 !important;
}
body.theme-dark .language-modal-search input {
  background: #2d3748 !important;
  border-color: #5f6368 !important;
  color: #e8eaed !important;
}
body.theme-dark .language-modal-search input::placeholder {
  color: #9aa0a6 !important;
}
body.theme-dark .language-modal-search input:focus {
  border-color: #8ab4f8 !important;
  box-shadow: 0 0 0 1px rgba(138, 180, 248, 0.2) !important;
}
body.theme-dark .language-modal-search-clear {
  background: #2d3748 !important;
  border-color: #5f6368 !important;
  color: #bdc1c6 !important;
}
body.theme-dark .language-modal-search-clear:hover {
  background: #3c4043 !important;
}
body.theme-dark .language-modal-scroll {
  background-color: #1e2a3a !important;
}
body.theme-dark .language-modal-list button {
  background: #2d3748 !important;
  border-color: #3c4043 !important;
  color: #e8eaed !important;
}
body.theme-dark .language-modal-list button:hover {
  background: #1a3a5c !important;
  border-color: #8ab4f8 !important;
  color: #8ab4f8 !important;
}
body.theme-dark .language-modal-close,
body.theme-dark .language-modal-more {
  background: #2d3748 !important;
  border-color: #5f6368 !important;
  color: #bdc1c6 !important;
}
body.theme-dark .language-modal-close:hover,
body.theme-dark .language-modal-more:hover {
  background: #3c4043 !important;
}
body.theme-dark .language-modal-more {
  border-color: #8ab4f8 !important;
  color: #8ab4f8 !important;
  background: rgba(138, 180, 248, 0.1) !important;
}
body.theme-dark .language-modal-more:hover {
  background: rgba(138, 180, 248, 0.18) !important;
}
body.theme-dark .language-modal-close.language-modal-close-icon {
  background: transparent !important;
  border: none !important;
  color: #e8eaed !important;
}
body.theme-dark .language-modal-close.language-modal-close-icon mat-icon {
  color: #e8eaed !important;
}

/* Mobile / tablet: language modal & any legacy translate container
   Match the Angular breakpoint (<= 768px) so styles align with isMobileView. */
@media (max-width: 955px) {
  /* Language modal: same look as desktop on mobile */
  .language-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 12000;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .language-modal {
    width: 92%;
    max-width: 420px;
    max-height: 55vh; /* shorter modal on mobile */
    background: #ffffff; /* ensure solid white card */
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    position: relative; /* for close button positioning */
    /* reuse global modal look; just tweak padding for mobile */
    padding: 18px 18px 14px;
  }
  /* Tweak language search layout for tighter mobile screens */
  .language-modal-search {
    flex-direction: column;
    align-items: stretch;
    margin-top: 10px;
    margin-bottom: 10px;
    gap: 8px;
    width: 100%;
  }
  .language-modal-search input {
    width: 100%;
    flex: 0 0 auto;
    font-size: 13px;
    padding: 6px 9px;
  }
  .language-modal-search-clear {
    align-self: flex-end;
    padding: 4px 8px;
    font-size: 11px;
  }
  /* On mobile, force a fixed scrollable height for the list area */
  .language-modal-scroll {
    max-height: none;
    height: 30vh; /* list always gets its own scroll area */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }
  /* Center language boxes in mobile modal */
  .language-modal-list {
    justify-content: center !important;
    width: 100%;
  }
  .language-modal-list button {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* Keep Close button inside the modal on mobile (top-right corner) */
  .language-modal-footer {
    margin-top: 4px;
    justify-content: flex-end;
  }
  .language-modal-close.language-modal-close-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px;
    border: none;
    background: transparent;
    min-width: auto;
  }
  .language-modal-close.language-modal-close-icon mat-icon {
    font-size: 20px;
    line-height: 20px;
  }
  /* Force same button styling on mobile as desktop */
  .language-modal-list button {
    flex: 1 1 calc(50% - 8px) !important;
    min-width: 144px !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
    border: 1px solid #e0e0e0 !important;
    background: #f8f9fa !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    text-align: left !important;
  }
  /* (Legacy) google_translate_element_mobile styles kept harmlessly */
  #google_translate_element_mobile.mobile-translate-container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    background-color: #ffffff;
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  #google_translate_element_mobile .goog-te-gadget {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #333;
  }
  #google_translate_element_mobile .goog-te-combo {
    flex: 1;
    max-width: 260px;
    padding: 6px 8px;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
    font-size: 13px;
    outline: none;
  }
  #google_translate_element_mobile .goog-te-gadget span {
    white-space: nowrap;
  }
}
/* Dark mode mobile overrides for language modal (override !important mobile rules) */
@media (max-width: 955px) {
  body.theme-dark .language-modal {
    background: #1e2a3a !important;
    color: #e8eaed !important;
  }
  body.theme-dark .language-modal h3 {
    color: #e8eaed !important;
  }
  body.theme-dark .language-modal-subtitle {
    color: #9aa0a6 !important;
  }
  body.theme-dark .language-modal-list button {
    background: #2d3748 !important;
    border-color: #3c4043 !important;
    color: #e8eaed !important;
  }
  body.theme-dark .language-modal-list button:hover {
    background: #1a3a5c !important;
    border-color: #8ab4f8 !important;
    color: #8ab4f8 !important;
  }
  body.theme-dark .language-modal-scroll {
    background-color: #1e2a3a !important;
  }
  body.theme-dark .language-modal-search input {
    background: #2d3748 !important;
    border-color: #5f6368 !important;
    color: #e8eaed !important;
  }
  body.theme-dark .language-modal-search input::placeholder {
    color: #9aa0a6 !important;
  }
  body.theme-dark .language-modal-search-clear {
    background: #2d3748 !important;
    border-color: #5f6368 !important;
    color: #bdc1c6 !important;
  }
  body.theme-dark .language-modal-close,
  body.theme-dark .language-modal-more {
    background: #2d3748 !important;
    border-color: #5f6368 !important;
    color: #bdc1c6 !important;
  }
  body.theme-dark .language-modal-more {
    border-color: #8ab4f8 !important;
    color: #8ab4f8 !important;
    background: rgba(138, 180, 248, 0.1) !important;
  }
  body.theme-dark .language-modal-close.language-modal-close-icon {
    background: transparent !important;
    border: none !important;
    color: #e8eaed !important;
  }
}
.fixed-header {
  height: 120px !important;
  align-items: flex-end !important;
  padding-bottom: 15px !important;
}

.about-parallax-page section.section-1 .pra-content p {
  font-size: 60px !important;
  line-height: 93px !important;
  background: -webkit-linear-gradient(#eee, rgb(25, 139, 173));
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 700 !important;
}

.about-parallax-page section.sectionextra p {
  font-size: 50px !important;
  font-style: italic;
  font-weight: 700 !important;
  color: #686f6f !important;
  color: #212427 !important;
  text-shadow: 2px 2px #ebebeb;
}

.about-parallax-page section.section-3 .card:hover .card-text p {
  color: #fff !important;
}

.about-parallax-page section.section-6 p {
  font-size: 20px !important;
  color: #fff !important;
}

@media (max-width: 992px) {
  .about-parallax-page section.section-1 .pra-content p {
    font-size: inherit !important;
    line-height: inherit !important;
  }
  .about-parallax-page section.sectionextra p {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }
  .three-col,
  .resource-hub,
  .common-overlap {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .resource-hub .image-sec img {
    height: 400px;
    object-fit: cover;
    width: 100%;
  }
  .resource-hub .text-wrap {
    width: calc(100% - 30px) !important;
  }
  .resource-hub .blog-tile {
    margin-top: 10px !important;
  }
  .mbotom {
    margin-bottom: 10px !important;
  }
  .with-icon span {
    word-break: break-all;
  }
}
.tabs-container .mat-badge-content,
.mat-mdc-tab-group .mat-badge-content {
  border: 2px solid #fff;
  border-radius: 20px;
  min-width: 30px;
  width: auto !important;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 5px !important;
  line-height: inherit !important;
  right: -31px !important;
  font-size: 10px !important;
  box-shadow: 0px 2px 2px rgba(186, 183, 183, 0.4);
}

.mat-grid-tile .mat-badge-content {
  border: 2px solid #fff;
  border-radius: 20px;
  min-width: 30px;
  width: auto !important;
  height: 19px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 5px !important;
  line-height: 10px !important;
  right: -31px !important;
  font-size: 10px !important;
  box-shadow: 0px 2px 2px rgba(186, 183, 183, 0.4);
  padding-top: 6px !important;
}

.main-parent-div {
  background: #f9f9f9;
  padding: 30px 0px;
  min-height: calc(100vh - 70px);
  position: relative;
  top: 100px;
  padding-top: 0px;
  /*delete icon design*/
}
.main-parent-div .form-parent {
  background: transparent;
  max-width: 700px;
  margin: 0px auto;
  padding: 0px;
}
.main-parent-div .form-parent form {
  max-width: 700px;
  margin: 0 auto 20px !important;
  padding: 15px;
  background-color: #fff;
  border: 3px solid #e0e0e0;
  border: 3px solid #cdd8e8;
  border-bottom: 3px solid #985ce1;
}
.main-parent-div .form-parent form quill-editor {
  width: 100%;
  margin-bottom: 25px;
}
.main-parent-div .form-parent form:hover {
  border: 3px solid #985ce1;
}
.main-parent-div .form-parent form > form {
  width: 100%;
  border: 0px;
  margin-bottom: 0px !important;
  padding: 0px !important;
}
.main-parent-div .form-parent form > form:hover {
  border: 0px;
}
.main-parent-div .form-parent form > form > * {
  width: 100%;
}
.main-parent-div .form-parent form .form-row {
  margin: 0px;
}
.main-parent-div .form-parent form .form-row .title-text {
  color: #0056b3;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px !important;
  flex: 1;
  text-align: left;
  padding-right: 24px;
}
.main-parent-div .form-parent form .form-row .title-text + mat-icon {
  color: #985ce1 !important;
}
.main-parent-div .form-parent form .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background: #fff;
}
.main-parent-div .form-parent form .form-field-add {
  margin: 0px 0px;
  flex: unset;
}
.main-parent-div .form-parent form table th {
  font-weight: 400;
  color: #0056b3;
}
.main-parent-div .form-parent form > :last-child {
  margin-bottom: 0px !important;
}
.main-parent-div .form-parent .browser-element {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0px;
  flex-wrap: wrap;
}
.main-parent-div .form-parent .browser-element mat-label {
  margin-bottom: 0px;
}
.main-parent-div .form-parent .browser-element img,
.main-parent-div .form-parent .browser-element video {
  max-width: 100%;
  min-width: 100%;
  max-height: 300px;
  display: block;
  object-fit: contain;
}
.main-parent-div .form-parent .browser-element + video {
  max-width: 100%;
  max-height: 300px;
  display: block;
  object-fit: contain;
  margin: 0px auto;
}
.main-parent-div .form-group {
  width: 100%;
}
.main-parent-div .form-group:last-child {
  margin-bottom: 0px;
}
.main-parent-div .form-group:last-of-type {
  margin-bottom: 0px;
}
.main-parent-div .form-group:nth-last-child(1) {
  margin-bottom: 0px;
}
.main-parent-div .cdk-drag.ng-star-inserted {
  position: relative;
}
.main-parent-div .cdk-drag.ng-star-inserted .delete-ico {
  position: absolute;
  top: 37px;
  right: 10px;
}
.main-parent-div .cdk-drag.ng-star-inserted mat-icon {
  color: #000;
}
.main-parent-div mat-form-field {
  width: 100%;
  /* Style the underline color when focused */
  /* Style the floating label color when focused */
}
.main-parent-div mat-form-field.mat-focused .mat-form-field-underline {
  background-color: #007bff;
  /* Change to your desired color */
}
.main-parent-div mat-form-field.mat-focused .mat-form-field-label {
  color: #007bff;
  /* Change to your desired color */
}

.contact quill-editor {
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
  background: #fff;
}
.contact quill-editor:hover {
  border: 1px solid #985ce1 !important;
}

.quill-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: flex-start;
  margin: 20px 0px;
}
.quill-wrapper h3 {
  text-align: left;
}
.quill-wrapper .form-group {
  margin: 0px !important;
  padding: 0px 15px;
}

.itempage-align quill-editor {
  width: 100%;
  display: block;
}
.itempage-align quill-editor > span {
  display: flex !important;
  width: auto !important;
}
.itempage-align quill-editor > span button {
  width: auto !important;
}
.itempage-align quill-editor .ql-formats {
  display: flex !important;
  justify-content: space-between !important;
}
.itempage-align .formContent button,
.itempage-align .itempage-align .formContent button.itemrequ {
  width: auto !important;
}
.itempage-align .ql-snow.ql-toolbar button svg,
.itempage-align .ql-snow .ql-toolbar button svg {
  width: 20px !important;
}
.itempage-align .ql-toolbar.ql-snow {
  display: flex;
  width: 100%;
}
.itempage-align .ql-toolbar.ql-snow > span:first-child {
  flex: 1;
  margin-right: 0px !important;
}

.detail-description {
  background: #fff;
}
body.theme-dark .detail-description {
  background: #111827 !important;
  background-color: #111827 !important;
  color: var(--fc-fg, #e5e7eb) !important;
}
.detail-description .field-wrapper {
  display: flex;
  width: 100%;
}
.detail-description .field-wrapper mat-form-field {
  flex: 1;
  margin-right: 20px;
  min-width: 22%;
}
.detail-description .field-wrapper mat-form-field:last-child {
  margin-right: 0px;
}
.detail-description .field-wrapper .meeting {
  flex: 1;
  margin-right: 20px;
  min-width: 22%;
}
.detail-description .field-wrapper .meeting mat-form-field {
  flex: unset;
  margin-right: 0px;
  min-width: 100%;
}
.detail-description .field-wrapper .meeting mat-form-field:last-child {
  margin-right: 0px;
}
.detail-description .field-wrapper .mat-mdc-button-touch-target {
  outline: none !important;
  box-shadow: none !important;
}
.detail-description .button-container {
  margin-left: 30px;
}

.container5 {
  padding: 2rem 3rem 20px;
  background: #fff;
}
.container5 label {
  margin-right: 10px;
}
.container5 .filter-section {
  margin-bottom: 10px;
}
.container5 p.btn.btn-primary {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}
.container5 #filter,
.container5 #dateFilter {
  max-width: 400px;
  width: 100%;
  height: 40px;
}

/* mat-select host uses these ids; a border here stacks with mat-form-field outline */
#ConsultationTimeZone:not(.mat-mdc-select),
#slotTimes:not(.mat-mdc-select) {
  max-width: 100%;
  height: 40px;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid lightgray;
  border-radius: 5px;
}

.fixheaderinuserdashboard {
  position: fixed !important;
}

@media (max-width: 767px) {
  .container5 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.description-wrapper .mat-expansion-panel-header.mat-expanded {
  background: gray !important;
  margin-bottom: 10px;
  color: #fff;
}
.description-wrapper .mat-expansion-panel-header.mat-expanded .mat-expansion-panel-header-title {
  color: #fff !important;
}
.description-wrapper .mat-expansion-panel-header:hover {
  background: gray !important;
  color: #fff;
}
.description-wrapper .mat-expansion-panel-header:hover .mat-expansion-panel-header-title {
  color: #fff !important;
}

.fix-head {
  position: fixed !important;
}

.categories .serach-bar .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.categories .serach-bar .mat-mdc-form-field-infix {
  min-height: unset;
}
.categories .serach-bar .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.categories .serach-bar .mat-mdc-form-field-infix {
  width: auto;
}

@media (max-width: 767px) {
  .filter-btn .mat-mdc-form-field {
    width: 100%;
  }
}
.view-flow .like-list li button {
  outline: none !important;
}

/* Unified com-record card styles (consistent on web and mobile) */
.com-record {
  background: #fff !important;
  border: 1px solid #e1e6eb !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  padding: 14px 16px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* Remove legacy decorations */
.com-record:after,
.dashbored-wrap .com-record:after {
  content: none !important;
  display: none !important;
}

/* Number badge (works whether wrapped in span/strong/b element) */
.com-record > span:first-child,
.com-record > strong:first-child,
.com-record > b:first-child,
.com-record .count,
.com-record .value {
  align-self: flex-start !important;
  background: #f1f3f5 !important;
  color: #212427 !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) !important;
}

/* Title styling inside the card */
.com-record h6,
.com-record p,
.com-record .title {
  margin: 0 !important;
  color: #212427 !important;
  font-family: "Raleway", Arial, Helvetica, sans-serif !important;
}

/* Ensure identical look on small screens */
@media (max-width: 992px) {
  .com-record {
    padding: 12px 14px !important;
    border-radius: 8px !important;
  }
}
/* Dashboard table wrapper - match Incoming Ownership page table look */
.table-parent {
  overflow-x: auto;
  overflow-y: auto;
  margin-top: -8px;
}

.table-card {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(28, 28, 30, 0.06);
  padding: 0;
  margin-top: 5vh;
}

/* Global table styling - fc-table matches Incoming Ownership page */
.fc-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 20px;
  background: white;
}

.fc-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #f5f5f5;
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-align: left;
  padding: 16px;
  border-bottom: 2px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  font-family: "Open Sans", sans-serif;
}

.fc-table thead th:first-child {
  border-top-left-radius: 10px;
}

.fc-table thead th:last-child {
  border-top-right-radius: 10px;
  border-right: none;
}

.fc-table tbody tr {
  transition: background-color 0.15s ease-in-out;
}

.fc-table tbody tr:nth-child(even) td {
  background-color: #f7fbff;
}

.fc-table tbody tr:hover td {
  background-color: #f0f8ff;
  color: #2c3e50;
  font-weight: 500;
  border-color: #bbdefb;
  transition: all 0.3s ease;
}

.fc-table tbody td {
  padding: 12px 14px;
  border-top: 1px solid #e6eef4;
  border-right: 1px solid #eef3f7;
  color: #333;
  min-width: 100px;
  font-family: "Open Sans", sans-serif;
  vertical-align: middle;
  font-size: 13px;
}

.fc-table tbody td:last-child {
  border-right: none;
}

.fc-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.fc-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.fc-table .inner,
.fc-table .inner td {
  border: 0;
}

.fc-table .inner {
  width: 100%;
}

.fc-table .inner td {
  padding: 5px;
}

/* Legacy table classes - same visual as fc-table when inside .table-card */
.table-parent.table-card .responsive-tabel.table-bordered,
.table-parent.table-card table.table,
.table-parent.table-card .reviews-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
  background: white;
}

.table-parent.table-card .responsive-tabel.table-bordered thead th,
.table-parent.table-card table.table thead th,
.table-parent.table-card .reviews-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #f5f5f5;
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.5px;
  padding: 16px;
  border-bottom: 2px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.table-parent.table-card .responsive-tabel.table-bordered thead th:first-child,
.table-parent.table-card table.table thead th:first-child {
  border-top-left-radius: 10px;
}

.table-parent.table-card .responsive-tabel.table-bordered thead th:last-child,
.table-parent.table-card table.table thead th:last-child {
  border-top-right-radius: 10px;
  border-right: none;
}

.table-parent.table-card .responsive-tabel.table-bordered tbody tr:nth-child(even) td,
.table-parent.table-card table.table tbody tr:nth-child(even) td {
  background-color: #f7fbff;
}

.table-parent.table-card .responsive-tabel.table-bordered tbody tr:hover td,
.table-parent.table-card table.table tbody tr:hover td {
  background-color: #f0f8ff;
  color: #2c3e50;
  border-color: #bbdefb;
}

.table-parent.table-card .responsive-tabel.table-bordered tbody td,
.table-parent.table-card table.table tbody td {
  padding: 12px 14px;
  border-top: 1px solid #e6eef4;
  border-right: 1px solid #eef3f7;
}

.table-parent.table-card .responsive-tabel.table-bordered tbody td:last-child,
.table-parent.table-card table.table tbody td:last-child {
  border-right: none;
}

.table-parent.table-card .responsive-tabel.table-bordered tbody tr:last-child td:first-child,
.table-parent.table-card table.table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.table-parent.table-card .responsive-tabel.table-bordered tbody tr:last-child td:last-child,
.table-parent.table-card table.table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/* Keep inner nested tables for complex row layouts visually simple */
.responsive-tabel.table-bordered .inner,
.fc-table .inner,
.reviews-table .inner {
  width: 100%;
}

.responsive-tabel.table-bordered .inner td,
.fc-table .inner td,
.reviews-table .inner td {
  padding: 5px;
  border: 0;
}

/* Apply globally */
body,
html {
  font-family: "Open Sans", sans-serif !important;
}

/* Global font override to replace any remaining component-level font declarations */
body :not(code):not(kbd):not(pre):not(samp):not(.material-icons):not(mat-icon) {
  font-family: "Open Sans", sans-serif !important;
}

/* Global dialog rounded corners styling */
.mat-mdc-dialog-container,
.mat-dialog-container {
  border-radius: 22px !important;
  overflow: hidden !important;
}

.mat-mdc-dialog-surface {
  border-radius: 22px !important;
  overflow: hidden !important;
}

.cdk-overlay-pane:has(.version-panel) .mat-mdc-dialog-container,
.cdk-overlay-pane:has(.version-panel) .mat-dialog-container,
.cdk-overlay-pane:has(.reviews-list-modal) .mat-mdc-dialog-container,
.cdk-overlay-pane:has(.reviews-list-modal) .mat-dialog-container,
.cdk-overlay-pane:has(.review-submit-dialog) .mat-mdc-dialog-container,
.cdk-overlay-pane:has(.review-submit-dialog) .mat-dialog-container,
.cdk-overlay-pane:has(.box.comment-dialog) .mat-mdc-dialog-container,
.cdk-overlay-pane:has(.box.comment-dialog) .mat-dialog-container {
  border-radius: 22px !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.cdk-overlay-pane:has(.version-panel) .mat-mdc-dialog-surface,
.cdk-overlay-pane:has(.reviews-list-modal) .mat-mdc-dialog-surface,
.cdk-overlay-pane:has(.review-submit-dialog) .mat-mdc-dialog-surface,
.cdk-overlay-pane:has(.box.comment-dialog) .mat-mdc-dialog-surface {
  border-radius: 22px !important;
  overflow: hidden !important;
}

/* Responsive dialog corners */
@media (max-width: 640px) {
  .mat-mdc-dialog-container,
  .mat-dialog-container,
  .mat-mdc-dialog-surface {
    border-radius: 16px !important;
  }
}
/* View bundle dark theme: enforce white action/meta text. */
body.theme-dark .view-flow.viewbundle .video-metadata .video-actions-bar .action-buttons .action-item,
body.theme-dark .view-flow.viewbundle .video-metadata .video-actions-bar .action-buttons .action-item span,
body.theme-dark .view-flow.viewbundle .video-metadata .video-actions-bar .action-buttons .action-item mat-icon,
body.theme-dark .view-flow.viewbundle .video-metadata .step-header .video-title,
body.theme-dark .view-flow.viewbundle .channel-info-section .channel-meta span,
body.theme-dark .view-flow.viewbundle .description-section h3,
body.theme-dark .view-flow.viewbundle .description-section .description-content,
body.theme-dark .view-flow.viewbundle .comments-section h3,
body.theme-dark .view-flow.viewbundle .comments-section .comment-text,
body.theme-dark .view-flow.viewbundle .comments-section .comment-author-name,
body.theme-dark .view-flow.viewbundle .comments-section .comment-date,
body.theme-dark .view-flow.viewbundle .recommendations-section h2,
body.theme-dark .view-flow.viewbundle .recommendations-section .recommendation-title,
body.theme-dark .view-flow.viewbundle .recommendations-section .recommendation-creator,
body.theme-dark .view-flow.viewbundle .recommendations-section .recommendation-id {
  color: #ffffff !important;
}

/* Make action chips dark: global dark mode makes spans white, but bundle chips were still light grey. */
body.theme-dark .app-main-content .view-flow.viewbundle .video-metadata .video-actions-bar .action-buttons .action-item {
  background: #1f2937 !important;
  border: 1px solid rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark .app-main-content .view-flow.viewbundle .video-metadata .video-actions-bar .action-buttons .action-item:hover:not(.disabled) {
  background: #273449 !important;
}

body.theme-dark .app-main-content .view-flow.viewbundle .video-metadata .video-actions-bar .action-buttons .action-item.delete-action {
  background: rgba(127, 29, 29, 0.45) !important;
  border-color: rgba(248, 113, 113, 0.35) !important;
  color: #ffffff !important;
}

body.theme-dark .app-main-content .view-flow.viewbundle .video-metadata .video-actions-bar .action-buttons .action-item.delete-action span,
body.theme-dark .app-main-content .view-flow.viewbundle .video-metadata .video-actions-bar .action-buttons .action-item.delete-action mat-icon {
  color: #ffffff !important;
}

/* Inline style fallback: saved icon is rendered with inline black color. */
body.theme-dark .view-flow.viewbundle .video-metadata .video-actions-bar .action-buttons .action-item mat-icon[style*="color: black"] {
  color: #ffffff !important;
}

/* View flow + view bundle dark mode: keep two-tone surfaces (page + cards). */
body.theme-dark .app-main-content .view-flow.viewbundle,
body.theme-dark .app-main-content .view-flow.viewbundle .container1,
body.theme-dark .app-main-content .view-flow.viewbundle .flow-layout-container {
  background: #0a0c10 !important;
}

body.theme-dark .app-main-content .view-flow.viewbundle .flow-main-content .flow-title-sticky,
body.theme-dark .app-main-content .view-flow.viewbundle .flow-main-content .flow-info-panel,
body.theme-dark .app-main-content .view-flow.viewbundle .flow-main-content .video-player-section,
body.theme-dark .app-main-content .view-flow.viewbundle .flow-main-content .video-metadata,
body.theme-dark .app-main-content .view-flow.viewbundle .flow-main-content .channel-info-section,
body.theme-dark .app-main-content .view-flow.viewbundle .flow-main-content .description-section,
body.theme-dark .app-main-content .view-flow.viewbundle .flow-main-content .comments-section,
body.theme-dark .app-main-content .view-flow.viewbundle .flow-sidebar,
body.theme-dark .app-main-content .view-flow.viewbundle .flow-sidebar .step-navigation,
body.theme-dark .app-main-content .view-flow.viewbundle .flow-sidebar .recommendations-section,
body.theme-dark .app-main-content .view-flow.viewbundle .recommendations-section-mobile,
body.theme-dark .app-main-content .view-flow.viewbundle .recommendation-item,
body.theme-dark .app-main-content .view-flow.viewbundle .comment-item,
body.theme-dark .app-main-content .view-flow.viewbundle .mobile-section,
body.theme-dark .app-main-content .view-flow.viewbundle .preview-unavailable-body {
  background: #111827 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

@media (max-width: 767px) {
  body.theme-dark .app-main-content .view-flow.viewbundle {
    background: #0a0c10 !important;
  }
}
/* ── View-bundle comments — comprehensive dark-mode white-patch sweep ──────
   Catches every element inside the comments section that can show a white
   background: buttons (UA stylesheet), login prompt, reply form, child-comments
   border, autofill backgrounds, and inline-style link colours.              */
/* All buttons inside comments-section: transparent by default, blue for send/reply */
body.theme-dark .app-main-content .view-flow.viewbundle .comments-section button {
  background: transparent !important;
}

body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .comment-send-btn {
  color: #5ea1d8 !important;
}

body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .reply-send-btn {
  background: #5ea1d8 !important;
  color: #ffffff !important;
}

/* Comment action buttons: muted colour, transparent bg, hover darkens */
body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .comment-action-btn {
  background: transparent !important;
  color: #cbd5e1 !important;
}

body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .comment-action-btn mat-icon,
body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .comment-action-btn span {
  color: #cbd5e1 !important;
}

body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .comment-action-btn.liked,
body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .comment-action-btn.liked mat-icon {
  color: #ff4d4d !important;
}

body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .comment-action-btn:hover {
  background: #1b2437 !important;
}

/* Login prompt: was #f9f9f9 in light mode */
body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .comment-login-prompt {
  background: #1f2937 !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  color: #ffffff !important;
}

body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .comment-login-prompt a {
  color: #93c5fd !important;
}

/* Comment input: dark bg + autofill override (webkit trick prevents white fill) */
body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .comment-input {
  background: transparent !important;
  color: #ffffff !important;
  border-bottom-color: rgba(148, 163, 184, 0.35) !important;
  -webkit-box-shadow: 0 0 0px 1000px #111827 inset !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .comment-input::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

/* Reply input: autofill override */
body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .reply-input {
  background: #1f2937 !important;
  color: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  -webkit-box-shadow: 0 0 0px 1000px #1f2937 inset !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .reply-input::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

/* Child-comments indent bar: light grey border → dark */
body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .child-comments {
  border-left-color: rgba(148, 163, 184, 0.28) !important;
}

/* Comment-item border separator */
body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .comment-item {
  border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}

/* Guidelines helper: matches comment modal dark style (#fca5a5 helper, #93c5fd links) */
body.theme-dark .app-main-content .view-flow .comments-section .comment-guidelines-helper {
  color: #fca5a5 !important;
}

body.theme-dark .app-main-content .view-flow .comments-section .comment-guidelines-helper .comment-guidelines-link {
  color: #93c5fd !important;
}

body.theme-dark .app-main-content .view-flow .comments-section .comment-guidelines-helper .comment-guidelines-link:hover {
  color: #60a5fa !important;
}

/* No-comments placeholder text */
body.theme-dark .app-main-content .view-flow.viewbundle .comments-section .no-comments {
  color: #94a3b8 !important;
}

/* ── End view-bundle comment dark-mode sweep ──────────────────────────── */
/* ========================================================================
   FINAL DARK-MODE DIALOG OVERRIDES (kept at file end for cascade priority)
   Applies to view-flow popups: review, comments, schedule, share, transfer,
   report, QR and other dialoguebox dialogs rendered in cdk overlays.
   ======================================================================== */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane,
body.theme-dark .cdk-overlay-container .cdk-global-overlay-wrapper {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane .dialoguebox,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.dialoguebox,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .mat-dialog-container,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .mdc-dialog__surface {
  background: #111827 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color: #fff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color:#fff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color: #ffffff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color:#ffffff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color: white"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color:white"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color: rgb(255, 255, 255)"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background-color:rgb(255,255,255)"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background: #fff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background:#fff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background: #ffffff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background:#ffffff"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background: white"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background:white"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background: rgb(255, 255, 255)"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="background:rgb(255,255,255)"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .bg-white,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .background-white {
  background: #111827 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="color: black"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="color:black"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="color: #000"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="color:#000"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="color: #212427"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="color:#212427"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="color: rgb(0, 0, 0)"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane [style*="color:rgb(0,0,0)"],
body.theme-dark .cdk-overlay-container .cdk-overlay-pane p,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane span,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane label,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane h1,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane h2,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane h3,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane h4,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane h5,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane h6,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane mat-label,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane mat-icon,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .mat-icon {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane input,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane textarea,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane select,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .form-control,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .form-select,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .mat-mdc-input-element,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .mdc-text-field {
  background: #1f2937 !important;
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.45) !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  background: rgba(2, 6, 23, 0.78) !important;
}

/* Global fallback: mobile search category filter in dark mode
   (kept in global styles to override inline/dynamic styles). */
@media (max-width: 768px) {
  body.theme-dark .category-filter-bar {
    background: #0a0c10 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  }
  body.theme-dark .category-filter-bar .category-chip {
    background: #1f2937 !important;
    color: #e5e7eb !important;
  }
  body.theme-dark .category-filter-bar .category-chip:hover,
  body.theme-dark .category-filter-bar .category-chip:active,
  body.theme-dark .category-filter-bar .category-chip:focus-visible {
    background: #374151 !important;
    color: #f8fafc !important;
  }
  body.theme-dark .category-filter-bar .category-chip.active {
    background: #5ea1d8 !important;
    color: #ffffff !important;
  }
}
/* Final hardening for create dialogs in dark mode */
body.theme-dark .upload-backdrop .upload-dialog,
body.theme-dark .upload-backdrop .quick-create-dialog {
  background: #0f172a !important;
  color: #f3f4f6 !important;
}

body.theme-dark .upload-backdrop .upload-dialog textarea,
body.theme-dark .upload-backdrop .upload-dialog input,
body.theme-dark .upload-backdrop .upload-dialog select,
body.theme-dark .upload-backdrop .upload-dialog .mat-mdc-text-field-wrapper,
body.theme-dark .upload-backdrop .upload-dialog .mdc-text-field,
body.theme-dark .upload-backdrop .upload-dialog .mdc-text-field--outlined,
body.theme-dark .upload-backdrop .upload-dialog .mdc-text-field--filled,
body.theme-dark .upload-backdrop .upload-dialog .ql-container,
body.theme-dark .upload-backdrop .upload-dialog .ql-toolbar,
body.theme-dark .upload-backdrop .upload-dialog .ql-editor,
body.theme-dark .upload-backdrop .upload-dialog .mat-mdc-form-field-focus-overlay {
  background: #111827 !important;
  color: #f9fafb !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark .upload-backdrop .upload-dialog .upload-header,
body.theme-dark .upload-backdrop .upload-dialog .stage-banner,
body.theme-dark .upload-backdrop .upload-dialog .upload-body,
body.theme-dark .upload-backdrop .upload-dialog .quick-create-body,
body.theme-dark .upload-backdrop .upload-dialog .quick-section,
body.theme-dark .upload-backdrop .upload-dialog .journey-content,
body.theme-dark .upload-backdrop .upload-dialog .mat-mdc-tab-group,
body.theme-dark .upload-backdrop .upload-dialog .mat-mdc-tab-header,
body.theme-dark .upload-backdrop .upload-dialog .mat-mdc-tab-body-wrapper,
body.theme-dark .upload-backdrop .upload-dialog .mat-mdc-tab-body,
body.theme-dark .upload-backdrop .upload-dialog .mat-mdc-tab-body-content,
body.theme-dark .upload-backdrop .upload-dialog [role=tabpanel],
body.theme-dark .upload-backdrop .upload-dialog .flow-main-grid,
body.theme-dark .upload-backdrop .upload-dialog .flow-main-content,
body.theme-dark .upload-backdrop .upload-dialog .flow-sidebar.summary-preview-sidebar,
body.theme-dark .upload-backdrop .upload-dialog .step-navigation,
body.theme-dark .upload-backdrop .upload-dialog .step-panel-body,
body.theme-dark .upload-backdrop .upload-dialog .description-section,
body.theme-dark .upload-backdrop .upload-dialog .video-metadata,
body.theme-dark .upload-backdrop .upload-dialog .channel-info-section,
body.theme-dark .upload-backdrop .upload-dialog .upload-footer,
body.theme-dark .upload-backdrop .upload-dialog .quick-create-footer,
body.theme-dark .upload-backdrop .upload-dialog .mobile-footer,
body.theme-dark .upload-backdrop .upload-dialog .add-flows-popup-footer,
body.theme-dark .upload-backdrop .upload-dialog .upload-all-placeholder,
body.theme-dark .upload-backdrop .upload-dialog .cover-upload-placeholder,
body.theme-dark .upload-backdrop .upload-dialog .cover-preview,
body.theme-dark .upload-backdrop .upload-dialog .step-preview,
body.theme-dark .upload-backdrop .upload-dialog .pending-image-preview,
body.theme-dark .upload-backdrop .upload-dialog .item-card,
body.theme-dark .upload-backdrop .upload-dialog .faq-card,
body.theme-dark .upload-backdrop .upload-dialog .step-details-display,
body.theme-dark .upload-backdrop .upload-dialog .cover-details-display,
body.theme-dark .upload-backdrop .upload-dialog .bundle-flow-card,
body.theme-dark .upload-backdrop .upload-dialog .flow-card-info,
body.theme-dark .upload-backdrop .upload-dialog .flow-card-meta,
body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-banner,
body.theme-dark .upload-backdrop .upload-dialog .ai-policy-banner,
body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-doc-picker,
body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-doc-support {
  background: #111827 !important;
  color: #f3f4f6 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-dark .upload-backdrop .upload-dialog [style*="background: #fff"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background:#fff"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background: #ffffff"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background:#ffffff"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background-color: #fff"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background-color:#fff"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background-color: #ffffff"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background-color:#ffffff"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background: white"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background:white"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background-color: white"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background-color:white"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background: rgb(255, 255, 255)"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background:rgb(255,255,255)"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background-color: rgb(255, 255, 255)"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background-color:rgb(255,255,255)"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background: #f9fafb"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background:#f9fafb"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background: #f3f4f6"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background:#f3f4f6"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background-color: #f0f7ff"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background-color:#f0f7ff"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background: #f0f7ff"],
body.theme-dark .upload-backdrop .upload-dialog [style*="background:#f0f7ff"] {
  background: #111827 !important;
  background-color: #111827 !important;
}

/* Smart Create setup + AI import dialogs (mat-dialog overlays) */
body.theme-dark .cdk-overlay-pane.create-flow-setup-dialog-pane .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-pane.create-flow-setup-dialog-pane .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-pane.create-flow-setup-dialog-pane .mdc-dialog__surface,
body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .mdc-dialog__surface {
  background: #0f172a !important;
  color: #f3f4f6 !important;
}

body.theme-dark .cdk-overlay-pane.create-flow-setup-dialog-pane .fc-setup-dialog,
body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .fc-ai-import-dialog {
  background: #0f172a !important;
  color: #f3f4f6 !important;
}

body.theme-dark .cdk-overlay-pane.create-flow-setup-dialog-pane .fc-setup-header,
body.theme-dark .cdk-overlay-pane.create-flow-setup-dialog-pane .fc-setup-body,
body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .fc-ai-import-header,
body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .fc-ai-import-body,
body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .fc-ai-import-actions {
  background: #111827 !important;
  color: #f3f4f6 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-dark .cdk-overlay-pane.create-flow-setup-dialog-pane .choice-card {
  background: #111827 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: #f3f4f6 !important;
}

body.theme-dark .cdk-overlay-pane.create-flow-setup-dialog-pane .choice-card h3,
body.theme-dark .cdk-overlay-pane.create-flow-setup-dialog-pane .setup-lead {
  color: #f3f4f6 !important;
}

body.theme-dark .cdk-overlay-pane.create-flow-setup-dialog-pane .choice-subtitle,
body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .field-hint {
  color: #94a3b8 !important;
}

body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .url-input,
body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .notes-input,
body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .upload-picker {
  background: #111827 !important;
  color: #f9fafb !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .field-label,
body.theme-dark .cdk-overlay-pane.flowchest-ai-import-dialog-pane .consent-check {
  color: #e5e7eb !important;
}

/* Smart Create main screen – AI banners and typography */
body.theme-dark .upload-backdrop .pieces-ai-banner,
body.theme-dark .upload-backdrop .ai-policy-banner,
body.theme-dark .upload-backdrop .ai-processing-card {
  background: #1e293b !important;
  color: #f3f4f6 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-dark .upload-backdrop .pieces-ai-banner {
  background: linear-gradient(135deg, #1e293b 0%, #312e81 100%) !important;
  border-color: rgba(167, 139, 250, 0.35) !important;
}

body.theme-dark .upload-backdrop .ai-policy-banner {
  background: rgba(30, 58, 95, 0.65) !important;
  border-color: rgba(94, 161, 216, 0.35) !important;
}

body.theme-dark .upload-backdrop .ai-processing-card {
  background: #111827 !important;
}

body.theme-dark .upload-backdrop .upload-dialog .section-title,
body.theme-dark .upload-backdrop .upload-dialog .section-hint,
body.theme-dark .upload-backdrop .upload-dialog .header-copy p,
body.theme-dark .upload-backdrop .upload-dialog .header-copy span,
body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-banner-title,
body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-banner-text,
body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-consent,
body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-doc-label,
body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-doc-hint,
body.theme-dark .upload-backdrop .upload-dialog .ai-policy-title,
body.theme-dark .upload-backdrop .upload-dialog .ai-policy-list,
body.theme-dark .upload-backdrop .upload-dialog .upload-all-placeholder p,
body.theme-dark .upload-backdrop .upload-dialog .upload-all-placeholder .upload-hint {
  color: #f3f4f6 !important;
}

body.theme-dark .upload-backdrop .upload-dialog .section-hint,
body.theme-dark .upload-backdrop .upload-dialog .header-copy span,
body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-banner-text,
body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-doc-hint,
body.theme-dark .upload-backdrop .upload-dialog .ai-policy-list,
body.theme-dark .upload-backdrop .upload-dialog .upload-all-placeholder .upload-hint,
body.theme-dark .upload-backdrop .upload-dialog .ai-processing-card p,
body.theme-dark .upload-backdrop .upload-dialog .ai-progress-text {
  color: #94a3b8 !important;
}

body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-notes,
body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-doc-picker,
body.theme-dark .upload-backdrop .upload-dialog .pieces-ai-doc-selected {
  background: #111827 !important;
  color: #f9fafb !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark .upload-backdrop .upload-dialog .journey-step .step-label,
body.theme-dark .upload-backdrop .upload-dialog .journey-step .label-text {
  color: inherit !important;
}

/* ============================================================
   DARK MODE: User Dashboard + User Settings pages
   Global overrides using element selectors so they reliably
   bypass Angular's emulated view encapsulation.
   ============================================================ */
/* Parent shell backgrounds */
body.theme-dark app-user-dashboard,
body.theme-dark app-user-dashboard .setting-dashboard,
body.theme-dark app-user-dashboard .setting-dashboard .container1,
body.theme-dark app-user-dashboard .setting-dashboard .submission-field,
body.theme-dark app-user-dashboard .setting-dashboard .hamburger,
body.theme-dark app-user-dashboard .setting-dashboard .commonclass,
body.theme-dark app-user-settings,
body.theme-dark app-user-settings .setting-dashboard,
body.theme-dark app-user-settings .setting-dashboard .container1,
body.theme-dark app-user-settings .setting-dashboard .submission-field,
body.theme-dark app-user-settings .setting-dashboard .hamburger,
body.theme-dark app-user-settings .setting-dashboard .commonclass {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

/* Top header bars inside the shells */
body.theme-dark app-user-dashboard .setting-dashboard .submission-field .hamburger .dash-title,
body.theme-dark app-user-settings .setting-dashboard .submission-field .hamburger .dash-title {
  background: #5ea1d8 !important;
}

/* .detail-description global dark override — dashboard + user-settings child routes */
body.theme-dark app-scheduleconsultations .detail-description,
body.theme-dark app-consultations .detail-description,
body.theme-dark app-giftedfunds .detail-description,
body.theme-dark app-content-analytics .detail-description,
body.theme-dark app-access-requests .detail-description,
body.theme-dark app-flow-reviews .detail-description,
body.theme-dark app-transfered-content-approvals .detail-description,
body.theme-dark app-outgoing-approvals .detail-description,
body.theme-dark app-incoming-approvals .detail-description,
body.theme-dark app-donation-settings .detail-description,
body.theme-dark app-notification-settings .detail-description,
body.theme-dark app-default-view-settings .detail-description,
body.theme-dark app-coupon-code .detail-description,
body.theme-dark app-consultation-settings .detail-description,
body.theme-dark app-change-old-password .detail-description,
body.theme-dark app-forget-password .detail-description,
body.theme-dark app-delete-account .detail-description,
body.theme-dark .setting-dashboard .detail-description,
body.theme-dark app-user-settings .detail-description {
  background: #111827 !important;
  background-color: #111827 !important;
  color: var(--fc-fg, #e5e7eb) !important;
  border-color: var(--fc-border, rgba(148, 163, 184, 0.25)) !important;
}

/* Content areas shared by child routes */
body.theme-dark app-dashboard .dashbored-wrap,
body.theme-dark app-content-analytics .dashbored-wrap,
body.theme-dark app-giftedfunds .dashbored-wrap,
body.theme-dark app-consultations .dashbored-wrap,
body.theme-dark app-scheduleconsultations .dashbored-wrap,
body.theme-dark app-access-requests .dashbored-wrap,
body.theme-dark app-transfered-content-approvals .dashbored-wrap,
body.theme-dark app-outgoing-approvals .dashbored-wrap,
body.theme-dark app-incoming-approvals .dashbored-wrap,
body.theme-dark app-flow-reviews .dashbored-wrap,
body.theme-dark app-consultation-settings .dashbored-wrap,
body.theme-dark app-donation-settings .dashbored-wrap,
body.theme-dark app-notification-settings .dashbored-wrap,
body.theme-dark app-coupon-code .dashbored-wrap,
body.theme-dark app-change-old-password .dashbored-wrap,
body.theme-dark app-forget-password .dashbored-wrap,
body.theme-dark app-delete-account .dashbored-wrap,
body.theme-dark app-default-view-settings .dashbored-wrap {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #ffffff !important;
}

/* user-settings child page shells — own setting-dashboard / scroll / dash-text wrappers */
body.theme-dark app-consultation-settings,
body.theme-dark app-consultation-settings .setting-dashboard,
body.theme-dark app-consultation-settings .container1,
body.theme-dark app-consultation-settings .submission-field,
body.theme-dark app-consultation-settings .scroll-div,
body.theme-dark app-consultation-settings .dash-text,
body.theme-dark app-donation-settings,
body.theme-dark app-donation-settings .setting-dashboard,
body.theme-dark app-donation-settings .container1,
body.theme-dark app-donation-settings .submission-field,
body.theme-dark app-donation-settings .scroll-div,
body.theme-dark app-donation-settings .dash-text,
body.theme-dark app-notification-settings,
body.theme-dark app-notification-settings .setting-dashboard,
body.theme-dark app-notification-settings .container1,
body.theme-dark app-notification-settings .submission-field,
body.theme-dark app-notification-settings .scroll-div,
body.theme-dark app-notification-settings .dash-text,
body.theme-dark app-coupon-code,
body.theme-dark app-coupon-code .setting-dashboard,
body.theme-dark app-coupon-code .container1,
body.theme-dark app-coupon-code .submission-field,
body.theme-dark app-coupon-code .scroll-div,
body.theme-dark app-coupon-code .dash-text,
body.theme-dark app-default-view-settings,
body.theme-dark app-default-view-settings .setting-dashboard,
body.theme-dark app-default-view-settings .container1,
body.theme-dark app-default-view-settings .submission-field,
body.theme-dark app-default-view-settings .scroll-div,
body.theme-dark app-default-view-settings .dash-text,
body.theme-dark app-change-old-password,
body.theme-dark app-change-old-password .setting-dashboard,
body.theme-dark app-change-old-password .submission-field,
body.theme-dark app-forget-password,
body.theme-dark app-forget-password .setting-dashboard,
body.theme-dark app-forget-password .submission-field,
body.theme-dark app-delete-account,
body.theme-dark app-delete-account .setting-dashboard,
body.theme-dark app-delete-account .submission-field {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

/* Inner hardcoded-white elements inside user-settings child dashbored-wraps */
body.theme-dark app-consultation-settings .dashbored-wrap .box,
body.theme-dark app-consultation-settings .dashbored-wrap .top-menu-wrap,
body.theme-dark app-consultation-settings .dashbored-wrap .card,
body.theme-dark app-consultation-settings .dashbored-wrap .tile,
body.theme-dark app-consultation-settings .dashbored-wrap .com-record,
body.theme-dark app-consultation-settings .dashbored-wrap table,
body.theme-dark app-consultation-settings .dashbored-wrap thead,
body.theme-dark app-consultation-settings .dashbored-wrap tbody,
body.theme-dark app-consultation-settings .dashbored-wrap tr,
body.theme-dark app-consultation-settings .dashbored-wrap td,
body.theme-dark app-consultation-settings .dashbored-wrap th,
body.theme-dark app-donation-settings .dashbored-wrap .box,
body.theme-dark app-donation-settings .dashbored-wrap .top-menu-wrap,
body.theme-dark app-donation-settings .dashbored-wrap table,
body.theme-dark app-donation-settings .dashbored-wrap thead,
body.theme-dark app-donation-settings .dashbored-wrap tbody,
body.theme-dark app-donation-settings .dashbored-wrap tr,
body.theme-dark app-donation-settings .dashbored-wrap td,
body.theme-dark app-notification-settings .dashbored-wrap .box,
body.theme-dark app-notification-settings .dashbored-wrap .top-menu-wrap,
body.theme-dark app-notification-settings .dashbored-wrap table,
body.theme-dark app-notification-settings .dashbored-wrap thead,
body.theme-dark app-notification-settings .dashbored-wrap tbody,
body.theme-dark app-notification-settings .dashbored-wrap tr,
body.theme-dark app-notification-settings .dashbored-wrap td,
body.theme-dark app-coupon-code .dashbored-wrap .box,
body.theme-dark app-coupon-code .dashbored-wrap table,
body.theme-dark app-coupon-code .dashbored-wrap thead,
body.theme-dark app-coupon-code .dashbored-wrap tbody,
body.theme-dark app-coupon-code .dashbored-wrap tr,
body.theme-dark app-coupon-code .dashbored-wrap td {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark app-consultation-settings .dashbored-wrap th,
body.theme-dark app-donation-settings .dashbored-wrap th,
body.theme-dark app-notification-settings .dashbored-wrap th,
body.theme-dark app-coupon-code .dashbored-wrap th {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

/* Inner elements: top menu bar, cards, tables, filters */
body.theme-dark app-dashboard .dashbored-wrap .top-menu-wrap,
body.theme-dark app-dashboard .dashbored-wrap .box,
body.theme-dark app-dashboard .dashbored-wrap .filter,
body.theme-dark app-dashboard .dashbored-wrap .search-input,
body.theme-dark app-dashboard .dashbored-wrap .detail-list,
body.theme-dark app-dashboard .dashbored-wrap .detail-description,
body.theme-dark app-dashboard .dashbored-wrap .com-record,
body.theme-dark app-dashboard .dashbored-wrap .table-wrap,
body.theme-dark app-dashboard .dashbored-wrap .mobile-design,
body.theme-dark app-dashboard .dashbored-wrap .tile,
body.theme-dark app-dashboard .dashbored-wrap table,
body.theme-dark app-dashboard .dashbored-wrap thead,
body.theme-dark app-dashboard .dashbored-wrap tbody,
body.theme-dark app-dashboard .dashbored-wrap tr,
body.theme-dark app-dashboard .dashbored-wrap td,
body.theme-dark app-dashboard .dashbored-wrap th {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

/* Table header row stays slightly darker */
body.theme-dark app-dashboard .dashbored-wrap th {
  background: #0f172a !important;
  background-color: #0f172a !important;
}

/* Hover row */
body.theme-dark app-dashboard .dashbored-wrap tbody tr:hover {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
}

/* Text colours inside all child routes */
body.theme-dark app-dashboard .dashbored-wrap p,
body.theme-dark app-dashboard .dashbored-wrap span,
body.theme-dark app-dashboard .dashbored-wrap label,
body.theme-dark app-dashboard .dashbored-wrap li,
body.theme-dark app-dashboard .dashbored-wrap h1,
body.theme-dark app-dashboard .dashbored-wrap h2,
body.theme-dark app-dashboard .dashbored-wrap h3,
body.theme-dark app-dashboard .dashbored-wrap h4,
body.theme-dark app-dashboard .dashbored-wrap h5,
body.theme-dark app-dashboard .dashbored-wrap h6,
body.theme-dark app-dashboard .dashbored-wrap i,
body.theme-dark app-content-analytics .dashbored-wrap p,
body.theme-dark app-content-analytics .dashbored-wrap span,
body.theme-dark app-content-analytics .dashbored-wrap h1,
body.theme-dark app-content-analytics .dashbored-wrap h2,
body.theme-dark app-content-analytics .dashbored-wrap h3,
body.theme-dark app-content-analytics .dashbored-wrap h4,
body.theme-dark app-content-analytics .dashbored-wrap h5,
body.theme-dark app-content-analytics .dashbored-wrap h6,
body.theme-dark app-giftedfunds .dashbored-wrap p,
body.theme-dark app-giftedfunds .dashbored-wrap span,
body.theme-dark app-giftedfunds .dashbored-wrap h3,
body.theme-dark app-consultations .dashbored-wrap p,
body.theme-dark app-consultations .dashbored-wrap span,
body.theme-dark app-consultations .dashbored-wrap h3,
body.theme-dark app-scheduleconsultations .dashbored-wrap p,
body.theme-dark app-scheduleconsultations .dashbored-wrap span,
body.theme-dark app-access-requests .dashbored-wrap p,
body.theme-dark app-access-requests .dashbored-wrap span,
body.theme-dark app-flow-reviews .dashbored-wrap p,
body.theme-dark app-flow-reviews .dashbored-wrap span,
body.theme-dark app-consultation-settings .dashbored-wrap p,
body.theme-dark app-consultation-settings .dashbored-wrap span,
body.theme-dark app-donation-settings .dashbored-wrap p,
body.theme-dark app-donation-settings .dashbored-wrap span,
body.theme-dark app-notification-settings .dashbored-wrap p,
body.theme-dark app-notification-settings .dashbored-wrap span,
body.theme-dark app-coupon-code .dashbored-wrap p,
body.theme-dark app-coupon-code .dashbored-wrap span,
body.theme-dark app-change-old-password .dashbored-wrap p,
body.theme-dark app-change-old-password .dashbored-wrap span,
body.theme-dark app-forget-password .dashbored-wrap p,
body.theme-dark app-forget-password .dashbored-wrap span,
body.theme-dark app-delete-account .dashbored-wrap p,
body.theme-dark app-delete-account .dashbored-wrap span {
  color: #ffffff !important;
}

/* Skeleton loaders in dark mode – all dashboard + settings child routes */
body.theme-dark app-dashboard .skeleton-table-container,
body.theme-dark app-dashboard .skeleton-mobile-container,
body.theme-dark app-dashboard .skeleton-box,
body.theme-dark app-content-analytics .skeleton-table-container,
body.theme-dark app-content-analytics .skeleton-mobile-container,
body.theme-dark app-content-analytics .skeleton-box,
body.theme-dark app-giftedfunds .skeleton-table-container,
body.theme-dark app-giftedfunds .skeleton-mobile-container,
body.theme-dark app-giftedfunds .skeleton-box,
body.theme-dark app-giftedfunds .skeleton-tile,
body.theme-dark app-consultations .skeleton-table-container,
body.theme-dark app-consultations .skeleton-mobile-container,
body.theme-dark app-consultations .skeleton-box,
body.theme-dark app-consultations .skeleton-tile,
body.theme-dark app-scheduleconsultations .skeleton-table-container,
body.theme-dark app-scheduleconsultations .skeleton-mobile-container,
body.theme-dark app-scheduleconsultations .skeleton-box,
body.theme-dark app-scheduleconsultations .skeleton-tile,
body.theme-dark app-access-requests .skeleton-table-container,
body.theme-dark app-access-requests .skeleton-mobile-container,
body.theme-dark app-access-requests .skeleton-box,
body.theme-dark app-access-requests .skeleton-tile,
body.theme-dark app-flow-reviews .skeleton-table-container,
body.theme-dark app-flow-reviews .skeleton-mobile-container,
body.theme-dark app-flow-reviews .skeleton-box,
body.theme-dark app-flow-reviews .skeleton-tile,
body.theme-dark app-transfered-content-approvals .skeleton-table-container,
body.theme-dark app-transfered-content-approvals .skeleton-mobile-container,
body.theme-dark app-transfered-content-approvals .skeleton-box,
body.theme-dark app-incoming-approvals .skeleton-table-container,
body.theme-dark app-incoming-approvals .skeleton-mobile-container,
body.theme-dark app-incoming-approvals .skeleton-box,
body.theme-dark app-outgoing-approvals .skeleton-table-container,
body.theme-dark app-outgoing-approvals .skeleton-mobile-container,
body.theme-dark app-outgoing-approvals .skeleton-box {
  background: linear-gradient(90deg, #1f2937 25%, #2d3a4d 50%, #1f2937 75%) !important;
  background-color: #1f2937 !important;
  background-size: 200% 100% !important;
  animation: fc-skeleton-shimmer 1.6s ease-in-out infinite !important;
}

/* Skeleton shimmer animations – all dashboard child routes */
body.theme-dark app-dashboard .skeleton-text,
body.theme-dark app-dashboard .skeleton-bold,
body.theme-dark app-dashboard .skeleton-count,
body.theme-dark app-dashboard .skeleton-checkbox,
body.theme-dark app-dashboard .skeleton-icon,
body.theme-dark app-dashboard .skeleton-image,
body.theme-dark app-dashboard .skeleton-price,
body.theme-dark app-content-analytics [class*=skeleton-],
body.theme-dark app-giftedfunds [class*=skeleton-],
body.theme-dark app-consultations [class*=skeleton-],
body.theme-dark app-scheduleconsultations [class*=skeleton-],
body.theme-dark app-access-requests [class*=skeleton-],
body.theme-dark app-flow-reviews [class*=skeleton-],
body.theme-dark app-transfered-content-approvals [class*=skeleton-],
body.theme-dark app-incoming-approvals [class*=skeleton-],
body.theme-dark app-outgoing-approvals [class*=skeleton-] {
  background: linear-gradient(90deg, #1f2937 25%, #374151 50%, #1f2937 75%) !important;
  background-size: 200% 100% !important;
  animation: fc-skeleton-shimmer 1.5s ease-in-out infinite !important;
}

/* Settings child route containers */
body.theme-dark app-consultation-settings .settings-container,
body.theme-dark app-consultation-settings .setting-page,
body.theme-dark app-donation-settings .settings-container,
body.theme-dark app-donation-settings .setting-page,
body.theme-dark app-notification-settings .settings-container,
body.theme-dark app-notification-settings .setting-page,
body.theme-dark app-coupon-code .settings-container,
body.theme-dark app-coupon-code .setting-page,
body.theme-dark app-change-old-password .settings-container,
body.theme-dark app-change-old-password .setting-page,
body.theme-dark app-forget-password .settings-container,
body.theme-dark app-forget-password .setting-page,
body.theme-dark app-delete-account .settings-container,
body.theme-dark app-delete-account .setting-page {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #ffffff !important;
}

/* Inline white/light backgrounds set via [style] attributes */
body.theme-dark app-user-dashboard [style*="background: #fff"],
body.theme-dark app-user-dashboard [style*="background:#fff"],
body.theme-dark app-user-dashboard [style*="background: white"],
body.theme-dark app-user-dashboard [style*="background:white"],
body.theme-dark app-user-dashboard [style*="background-color: #fff"],
body.theme-dark app-user-dashboard [style*="background-color:#fff"],
body.theme-dark app-user-dashboard [style*="background-color: white"],
body.theme-dark app-user-dashboard [style*="background-color:white"],
body.theme-dark app-user-settings [style*="background: #fff"],
body.theme-dark app-user-settings [style*="background:#fff"],
body.theme-dark app-user-settings [style*="background: white"],
body.theme-dark app-user-settings [style*="background:white"],
body.theme-dark app-user-settings [style*="background-color: #fff"],
body.theme-dark app-user-settings [style*="background-color:#fff"],
body.theme-dark app-user-settings [style*="background-color: white"],
body.theme-dark app-user-settings [style*="background-color:white"] {
  background: #111827 !important;
  background-color: #111827 !important;
}

/* Broad inner-element overrides for ALL dashboard + settings child routes */
body.theme-dark app-dashboard .dashbored-wrap .box,
body.theme-dark app-dashboard .dashbored-wrap .detail-list,
body.theme-dark app-dashboard .dashbored-wrap .detail-description,
body.theme-dark app-dashboard .dashbored-wrap .com-record,
body.theme-dark app-dashboard .dashbored-wrap .top-menu-wrap,
body.theme-dark app-content-analytics .dashbored-wrap .box,
body.theme-dark app-content-analytics .dashbored-wrap .table-wrap,
body.theme-dark app-content-analytics .dashbored-wrap table,
body.theme-dark app-content-analytics .dashbored-wrap td,
body.theme-dark app-content-analytics .dashbored-wrap th,
body.theme-dark app-giftedfunds .dashbored-wrap .box,
body.theme-dark app-giftedfunds .dashbored-wrap table,
body.theme-dark app-giftedfunds .dashbored-wrap td,
body.theme-dark app-giftedfunds .dashbored-wrap th,
body.theme-dark app-consultations .dashbored-wrap .box,
body.theme-dark app-consultations .dashbored-wrap table,
body.theme-dark app-consultations .dashbored-wrap td,
body.theme-dark app-consultations .dashbored-wrap th,
body.theme-dark app-scheduleconsultations .dashbored-wrap .box,
body.theme-dark app-scheduleconsultations .dashbored-wrap table,
body.theme-dark app-scheduleconsultations .dashbored-wrap td,
body.theme-dark app-scheduleconsultations .dashbored-wrap th,
body.theme-dark app-access-requests .dashbored-wrap .box,
body.theme-dark app-access-requests .dashbored-wrap table,
body.theme-dark app-access-requests .dashbored-wrap td,
body.theme-dark app-access-requests .dashbored-wrap th,
body.theme-dark app-flow-reviews .dashbored-wrap .box,
body.theme-dark app-flow-reviews .dashbored-wrap table,
body.theme-dark app-flow-reviews .dashbored-wrap td,
body.theme-dark app-flow-reviews .dashbored-wrap th,
body.theme-dark app-transfered-content-approvals .dashbored-wrap .box,
body.theme-dark app-transfered-content-approvals .dashbored-wrap table,
body.theme-dark app-transfered-content-approvals .dashbored-wrap td,
body.theme-dark app-transfered-content-approvals .dashbored-wrap th,
body.theme-dark app-outgoing-approvals .dashbored-wrap .box,
body.theme-dark app-outgoing-approvals .dashbored-wrap table,
body.theme-dark app-outgoing-approvals .dashbored-wrap td,
body.theme-dark app-outgoing-approvals .dashbored-wrap th,
body.theme-dark app-incoming-approvals .dashbored-wrap .box,
body.theme-dark app-incoming-approvals .dashbored-wrap table,
body.theme-dark app-incoming-approvals .dashbored-wrap td,
body.theme-dark app-incoming-approvals .dashbored-wrap th {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

/* Table header distinct shade for all dashboard child routes */
body.theme-dark app-content-analytics .dashbored-wrap th,
body.theme-dark app-giftedfunds .dashbored-wrap th,
body.theme-dark app-consultations .dashbored-wrap th,
body.theme-dark app-scheduleconsultations .dashbored-wrap th,
body.theme-dark app-access-requests .dashbored-wrap th,
body.theme-dark app-flow-reviews .dashbored-wrap th,
body.theme-dark app-transfered-content-approvals .dashbored-wrap th,
body.theme-dark app-outgoing-approvals .dashbored-wrap th,
body.theme-dark app-incoming-approvals .dashbored-wrap th {
  background: #0f172a !important;
  background-color: #0f172a !important;
}

/* Table row hover for all dashboard child routes */
body.theme-dark app-content-analytics .dashbored-wrap tbody tr:hover,
body.theme-dark app-giftedfunds .dashbored-wrap tbody tr:hover,
body.theme-dark app-consultations .dashbored-wrap tbody tr:hover,
body.theme-dark app-scheduleconsultations .dashbored-wrap tbody tr:hover,
body.theme-dark app-access-requests .dashbored-wrap tbody tr:hover,
body.theme-dark app-flow-reviews .dashbored-wrap tbody tr:hover,
body.theme-dark app-transfered-content-approvals .dashbored-wrap tbody tr:hover,
body.theme-dark app-outgoing-approvals .dashbored-wrap tbody tr:hover,
body.theme-dark app-incoming-approvals .dashbored-wrap tbody tr:hover {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
}

/* ---- Inline-style white background overrides for dashboard child routes ---- */
/* Covers any div with style="background-color: white / #fff" left in templates  */
body.theme-dark app-giftedfunds [style*="background-color: white"],
body.theme-dark app-giftedfunds [style*="background-color:#fff"],
body.theme-dark app-giftedfunds [style*="background-color: #fff"],
body.theme-dark app-consultations [style*="background-color: white"],
body.theme-dark app-consultations [style*="background-color:#fff"],
body.theme-dark app-consultations [style*="background-color: #fff"],
body.theme-dark app-scheduleconsultations [style*="background-color: white"],
body.theme-dark app-scheduleconsultations [style*="background-color:#fff"],
body.theme-dark app-transfered-content-approvals [style*="background-color: white"],
body.theme-dark app-transfered-content-approvals [style*="background-color:#fff"],
body.theme-dark app-incoming-approvals [style*="background-color: white"],
body.theme-dark app-incoming-approvals [style*="background-color:#fff"],
body.theme-dark app-outgoing-approvals [style*="background-color: white"],
body.theme-dark app-outgoing-approvals [style*="background-color:#fff"],
body.theme-dark app-access-requests [style*="background-color: white"],
body.theme-dark app-access-requests [style*="background-color:#fff"],
body.theme-dark app-flow-reviews [style*="background-color: white"],
body.theme-dark app-flow-reviews [style*="background-color:#fff"],
body.theme-dark app-content-analytics [style*="background-color: white"],
body.theme-dark app-content-analytics [style*="background-color:#fff"],
body.theme-dark app-dashboard [style*="background-color: white"],
body.theme-dark app-dashboard [style*="background-color:#fff"],
body.theme-dark app-coupon-code [style*="background-color: white"],
body.theme-dark app-coupon-code [style*="background-color:#fff"],
body.theme-dark app-consultation-settings [style*="background-color: white"],
body.theme-dark app-donation-settings [style*="background-color: white"],
body.theme-dark app-notification-settings [style*="background-color: white"],
body.theme-dark app-change-old-password [style*="background-color: white"],
body.theme-dark app-delete-account [style*="background-color: white"] {
  background-color: #111827 !important;
  background: #111827 !important;
  color: #e5e7eb !important;
}

/* Also cover child-component setting-dashboard roots (they render inside router-outlet) */
body.theme-dark app-giftedfunds .setting-dashboard,
body.theme-dark app-giftedfunds .dashbored-wrap,
body.theme-dark app-giftedfunds .scroll-div,
body.theme-dark app-giftedfunds .com-record,
body.theme-dark app-giftedfunds .container1,
body.theme-dark app-consultations .setting-dashboard,
body.theme-dark app-consultations .dashbored-wrap,
body.theme-dark app-consultations .scroll-div,
body.theme-dark app-consultations .com-record,
body.theme-dark app-scheduleconsultations .setting-dashboard,
body.theme-dark app-scheduleconsultations .dashbored-wrap,
body.theme-dark app-scheduleconsultations .scroll-div,
body.theme-dark app-scheduleconsultations .com-record,
body.theme-dark app-access-requests .setting-dashboard,
body.theme-dark app-access-requests .dashbored-wrap,
body.theme-dark app-access-requests .scroll-div,
body.theme-dark app-flow-reviews .setting-dashboard,
body.theme-dark app-flow-reviews .dashbored-wrap,
body.theme-dark app-flow-reviews .scroll-div,
body.theme-dark app-flow-reviews .flow-reviews-container,
body.theme-dark app-transfered-content-approvals .setting-dashboard,
body.theme-dark app-transfered-content-approvals .dashbored-wrap,
body.theme-dark app-transfered-content-approvals .scroll-div,
body.theme-dark app-incoming-approvals .setting-dashboard,
body.theme-dark app-incoming-approvals .dashbored-wrap,
body.theme-dark app-incoming-approvals .scroll-div,
body.theme-dark app-outgoing-approvals .setting-dashboard,
body.theme-dark app-outgoing-approvals .dashbored-wrap,
body.theme-dark app-outgoing-approvals .scroll-div,
body.theme-dark app-content-analytics .setting-dashboard,
body.theme-dark app-content-analytics .dashbored-wrap,
body.theme-dark app-content-analytics .scroll-div,
body.theme-dark app-coupon-code .setting-dashboard,
body.theme-dark app-coupon-code .dashbored-wrap,
body.theme-dark app-consultation-settings .setting-dashboard,
body.theme-dark app-consultation-settings .dashbored-wrap,
body.theme-dark app-donation-settings .setting-dashboard,
body.theme-dark app-donation-settings .dashbored-wrap,
body.theme-dark app-notification-settings .setting-dashboard,
body.theme-dark app-notification-settings .dashbored-wrap,
body.theme-dark app-change-old-password .setting-dashboard,
body.theme-dark app-change-old-password .dashbored-wrap,
body.theme-dark app-delete-account .setting-dashboard,
body.theme-dark app-delete-account .dashbored-wrap {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

/* Settings child route form elements */
body.theme-dark app-consultation-settings input,
body.theme-dark app-consultation-settings select,
body.theme-dark app-consultation-settings textarea,
body.theme-dark app-donation-settings input,
body.theme-dark app-donation-settings select,
body.theme-dark app-notification-settings input,
body.theme-dark app-notification-settings select,
body.theme-dark app-coupon-code input,
body.theme-dark app-coupon-code select,
body.theme-dark app-change-old-password input,
body.theme-dark app-forget-password input,
body.theme-dark app-delete-account input {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

/* ============================================================
   Global dark mode: override ALL hardcoded inline white
   backgrounds and black/near-black text across every component.
   Uses CSS attribute selectors — these beat normal inline styles
   when paired with !important.
   Elements with inline `!important` are handled directly in
   their templates (see checkout-navigator.component.html).
   ============================================================ */
/* --- Inline white / light backgrounds → dark surface --- */
body.theme-dark [style*="background-color: white"],
body.theme-dark [style*="background-color:white"],
body.theme-dark [style*="background-color: #fff"],
body.theme-dark [style*="background-color:#fff"],
body.theme-dark [style*="background-color: #ffffff"],
body.theme-dark [style*="background-color:#ffffff"],
body.theme-dark [style*="background-color: rgb(255, 255, 255)"],
body.theme-dark [style*="background-color:rgb(255,255,255)"],
body.theme-dark [style*="background: white"],
body.theme-dark [style*="background:white"],
body.theme-dark [style*="background: #fff"],
body.theme-dark [style*="background:#fff"],
body.theme-dark [style*="background: #ffffff"],
body.theme-dark [style*="background:#ffffff"],
body.theme-dark [style*="background: rgb(255, 255, 255)"],
body.theme-dark [style*="background:rgb(255,255,255)"] {
  background-color: #111827 !important;
  background: #111827 !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

/* --- Inline black / near-black text → light text --- */
body.theme-dark [style*="color: black"],
body.theme-dark [style*="color:black"],
body.theme-dark [style*="color: #000"],
body.theme-dark [style*="color:#000"],
body.theme-dark [style*="color: #000000"],
body.theme-dark [style*="color:#000000"],
body.theme-dark [style*="color: #212427"],
body.theme-dark [style*="color:#212427"],
body.theme-dark [style*="color: #333"],
body.theme-dark [style*="color:#333"],
body.theme-dark [style*="color: #333333"],
body.theme-dark [style*="color:#333333"],
body.theme-dark [style*="color: #111827"],
body.theme-dark [style*="color:#111827"],
body.theme-dark [style*="color: rgb(0, 0, 0)"],
body.theme-dark [style*="color:rgb(0,0,0)"] {
  color: #e5e7eb !important;
}

/* --- Component root divs that are full-page white wrappers --- */
body.theme-dark app-steps > div,
body.theme-dark app-bulb-guide > div,
body.theme-dark app-following > div,
body.theme-dark app-followers > div,
body.theme-dark app-flow-by-category > div,
body.theme-dark app-categories > div,
body.theme-dark app-capture-image > div,
body.theme-dark app-create-blog > div,
body.theme-dark app-cover-page > div,
body.theme-dark app-sample > div,
body.theme-dark app-addflowsin-bundle > div,
body.theme-dark app-vouchercode > div,
body.theme-dark app-feedbackforms > div {
  background-color: #111827 !important;
  background: #111827 !important;
  color: #e5e7eb !important;
}

/* --- Google Translate banner/iframe dark override --- */
body.theme-dark .goog-te-banner-frame,
body.theme-dark iframe.skiptranslate,
body.theme-dark iframe[class*=skiptranslate] {
  background-color: #1f2937 !important;
  border-top-color: rgba(148, 163, 184, 0.25) !important;
}

/* ============================================================
   DARK MODE — Global table / card / dialog overrides
   These rules must sit AFTER all light-mode globals so they
   have source-order priority and can beat the hardcoded
   white backgrounds defined earlier in this file.
   ============================================================ */
/* .table-card shell */
body.theme-dark .table-card {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

/* .fc-table and legacy wrapped tables */
body.theme-dark .fc-table,
body.theme-dark .table-parent.table-card .responsive-tabel.table-bordered,
body.theme-dark .table-parent.table-card table.table,
body.theme-dark .table-parent.table-card .reviews-table {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
}

/* fc-table header */
body.theme-dark .fc-table thead th,
body.theme-dark .table-parent.table-card .responsive-tabel.table-bordered thead th,
body.theme-dark .table-parent.table-card table.table thead th {
  background-color: #0f172a !important;
  background: #0f172a !important;
  color: #94a3b8 !important;
  border-bottom-color: rgba(148, 163, 184, 0.25) !important;
  border-right-color: rgba(148, 163, 184, 0.15) !important;
}

/* fc-table body cells */
body.theme-dark .fc-table tbody td,
body.theme-dark .table-parent.table-card .responsive-tabel.table-bordered tbody td,
body.theme-dark .table-parent.table-card table.table tbody td {
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
  border-top-color: rgba(148, 163, 184, 0.15) !important;
  border-right-color: rgba(148, 163, 184, 0.1) !important;
}

/* fc-table alternating rows */
body.theme-dark .fc-table tbody tr:nth-child(even) td {
  background-color: #253347 !important;
}

/* fc-table row hover */
body.theme-dark .fc-table tbody tr:hover td {
  background-color: #374151 !important;
  color: #f1f5f9 !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
}

/* .com-record card (stat/count cards on dashboard) */
body.theme-dark .com-record {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark .com-record > span:first-child,
body.theme-dark .com-record > strong:first-child,
body.theme-dark .com-record > b:first-child,
body.theme-dark .com-record .count,
body.theme-dark .com-record .value {
  background: #374151 !important;
  background-color: #374151 !important;
  color: #f1f5f9 !important;
}

/* Count/value badges inside followers-tag stat cards (access-requests, flow-reviews) */
body.theme-dark .com-record .followers-tag .box .text .count,
body.theme-dark .com-record .flow-reviews-stats .box .text .count {
  background: transparent !important;
  background-color: transparent !important;
}

body.theme-dark .com-record .followers-tag .box .text .count b,
body.theme-dark .com-record .flow-reviews-stats .box .text .count b {
  color: #f1f5f9 !important;
}

body.theme-dark .com-record .followers-tag .box,
body.theme-dark .com-record .flow-reviews-stats .box {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark .com-record h6,
body.theme-dark .com-record p,
body.theme-dark .com-record .title {
  color: #cbd5e1 !important;
}

/* Material Dialog containers — override the #fff !important set earlier */
body.theme-dark .mat-mdc-dialog-container,
body.theme-dark .mat-mdc-dialog-surface,
body.theme-dark .mat-mdc-dialog-content,
body.theme-dark .mat-mdc-dialog-actions,
body.theme-dark .mat-mdc-dialog-panel {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
}

body.theme-dark .dialoguebox,
body.theme-dark .bundle-transfer-warning-dialog,
body.theme-dark .confirm-bundle-removal-dialog {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
}

/* cdk overlay pane background (already has #fff overrides higher up) */
body.theme-dark .cdk-overlay-pane .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-container .mat-mdc-dialog-container {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
}

/* ── Dark mode scrollbars and overflow areas for dashboard table containers ── */
/* Scrollbar track + thumb on all overflow containers in dark mode */
body.theme-dark .table-parent::-webkit-scrollbar,
body.theme-dark .table-card::-webkit-scrollbar,
body.theme-dark .scroll-div::-webkit-scrollbar,
body.theme-dark .dashbored-wrap::-webkit-scrollbar,
body.theme-dark .table-wrap::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: #111827;
}

body.theme-dark .table-parent::-webkit-scrollbar-track,
body.theme-dark .table-card::-webkit-scrollbar-track,
body.theme-dark .scroll-div::-webkit-scrollbar-track,
body.theme-dark .dashbored-wrap::-webkit-scrollbar-track,
body.theme-dark .table-wrap::-webkit-scrollbar-track {
  background: #1f2937;
  border-radius: 4px;
}

body.theme-dark .table-parent::-webkit-scrollbar-thumb,
body.theme-dark .table-card::-webkit-scrollbar-thumb,
body.theme-dark .scroll-div::-webkit-scrollbar-thumb,
body.theme-dark .dashbored-wrap::-webkit-scrollbar-thumb,
body.theme-dark .table-wrap::-webkit-scrollbar-thumb {
  background: #374151;
  border-radius: 4px;
}

body.theme-dark .table-parent::-webkit-scrollbar-thumb:hover,
body.theme-dark .table-card::-webkit-scrollbar-thumb:hover,
body.theme-dark .scroll-div::-webkit-scrollbar-thumb:hover,
body.theme-dark .table-wrap::-webkit-scrollbar-thumb:hover {
  background: #4b5563;
}

body.theme-dark .table-parent::-webkit-scrollbar-corner,
body.theme-dark .table-card::-webkit-scrollbar-corner,
body.theme-dark .scroll-div::-webkit-scrollbar-corner,
body.theme-dark .dashbored-wrap::-webkit-scrollbar-corner,
body.theme-dark .table-wrap::-webkit-scrollbar-corner {
  background: #111827;
}

/* Background of the scrollable containers themselves */
body.theme-dark .table-parent {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
}

body.theme-dark .scroll-div {
  background: #111827 !important;
  background-color: #111827 !important;
}

body.theme-dark .table-wrap {
  background: #111827 !important;
  background-color: #111827 !important;
}

/* .container5 — global rule sets background:#fff; override here */
body.theme-dark .container5 {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

/* .page-section-header inside container5 must be transparent */
body.theme-dark .page-section-header {
  background: transparent !important;
}

/* .filter-section — used across multiple dashboard pages */
body.theme-dark .filter-section {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark .filter-section label {
  color: #94a3b8 !important;
}

body.theme-dark .filter-section input,
body.theme-dark .filter-section select {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
}

/* .big-box — used across outgoing/incoming approvals */
body.theme-dark .big-box {
  background: #111827 !important;
  background-color: #111827 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

/* General card wrappers inside dashboard/settings child routes */
body.theme-dark .consultations-list-card,
body.theme-dark .access-requests-list-card,
body.theme-dark .reviews-list-card {
  background: #111827 !important;
  background-color: #111827 !important;
}

/* ══════════════════════════════════════════════════════════
   consult-settings-v2 — dark mode fixes (global, no encapsulation)
   ══════════════════════════════════════════════════════════ */
/* Consultation settings — fixed footer bar */
body.theme-dark .csw-footer-bar {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-top-color: rgba(148, 163, 184, 0.25) !important;
  box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.4) !important;
  color: #e5e7eb !important;
}

body.theme-dark .csw-footer-bar .csw-footer-note {
  color: #94a3b8 !important;
}

body.theme-dark .csw-footer-bar .csw-btn-text {
  border-color: #5ea1d8 !important;
  color: #7bbde8 !important;
  background: transparent !important;
}

body.theme-dark .csw-footer-bar .csw-btn-text:hover:not(:disabled) {
  background: rgba(94, 161, 216, 0.12) !important;
}

body.theme-dark .csw-footer-bar .csw-btn-text:disabled {
  opacity: 0.4 !important;
}

/* ── Root wrapper background — matches other user-settings pages (--fc-bg) ── */
body.theme-dark app-consultation-settings .consult-settings-v2 {
  background: #111827 !important;
}

/* ── Inputs / selects / textareas ── */
body.theme-dark .csw-input,
body.theme-dark .csw-select,
body.theme-dark .consult-settings-v2 .csw-input,
body.theme-dark .consult-settings-v2 .csw-select,
body.theme-dark .consult-settings-v2 input:not([type=checkbox]):not([type=radio]),
body.theme-dark .consult-settings-v2 select,
body.theme-dark .consult-settings-v2 textarea {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

/* Placeholder override — specificity (0,2,3) ties the global rule; later position wins */
body.theme-dark .app-main-content app-consultation-settings .csw-input::placeholder,
body.theme-dark .app-main-content app-consultation-settings .csw-select::placeholder,
body.theme-dark .app-main-content app-consultation-settings input::placeholder,
body.theme-dark .app-main-content app-consultation-settings textarea::placeholder,
body.theme-dark .app-main-content app-consultation-settings .mat-mdc-input-element::placeholder,
body.theme-dark .app-main-content app-consultation-settings .mdc-text-field__input::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

/* webkit / moz / ms vendor prefixes */
body.theme-dark .app-main-content app-consultation-settings input::-webkit-input-placeholder,
body.theme-dark .app-main-content app-consultation-settings textarea::-webkit-input-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

body.theme-dark .app-main-content app-consultation-settings input::-moz-placeholder,
body.theme-dark .app-main-content app-consultation-settings textarea::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

body.theme-dark .app-main-content app-consultation-settings input:-ms-input-placeholder,
body.theme-dark .app-main-content app-consultation-settings textarea:-ms-input-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

body.theme-dark .csw-input:focus,
body.theme-dark .csw-select:focus,
body.theme-dark .consult-settings-v2 .csw-input:focus,
body.theme-dark .consult-settings-v2 .csw-select:focus,
body.theme-dark .consult-settings-v2 input:focus,
body.theme-dark .consult-settings-v2 select:focus,
body.theme-dark .consult-settings-v2 textarea:focus {
  border-color: #5ea1d8 !important;
  box-shadow: 0 0 0 2px rgba(94, 161, 216, 0.2) !important;
}

body.theme-dark .csw-input:disabled,
body.theme-dark .csw-select:disabled,
body.theme-dark .consult-settings-v2 .csw-input:disabled,
body.theme-dark .consult-settings-v2 input:disabled,
body.theme-dark .consult-settings-v2 select:disabled {
  background: #1e293b !important;
  background-color: #1e293b !important;
  color: rgba(148, 163, 184, 0.6) !important;
  cursor: not-allowed !important;
}

/* Input icon/prefix colour */
body.theme-dark .csw-input-icon,
body.theme-dark .consult-settings-v2 .csw-input-icon {
  color: #94a3b8 !important;
}

/* Icon action buttons (edit / delete row icons) */
body.theme-dark .csw-icon-btn {
  color: #7bbde8 !important;
}

body.theme-dark .csw-icon-btn:hover {
  color: #93c9f0 !important;
  background: rgba(94, 161, 216, 0.12) !important;
}

body.theme-dark .csw-icon-btn-danger {
  color: #fca5a5 !important;
}

body.theme-dark .csw-icon-btn-danger:hover {
  color: #fca5a5 !important;
  background: rgba(180, 35, 24, 0.15) !important;
}

/* Tip lightbulb icon */
body.theme-dark .csw-tip-icon {
  color: #f0a0c8 !important;
}

/* csw-btn-text (outline blue buttons) — globally, not just in footer */
body.theme-dark .csw-btn-text,
body.theme-dark .consult-settings-v2 .csw-btn-text {
  color: #7bbde8 !important;
  border-color: #5ea1d8 !important;
  background: transparent !important;
}

body.theme-dark .csw-btn-text:hover:not(:disabled),
body.theme-dark .consult-settings-v2 .csw-btn-text:hover:not(:disabled) {
  background: rgba(94, 161, 216, 0.1) !important;
  color: #93c9f0 !important;
}

body.theme-dark .csw-btn-text:disabled,
body.theme-dark .consult-settings-v2 .csw-btn-text:disabled {
  opacity: 0.4 !important;
}

/* Icon wrap boxes — primary / secondary / tertiary variants */
body.theme-dark .csw-icon-wrap-primary {
  background: rgba(94, 161, 216, 0.15) !important;
  color: #7bbde8 !important;
}

body.theme-dark .csw-icon-wrap-secondary {
  background: rgba(183, 11, 103, 0.15) !important;
  color: #f0a0c8 !important;
}

body.theme-dark .csw-icon-wrap-tertiary {
  background: rgba(130, 85, 0, 0.18) !important;
  color: #fbbf24 !important;
}

/* Ghost / secondary buttons */
body.theme-dark .csw-btn-ghost,
body.theme-dark .consult-settings-v2 .csw-btn-ghost {
  background: #1e293b !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
  color: #e5e7eb !important;
}

body.theme-dark .csw-btn-ghost:hover:not(:disabled),
body.theme-dark .consult-settings-v2 .csw-btn-ghost:hover:not(:disabled) {
  background: #334155 !important;
}

/* Dashed add-row buttons */
body.theme-dark .csw-btn-dashed,
body.theme-dark .consult-settings-v2 .csw-btn-dashed {
  background: #1e293b !important;
  border-color: #5ea1d8 !important;
  color: #e5e7eb !important;
}

body.theme-dark .csw-btn-dashed:hover:not(:disabled),
body.theme-dark .consult-settings-v2 .csw-btn-dashed:hover:not(:disabled) {
  background: #334155 !important;
}

/* Tertiary link-style buttons */
body.theme-dark .csw-btn-link,
body.theme-dark .consult-settings-v2 .csw-btn-link {
  background: #1e293b !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
  color: #e5e7eb !important;
}

body.theme-dark .csw-btn-link:hover:not(:disabled),
body.theme-dark .consult-settings-v2 .csw-btn-link:hover:not(:disabled) {
  background: #334155 !important;
  color: #e5e7eb !important;
}

/* Remove-all destructive button */
body.theme-dark .csw-remove-all-btn,
body.theme-dark .consult-settings-v2 .csw-remove-all-btn {
  background: rgba(180, 35, 24, 0.15) !important;
  border-color: rgba(180, 35, 24, 0.4) !important;
  color: #fca5a5 !important;
}

body.theme-dark .csw-remove-all-btn:hover:not(:disabled),
body.theme-dark .consult-settings-v2 .csw-remove-all-btn:hover:not(:disabled) {
  background: rgba(180, 35, 24, 0.25) !important;
  border-color: rgba(180, 35, 24, 0.55) !important;
}

/* Tips */
body.theme-dark .csw-tip,
body.theme-dark .consult-settings-v2 .csw-tip {
  background: rgba(254, 80, 157, 0.08) !important;
  border-color: rgba(254, 80, 157, 0.25) !important;
}

body.theme-dark .csw-tip p,
body.theme-dark .consult-settings-v2 .csw-tip p {
  color: #f9a8d4 !important;
}

/* Angular Material outline fields (csw-mat-field) */
body.theme-dark .csw-mat-field .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
body.theme-dark .csw-mat-field .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
body.theme-dark .csw-mat-field .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark .csw-mat-field:hover:not(.mat-focused) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
body.theme-dark .csw-mat-field:hover:not(.mat-focused) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
body.theme-dark .csw-mat-field:hover:not(.mat-focused) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(148, 163, 184, 0.6) !important;
}

body.theme-dark .csw-mat-field .mat-mdc-floating-label:not(.mdc-floating-label--float-above) {
  color: rgba(229, 231, 235, 0.5) !important;
}

/* specificity (0,5,2) — beats compiled component rule (0,5,0) that carries two [_ngcontent] attrs */
body.theme-dark .app-main-content app-consultation-settings .consult-settings-v2 .csw-mat-field .mat-mdc-input-element,
body.theme-dark .app-main-content app-consultation-settings .consult-settings-v2 .csw-mat-field .mat-mdc-select-value,
body.theme-dark .app-main-content app-consultation-settings .consult-settings-v2 .csw-mat-field .mat-mdc-select-min-line {
  color: #e5e7eb !important;
}

body.theme-dark .csw-mat-field .mat-mdc-select-arrow {
  color: #94a3b8 !important;
}

body.theme-dark .csw-mat-field .mat-mdc-text-field-wrapper {
  background-color: #0f172a !important;
}

/* ── Remove-all button — global override with (0,5,2) specificity to beat compiled component rules ── */
body.theme-dark .app-main-content app-consultation-settings .consult-settings-v2 .csw-btn-link.csw-remove-all-btn,
body.theme-dark .app-main-content app-consultation-settings .consult-settings-v2 .csw-btn-link.csw-remove-all-btn span,
body.theme-dark .app-main-content app-consultation-settings .consult-settings-v2 .csw-btn-link.csw-remove-all-btn .material-symbols-outlined {
  color: #fca5a5 !important;
}

body.theme-dark .app-main-content app-consultation-settings .consult-settings-v2 .csw-btn-link.csw-remove-all-btn {
  background: rgba(180, 35, 24, 0.15) !important;
  border-color: rgba(180, 35, 24, 0.4) !important;
}

body.theme-dark .app-main-content app-consultation-settings .consult-settings-v2 .csw-btn-link.csw-remove-all-btn:hover:not(:disabled) {
  background: rgba(180, 35, 24, 0.28) !important;
  border-color: rgba(180, 35, 24, 0.55) !important;
  color: #fca5a5 !important;
}

/* ══════════════════════════════════════════════════════════
   Edit Slot modal — dark mode (global, no encapsulation)
   ══════════════════════════════════════════════════════════ */
/* Modal card wrapper */
body.theme-dark .csw-modal-card {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;
  color: #e5e7eb !important;
}

/* Modal header */
body.theme-dark .csw-modal-head {
  background: #1f2937 !important;
  border-bottom-color: rgba(148, 163, 184, 0.25) !important;
  color: #e5e7eb !important;
}

body.theme-dark .csw-modal-head h4 {
  color: #e5e7eb !important;
}

/* Modal body */
body.theme-dark .csw-modal-body {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e5e7eb !important;
}

/* Modal action footer (Cancel / Save buttons row) */
body.theme-dark .csw-modal-actions {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-top-color: rgba(148, 163, 184, 0.25) !important;
  color: #e5e7eb !important;
}

/* Close (×) button */
body.theme-dark .csw-modal-close {
  color: #94a3b8 !important;
  background: transparent !important;
}

body.theme-dark .csw-modal-close:hover,
body.theme-dark .csw-modal-close:active {
  color: #e5e7eb !important;
  background: rgba(148, 163, 184, 0.12) !important;
}

/* Status divider row inside modal body */
body.theme-dark .csw-modal-body .csw-slot-footer-row {
  border-top-color: rgba(148, 163, 184, 0.2) !important;
}

/* Labels and helper text inside modal */
body.theme-dark .csw-modal-body .csw-switch-label,
body.theme-dark .csw-modal-body label,
body.theme-dark .csw-modal-body p,
body.theme-dark .csw-modal-body span:not(.material-symbols-outlined):not(.csw-switch-slider) {
  color: #e5e7eb !important;
}

/* ══════════════════════════════════════════════════════════
   Generate Discount Code dialog — dark mode (global)
   Targets the .dialoguebox panel opened by coupon-code
   ══════════════════════════════════════════════════════════ */
/* The component handles its own dark mode via :host-context.
   These global rules harden the mat-form-field outlined variant
   and the mat-select panel which render outside the component. */
/* ── Shell & layout ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .dialog-header,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .dialog-content {
  background: #111827 !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .dialog-actions {
  background: #0f172a !important;
  border-top-color: rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .dialog-header {
  border-bottom-color: rgba(148, 163, 184, 0.3) !important;
}

/* ── Typography ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .dialog-title {
  color: #f1f5f9 !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .dialog-subtitle,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog p {
  color: #94a3b8 !important;
}

/* ── Form field outlined wrapper — transparent background ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mdc-text-field--outlined,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mdc-text-field--outlined:not(.mdc-text-field--disabled),
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-mdc-text-field-wrapper {
  background: transparent !important;
  background-color: transparent !important;
}

/* ── Outline border segments ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mdc-text-field--outlined .mdc-notched-outline__leading,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mdc-text-field--outlined .mdc-notched-outline__notch,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mdc-text-field--outlined .mdc-notched-outline__trailing {
  border-color: rgba(148, 163, 184, 0.45) !important;
}

/* ── Floating label (resting) ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mdc-floating-label,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-mdc-floating-label {
  color: #94a3b8 !important;
}

/* ── Floating label (floated above) ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mdc-floating-label--float-above,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-mdc-floating-label--float-above {
  color: #5ea1d8 !important;
}

/* ── Input text & caret ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog input,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-mdc-input-element {
  color: #f1f5f9 !important;
  caret-color: #f1f5f9 !important;
}

/* ── mat-select value text & arrow ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-mdc-select-value-text,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-mdc-select-placeholder {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-mdc-select-arrow svg {
  fill: #94a3b8 !important;
}

/* ── Date-range inputs & separator ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-date-range-input-inner,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-date-range-input-separator {
  color: #e2e8f0 !important;
}

/* ── Datepicker toggle ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-datepicker-toggle .mat-mdc-icon-button,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-datepicker-toggle mat-icon {
  color: #94a3b8 !important;
}

/* ── Outlined form-field backgrounds — MUST come last to beat broad dialoguebox rules ──
   Global rules stamp background-color: #1f2937 on every .mdc-text-field and input inside
   .dialoguebox. For appearance="outline" the background must stay transparent so the
   solid fill doesn't overflow the rounded outline border. ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mdc-text-field--outlined,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mdc-text-field--outlined:not(.mdc-text-field--disabled),
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-mdc-text-field-wrapper,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-mdc-form-field,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mdc-text-field--outlined .mat-mdc-form-field-infix,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-mdc-form-field-infix,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-mdc-form-field-flex {
  background: transparent !important;
  background-color: transparent !important;
}

/* Inputs inside outlined fields also need transparent background */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog input,
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-mdc-input-element {
  background: transparent !important;
  background-color: transparent !important;
  color: #f1f5f9 !important;
  caret-color: #f1f5f9 !important;
}

/* Date-range inner inputs (Start / End date) still use placeholder */
body.theme-dark .cdk-overlay-pane.dialoguebox .voucher-dialog .mat-date-range-input-inner::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}

/* ══════════════════════════════════════════════════════════
   Flow / Bundle version-preview dialog — dark mode overrides
   Targets the .flow-preview-pane CDK overlay pane opened by
   the version history panel for both flows and bundles.
   ══════════════════════════════════════════════════════════ */
/* Dialog surface */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .mat-mdc-dialog-surface,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .mdc-dialog__surface,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .mdc-dialog__surface {
  background: #0a0c10 !important;
  color: #e2e8f0 !important;
}

/* Sticky header */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .preview-dialog-header,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header {
  background: #111827 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-dark .cdk-overlay-pane.flow-preview-pane .preview-dialog-header h2,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header h2 {
  color: #f1f5f9 !important;
}

/* Version badge */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .preview-dialog-header .version-badge,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header .version-badge {
  background-color: #1e3a5f !important;
  color: #93c5fd !important;
}

body.theme-dark .cdk-overlay-pane.flow-preview-pane .preview-dialog-header .version-badge mat-icon,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header .version-badge mat-icon {
  color: #93c5fd !important;
}

/* Unique code row */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .preview-dialog-header .preview-unique-code,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header .preview-unique-code {
  color: #94a3b8 !important;
}

body.theme-dark .cdk-overlay-pane.flow-preview-pane .preview-dialog-header .preview-unique-code-label,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .preview-dialog-header .preview-unique-code-value,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header .preview-unique-code-label,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header .preview-unique-code-value {
  color: #e2e8f0 !important;
}

/* Close button */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .preview-dialog-header .close-button,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .preview-dialog-header .close-button mat-icon,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .dialog-close-button,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .dialog-close-button mat-icon,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header .close-button,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header .close-button mat-icon,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .dialog-close-button,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .dialog-close-button mat-icon {
  color: #94a3b8 !important;
}

body.theme-dark .cdk-overlay-pane.flow-preview-pane .preview-dialog-header .close-button:hover,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .preview-dialog-header .close-button:hover {
  color: #e2e8f0 !important;
  background: rgba(148, 163, 184, 0.12) !important;
}

/* "not available" messages */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .preview-unavailable,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .preview-unavailable {
  color: #f87171 !important;
}

/* ── Progress bar inside version-preview dialog — dark mode ──────────────────
   The progress track is set via both CSS classes and [ngStyle] inline bindings
   (getCompletionTrackStyle). CSS !important beats inline styles so these rules
   cover both paths. Applied here as a global fallback for the overlay context.
   ─────────────────────────────────────────────────────────────────────────── */
/* Card wrapper */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-progress-card,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-progress-card {
  background: #111827 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  box-shadow: none !important;
}

/* Track (the grey rail behind the fill) */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-progress-bar-desktop,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-progress-bar-mobile,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-progress-bar,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-progress-bar-desktop,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-progress-bar-mobile,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-progress-bar {
  background-color: #1f2937 !important;
  background: #1f2937 !important;
}

/* Restarted-after-completion track */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-progress-card-desktop.restarted .completion-progress-bar-desktop,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-progress-card-mobile.restarted .completion-progress-bar-mobile,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-progress-card-desktop.restarted .completion-progress-bar-desktop,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-progress-card-mobile.restarted .completion-progress-bar-mobile {
  background-color: #1e3a5f !important;
  background: #1e3a5f !important;
}

/* Fill bar — blue gradient reads well on dark, keep it */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-progress-fill-desktop,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-progress-fill-mobile,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-progress-fill,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-progress-fill-desktop,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-progress-fill-mobile,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-progress-fill {
  background: linear-gradient(90deg, #5ea1d8 0%, #6bb3e8 100%) !important;
}

/* Percentage text inside fill */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .progress-bar-percentage-desktop,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .progress-bar-percentage-mobile,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .progress-bar-percentage,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .progress-bar-percentage-desktop,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .progress-bar-percentage-mobile,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .progress-bar-percentage {
  color: #ffffff !important;
}

/* "0%" label when fill is empty */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .progress-bar-percentage-empty-desktop,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .progress-bar-percentage-empty-mobile,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .progress-bar-percentage-empty,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .progress-bar-percentage-empty-desktop,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .progress-bar-percentage-empty-mobile,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .progress-bar-percentage-empty {
  color: #94a3b8 !important;
}

/* "Step X of Y" info text */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .progress-step-info-desktop,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .progress-step-info-mobile,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .progress-step-info-desktop,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .progress-step-info-mobile {
  color: #94a3b8 !important;
}

/* Completion code badge pill */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-code-badge,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-code-badge {
  background-color: #1e3a5f !important;
  color: #93c5fd !important;
}

/* Sidebar-card header, percentage & stats */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-progress-header,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-progress-title,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-progress-header,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-progress-title {
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-percentage,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-percentage {
  color: #4ade80 !important;
}

body.theme-dark .cdk-overlay-pane.flow-preview-pane .completion-stats,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .completion-stats {
  color: #94a3b8 !important;
}

/* ── Description section — dark mode & preview expansion ────────────────────
   .description-content has its own color: #0f0f0f rule from component CSS
   which renders nearly invisible on dark backgrounds. Must be targeted
   explicitly (not just via inherited color from parent) because it is a div.
   Also expand the collapsed 60px max-height so the full text is readable.
   ─────────────────────────────────────────────────────────────────────────── */
/* Always show full description in preview dialog (no collapsed 60px) */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .description-content,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .description-content,
.cdk-overlay-pane.flow-preview-pane .description-content,
.mat-mdc-dialog-panel.flow-preview-pane .description-content {
  max-height: none !important;
  overflow: visible !important;
}

/* Dark mode: description content text & inline HTML */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .description-section .description-content,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .description-section .description-content *,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .description-section .description-content,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .description-section .description-content * {
  color: #e2e8f0 !important;
}

/* Preserve link colour in dark mode description */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .description-section .description-content a,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .description-section .description-content a {
  color: #93c5fd !important;
}

/* Description header label and duration timer */
body.theme-dark .cdk-overlay-pane.flow-preview-pane .description-section .description-header h3,
body.theme-dark .cdk-overlay-pane.flow-preview-pane .description-section .description-header .duration-timer,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .description-section .description-header h3,
body.theme-dark .mat-mdc-dialog-panel.flow-preview-pane .description-section .description-header .duration-timer {
  color: #e2e8f0 !important;
}

/* ══════════════════════════════════════════════════════════
   Schedule-view dialog — dark mode input field fix
   The global .dialoguebox rule stamps background-color: #1f2937
   directly on <input> elements. For appearance="outline" mat-form-fields
   this solid fill overflows the rounded outline border. Override it to
   transparent so only the outline border is visible, matching the
   voucher-dialog fix pattern.
   ══════════════════════════════════════════════════════════ */
/* ── Outlined form-field wrappers — transparent background ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mdc-text-field--outlined,
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mdc-text-field--outlined:not(.mdc-text-field--disabled),
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mat-mdc-text-field-wrapper,
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mat-mdc-form-field,
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mat-mdc-form-field-infix,
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mat-mdc-form-field-flex {
  background: transparent !important;
  background-color: transparent !important;
}

/* ── Input elements — transparent background, legible text ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog input,
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mat-mdc-input-element,
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mdc-text-field__input {
  background: transparent !important;
  background-color: transparent !important;
  color: #f1f5f9 !important;
  caret-color: #f1f5f9 !important;
}

/* ── Outline border segments ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mdc-text-field--outlined .mdc-notched-outline__leading,
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mdc-text-field--outlined .mdc-notched-outline__notch,
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mdc-text-field--outlined .mdc-notched-outline__trailing {
  border-color: rgba(148, 163, 184, 0.45) !important;
}

/* ── Floating label (resting) ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mdc-floating-label,
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mat-mdc-floating-label {
  color: #94a3b8 !important;
}

/* ── Floating label (floated above) ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mdc-floating-label--float-above,
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mat-mdc-floating-label--float-above {
  color: #5ea1d8 !important;
}

/* ── Placeholder text ── */
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog input::placeholder,
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mat-mdc-input-element::placeholder,
body.theme-dark .cdk-overlay-pane.dialoguebox .schedule-view-dialog .mdc-text-field__input::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}

body.theme-dark app-forget-password .Login,
body.theme-dark app-change-old-password .Login,
body.theme-dark app-delete-account .Login {
  background: var(--fc-bg) !important;
  background-color: var(--fc-bg) !important;
  color: #ffffff !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 100vh !important;
  height: auto !important;
  width: 100% !important;
}

body.theme-dark app-forget-password #formContent,
body.theme-dark app-change-old-password #formContent,
body.theme-dark app-delete-account #formContent {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45) !important;
  color: #e5e7eb !important;
}

body.theme-dark app-forget-password p,
body.theme-dark app-forget-password P,
body.theme-dark app-forget-password label,
body.theme-dark app-forget-password h1,
body.theme-dark app-forget-password h2,
body.theme-dark app-forget-password h3,
body.theme-dark app-forget-password h4,
body.theme-dark app-forget-password h5,
body.theme-dark app-forget-password h6,
body.theme-dark app-forget-password span:not(.material-icons),
body.theme-dark app-change-old-password p,
body.theme-dark app-change-old-password P,
body.theme-dark app-change-old-password label,
body.theme-dark app-change-old-password h1,
body.theme-dark app-change-old-password h2,
body.theme-dark app-change-old-password h3,
body.theme-dark app-change-old-password h4,
body.theme-dark app-change-old-password h5,
body.theme-dark app-change-old-password h6,
body.theme-dark app-change-old-password span:not(.material-icons),
body.theme-dark app-delete-account p:not(.warning-message p),
body.theme-dark app-delete-account P:not(.warning-message P),
body.theme-dark app-delete-account label,
body.theme-dark app-delete-account h1,
body.theme-dark app-delete-account h2,
body.theme-dark app-delete-account h3,
body.theme-dark app-delete-account h4,
body.theme-dark app-delete-account h5,
body.theme-dark app-delete-account h6,
body.theme-dark app-delete-account span:not(.material-icons),
body.theme-dark app-delete-account .radio-label,
body.theme-dark app-delete-account .account-action-title,
body.theme-dark app-delete-account .account-action-subtitle {
  color: #e5e7eb !important;
}

body.theme-dark app-delete-account #formContent .warning-message,
body.theme-dark app-delete-account .warning-message {
  background-color: rgba(120, 80, 0, 0.4) !important;
  border-left-color: #f59e0b !important;
  border-left-width: 4px !important;
}

body.theme-dark app-delete-account #formContent .warning-message p,
body.theme-dark app-delete-account #formContent .warning-message P,
body.theme-dark app-delete-account .warning-message p,
body.theme-dark app-delete-account .warning-message P {
  color: #fde68a !important;
}

body.theme-dark app-delete-account #formContent .warning-message .warning-icon,
body.theme-dark app-delete-account .warning-message .warning-icon {
  color: #f59e0b !important;
}

body.theme-dark app-delete-account .fadeIn.second,
body.theme-dark app-delete-account .fadeIn.third,
body.theme-dark app-delete-account .fadeIn.fourth {
  border-color: rgba(148, 163, 184, 0.18) !important;
}

body.theme-dark app-delete-account .radio-button:hover {
  background-color: rgba(148, 163, 184, 0.1) !important;
}

body.theme-dark app-forget-password input,
body.theme-dark app-forget-password select,
body.theme-dark app-forget-password textarea,
body.theme-dark app-change-old-password input,
body.theme-dark app-change-old-password select,
body.theme-dark app-change-old-password textarea,
body.theme-dark app-delete-account input,
body.theme-dark app-delete-account select,
body.theme-dark app-delete-account textarea {
  background: #1e293b !important;
  background-color: #1e293b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  caret-color: #ffffff !important;
}

body.theme-dark app-forget-password input::placeholder,
body.theme-dark app-forget-password textarea::placeholder,
body.theme-dark app-forget-password input::-webkit-input-placeholder,
body.theme-dark app-forget-password input::-moz-placeholder,
body.theme-dark app-forget-password input:-ms-input-placeholder,
body.theme-dark app-change-old-password input::placeholder,
body.theme-dark app-change-old-password textarea::placeholder,
body.theme-dark app-change-old-password input::-webkit-input-placeholder,
body.theme-dark app-change-old-password input::-moz-placeholder,
body.theme-dark app-change-old-password input:-ms-input-placeholder,
body.theme-dark app-delete-account input::placeholder,
body.theme-dark app-delete-account textarea::placeholder,
body.theme-dark app-delete-account input::-webkit-input-placeholder,
body.theme-dark app-delete-account input::-moz-placeholder,
body.theme-dark app-delete-account input:-ms-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

body.theme-dark app-forget-password input:focus,
body.theme-dark app-change-old-password input:focus,
body.theme-dark app-delete-account input:focus {
  background: #1e293b !important;
  background-color: #1e293b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #5ea1d8 !important;
  outline: none !important;
  box-shadow: none !important;
}

body.theme-dark app-forget-password input:-webkit-autofill,
body.theme-dark app-change-old-password input:-webkit-autofill,
body.theme-dark app-delete-account input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #1e293b inset !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
}

/* ── Star rating: keep golden in dark mode (overrides the broad mat-icon #e2e8f0 rule) ── */
body.theme-dark .star-icon.filled,
body.theme-dark .star-icon.active,
body.theme-dark .star-icon:hover,
body.theme-dark .star-button,
body.theme-dark .star-button.active,
body.theme-dark .star-button mat-icon,
body.theme-dark .star-button.active mat-icon,
body.theme-dark .review-star-icon.filled-star,
body.theme-dark .star-icon-modal.filled,
body.theme-dark .star-icon-modal.half,
body.theme-dark .star-icon-modern.filled,
body.theme-dark .star-icon-modern.half,
body.theme-dark .rating-cell .star-icon,
body.theme-dark .rating-star-icon.filled-star,
body.theme-dark .rating-star-icon.partial-star,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .star-icon.filled,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .star-icon.active,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .star-icon:hover,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .star-button mat-icon,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .star-button.active mat-icon,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .review-star-icon.filled-star,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .star-icon-modal.filled,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .star-icon-modal.half,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .star-icon-modern.filled,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .star-icon-modern.half {
  color: #ffc107 !important;
}

/* Empty/unselected stars: use a visible mid-grey in dark mode instead of near-invisible #ddd */
body.theme-dark .star-icon:not(.filled):not(.active),
body.theme-dark .star-icon-modal:not(.filled):not(.half),
body.theme-dark .star-icon-modern:not(.filled):not(.half),
body.theme-dark .review-star-icon:not(.filled-star),
body.theme-dark .rating-star-icon:not(.filled-star):not(.partial-star),
body.theme-dark .rating-star-icon.star-empty-overlay,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .star-icon:not(.filled):not(.active),
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .star-icon-modal:not(.filled):not(.half),
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .star-icon-modern:not(.filled):not(.half),
body.theme-dark .cdk-overlay-container .cdk-overlay-pane .review-star-icon:not(.filled-star) {
  color: #4b5563 !important;
}

/* ============================================================
   DARK MODE — app-role-assignments (/adminctrl/assignrole)
   The component SCSS uses hardcoded class-level whites that the
   global [style*] catch-all cannot reach, so we override them
   explicitly here following the same pattern used for all other
   admin/settings pages above.
   ============================================================ */
/* Outermost wrappers */
body.theme-dark app-role-assignments,
body.theme-dark app-role-assignments .setting-dashboard,
body.theme-dark app-role-assignments .container1,
body.theme-dark app-role-assignments .submission-field,
body.theme-dark app-role-assignments .scroll-div,
body.theme-dark app-role-assignments .dash-text,
body.theme-dark app-role-assignments .dashbored-wrap {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

/* Inner sub-sections (top menu bar, table wrappers, cards) */
body.theme-dark app-role-assignments .dashbored-wrap .top-menu-wrap,
body.theme-dark app-role-assignments .dashbored-wrap .table-parent,
body.theme-dark app-role-assignments .table-card,
body.theme-dark app-role-assignments .dashbored-wrap .filter {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  color: #e5e7eb !important;
}

/* Table elements */
body.theme-dark app-role-assignments table,
body.theme-dark app-role-assignments .fc-table,
body.theme-dark app-role-assignments thead,
body.theme-dark app-role-assignments tbody,
body.theme-dark app-role-assignments tr {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

/* Table data cells */
body.theme-dark app-role-assignments td {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
}

/* Table header cells — slightly darker */
body.theme-dark app-role-assignments th {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

/* Alternating rows */
body.theme-dark app-role-assignments .fc-table tbody tr:nth-child(even) td {
  background-color: #253347 !important;
}

/* Row hover */
body.theme-dark app-role-assignments tbody tr:hover,
body.theme-dark app-role-assignments tbody tr:hover td {
  background: #374151 !important;
  background-color: #374151 !important;
  color: #f1f5f9 !important;
}

/* Text content */
body.theme-dark app-role-assignments p,
body.theme-dark app-role-assignments span,
body.theme-dark app-role-assignments label,
body.theme-dark app-role-assignments h1,
body.theme-dark app-role-assignments h2,
body.theme-dark app-role-assignments h3,
body.theme-dark app-role-assignments h4,
body.theme-dark app-role-assignments h5,
body.theme-dark app-role-assignments h6,
body.theme-dark app-role-assignments li {
  color: #e5e7eb !important;
}

/* Form inputs (role selector) */
body.theme-dark app-role-assignments input.form-control,
body.theme-dark app-role-assignments select.form-control,
body.theme-dark app-role-assignments .form-control {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark app-role-assignments .form-control::placeholder {
  color: #64748b !important;
}

/* Page section header */
body.theme-dark app-role-assignments .page-section-header,
body.theme-dark app-role-assignments .page-section-title {
  color: #e5e7eb !important;
}

/* Mobile cards */
body.theme-dark app-role-assignments .mobile-design,
body.theme-dark app-role-assignments .mobile-cards {
  background: #111827 !important;
  background-color: #111827 !important;
}

body.theme-dark app-role-assignments .mobile-design .tile,
body.theme-dark app-role-assignments .mobile-cards .tile {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark app-role-assignments .mobile-design .tile .main-title,
body.theme-dark app-role-assignments .mobile-cards .tile .main-title {
  background: #1d67a3 !important;
  background-color: #1d67a3 !important;
}

body.theme-dark app-role-assignments .mobile-design .tile p,
body.theme-dark app-role-assignments .mobile-design .tile p.bold,
body.theme-dark app-role-assignments .mobile-design .tile b,
body.theme-dark app-role-assignments .mobile-design .tile h3,
body.theme-dark app-role-assignments .mobile-cards .tile p,
body.theme-dark app-role-assignments .mobile-cards .tile p.bold,
body.theme-dark app-role-assignments .mobile-cards .tile b,
body.theme-dark app-role-assignments .mobile-cards .tile h3 {
  color: #e5e7eb !important;
}

body.theme-dark app-role-assignments .mobile-design .tile .main-title h3,
body.theme-dark app-role-assignments .mobile-cards .tile .main-title h3 {
  color: #ffffff !important;
}

/* Icons */
body.theme-dark app-role-assignments mat-icon,
body.theme-dark app-role-assignments .mat-icon,
body.theme-dark app-role-assignments .material-icons {
  color: #94a3b8 !important;
}

/* ============================================================
   DARK MODE — app-permissions (/adminctrl/permissions)
   Same structure as app-role-assignments; same fix needed.
   ============================================================ */
/* Outermost wrappers */
body.theme-dark app-permissions,
body.theme-dark app-permissions .setting-dashboard,
body.theme-dark app-permissions .container1,
body.theme-dark app-permissions .submission-field,
body.theme-dark app-permissions .scroll-div,
body.theme-dark app-permissions .dash-text,
body.theme-dark app-permissions .dashbored-wrap {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

/* Inner sub-sections */
body.theme-dark app-permissions .dashbored-wrap .top-menu-wrap,
body.theme-dark app-permissions .dashbored-wrap .table-parent,
body.theme-dark app-permissions .table-card,
body.theme-dark app-permissions .dashbored-wrap .filter {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  color: #e5e7eb !important;
}

/* Table elements */
body.theme-dark app-permissions table,
body.theme-dark app-permissions .fc-table,
body.theme-dark app-permissions thead,
body.theme-dark app-permissions tbody,
body.theme-dark app-permissions tr {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

/* Table data cells */
body.theme-dark app-permissions td {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
}

/* Table header cells — slightly darker */
body.theme-dark app-permissions th {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

/* Alternating rows */
body.theme-dark app-permissions .fc-table tbody tr:nth-child(even) td {
  background-color: #253347 !important;
}

/* Row hover */
body.theme-dark app-permissions tbody tr:hover,
body.theme-dark app-permissions tbody tr:hover td {
  background: #374151 !important;
  background-color: #374151 !important;
  color: #f1f5f9 !important;
}

/* Text content */
body.theme-dark app-permissions p,
body.theme-dark app-permissions span,
body.theme-dark app-permissions label,
body.theme-dark app-permissions h1,
body.theme-dark app-permissions h2,
body.theme-dark app-permissions h3,
body.theme-dark app-permissions h4,
body.theme-dark app-permissions h5,
body.theme-dark app-permissions h6,
body.theme-dark app-permissions li {
  color: #e5e7eb !important;
}

/* Form inputs (role selector) */
body.theme-dark app-permissions input.form-control,
body.theme-dark app-permissions select.form-control,
body.theme-dark app-permissions .form-control {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark app-permissions .form-control::placeholder {
  color: #64748b !important;
}

/* Checkboxes — keep them visible on dark backgrounds */
body.theme-dark app-permissions input[type=checkbox] {
  accent-color: #5ea1d8;
}

/* Page section header */
body.theme-dark app-permissions .page-section-header,
body.theme-dark app-permissions .page-section-title {
  color: #e5e7eb !important;
}

/* Mobile cards */
body.theme-dark app-permissions .mobile-design,
body.theme-dark app-permissions .mobile-cards {
  background: #111827 !important;
  background-color: #111827 !important;
}

body.theme-dark app-permissions .mobile-design .tile,
body.theme-dark app-permissions .mobile-cards .tile {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark app-permissions .mobile-design .tile .main-title,
body.theme-dark app-permissions .mobile-cards .tile .main-title {
  background: #1d67a3 !important;
  background-color: #1d67a3 !important;
}

body.theme-dark app-permissions .mobile-design .tile p,
body.theme-dark app-permissions .mobile-design .tile p.bold,
body.theme-dark app-permissions .mobile-design .tile b,
body.theme-dark app-permissions .mobile-design .tile h3,
body.theme-dark app-permissions .mobile-cards .tile p,
body.theme-dark app-permissions .mobile-cards .tile p.bold,
body.theme-dark app-permissions .mobile-cards .tile b,
body.theme-dark app-permissions .mobile-cards .tile h3 {
  color: #e5e7eb !important;
}

body.theme-dark app-permissions .mobile-design .tile .main-title h3,
body.theme-dark app-permissions .mobile-cards .tile .main-title h3 {
  color: #ffffff !important;
}

/* Icons */
body.theme-dark app-permissions mat-icon,
body.theme-dark app-permissions .mat-icon,
body.theme-dark app-permissions .material-icons {
  color: #94a3b8 !important;
}

/* ============================================================
   DARK MODE — app-feedback-settings (/adminctrl/feedback-settings)
   ============================================================ */
/* Outermost wrappers */
body.theme-dark app-feedback-settings,
body.theme-dark app-feedback-settings .setting-dashboard,
body.theme-dark app-feedback-settings .container1,
body.theme-dark app-feedback-settings .submission-field,
body.theme-dark app-feedback-settings .scroll-div,
body.theme-dark app-feedback-settings .dash-text,
body.theme-dark app-feedback-settings .dashbored-wrap,
body.theme-dark app-feedback-settings .com-record,
body.theme-dark app-feedback-settings .detail-description {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

/* Stats card box */
body.theme-dark app-feedback-settings .dashbored-wrap .box,
body.theme-dark app-feedback-settings .dashbored-wrap .com-record .followers-tag .box {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  color: #e5e7eb !important;
}

/* Count / stat text inside box */
body.theme-dark app-feedback-settings .dashbored-wrap .box .text .count b {
  color: #e5e7eb !important;
}

body.theme-dark app-feedback-settings .dashbored-wrap .box .text p {
  color: #94a3b8 !important;
}

/* Table card wrapper */
body.theme-dark app-feedback-settings .table-card,
body.theme-dark app-feedback-settings .dashbored-wrap .table-parent {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

/* Table elements */
body.theme-dark app-feedback-settings table,
body.theme-dark app-feedback-settings .fc-table,
body.theme-dark app-feedback-settings thead,
body.theme-dark app-feedback-settings tbody,
body.theme-dark app-feedback-settings tr {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

/* Table data cells */
body.theme-dark app-feedback-settings td {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
}

/* Table header cells */
body.theme-dark app-feedback-settings th {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

/* Alternating rows */
body.theme-dark app-feedback-settings .fc-table tbody tr:nth-child(even) td {
  background-color: #253347 !important;
}

/* Row hover */
body.theme-dark app-feedback-settings tbody tr:hover,
body.theme-dark app-feedback-settings tbody tr:hover td {
  background: #374151 !important;
  background-color: #374151 !important;
  color: #f1f5f9 !important;
}

/* ── Status badges ──────────────────────────────────────────
   Light-mode badges (#d4edda / #fff3cd) are invisible on dark
   backgrounds. Use saturated dark-surface variants instead.   */
body.theme-dark app-feedback-settings .badge-resolved {
  background-color: #14532d !important;
  color: #86efac !important;
}

body.theme-dark app-feedback-settings .badge-unresolved {
  background-color: #78350f !important;
  color: #fde68a !important;
}

/* Text content */
body.theme-dark app-feedback-settings p,
body.theme-dark app-feedback-settings span,
body.theme-dark app-feedback-settings label,
body.theme-dark app-feedback-settings h1,
body.theme-dark app-feedback-settings h2,
body.theme-dark app-feedback-settings h3,
body.theme-dark app-feedback-settings h4,
body.theme-dark app-feedback-settings h5,
body.theme-dark app-feedback-settings h6,
body.theme-dark app-feedback-settings li {
  color: #e5e7eb !important;
}

/* Icons — stat card icons and general mat-icon */
body.theme-dark app-feedback-settings .ico-box {
  background: transparent !important;
  box-shadow: none !important;
}

body.theme-dark app-feedback-settings .card-icon,
body.theme-dark app-feedback-settings .ico-box mat-icon,
body.theme-dark app-feedback-settings .ico-box .mat-icon {
  color: #5ea1d8 !important;
}

body.theme-dark app-feedback-settings mat-icon,
body.theme-dark app-feedback-settings .mat-icon,
body.theme-dark app-feedback-settings .material-icons {
  color: #94a3b8 !important;
}

body.theme-dark app-feedback-settings .view-analytics mat-icon,
body.theme-dark app-feedback-settings .view-analytics .mat-icon {
  color: #5ea1d8 !important;
}

/* Search / filter inputs */
body.theme-dark app-feedback-settings input,
body.theme-dark app-feedback-settings select,
body.theme-dark app-feedback-settings .form-control,
body.theme-dark app-feedback-settings .search-input {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark app-feedback-settings input::placeholder,
body.theme-dark app-feedback-settings .search-input::placeholder {
  color: #64748b !important;
}

/* Mobile card shell */
body.theme-dark app-feedback-settings .mobile-design,
body.theme-dark app-feedback-settings .mobile-cards {
  background: #111827 !important;
  background-color: #111827 !important;
}

/* Mobile card tiles */
body.theme-dark app-feedback-settings .tile,
body.theme-dark app-feedback-settings .skeleton-tile {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  color: #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark app-feedback-settings .tile .main-title {
  background: #1d67a3 !important;
  background-color: #1d67a3 !important;
}

body.theme-dark app-feedback-settings .tile .main-title h3 {
  color: #ffffff !important;
}

body.theme-dark app-feedback-settings .tile p,
body.theme-dark app-feedback-settings .tile p.bold,
body.theme-dark app-feedback-settings .tile b,
body.theme-dark app-feedback-settings .tile h3,
body.theme-dark app-feedback-settings .tile span {
  color: #e5e7eb !important;
}

/* Filter / search bar area */
body.theme-dark app-feedback-settings .filter,
body.theme-dark app-feedback-settings .filters-section {
  background: transparent !important;
}

/* Page section header */
body.theme-dark app-feedback-settings .page-section-header,
body.theme-dark app-feedback-settings .page-section-title {
  color: #e5e7eb !important;
}

/* ============================================================
   DARK MODE — app-item-library (/adminctrl/item-library)
   Page wrappers + add/edit dialog + view-metadata dialog
   Using .cdk-overlay-container prefix for max specificity on dialogs.
   CSS variable override forces Angular Material dialog surface dark.
   ============================================================ */
/* ── Page wrappers ────────────────────────────────────────── */
body.theme-dark app-item-library,
body.theme-dark app-item-library .setting-dashboard,
body.theme-dark app-item-library .container1,
body.theme-dark app-item-library .submission-field,
body.theme-dark app-item-library .scroll-div,
body.theme-dark app-item-library .dash-text,
body.theme-dark app-item-library .dashbored-wrap,
body.theme-dark app-item-library .com-record,
body.theme-dark app-item-library .detail-description {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

body.theme-dark app-item-library .table-card,
body.theme-dark app-item-library .dashbored-wrap .table-parent,
body.theme-dark app-item-library .dashbored-wrap .box,
body.theme-dark app-item-library .dashbored-wrap .com-record .followers-tag .box {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  color: #e5e7eb !important;
}

body.theme-dark app-item-library table,
body.theme-dark app-item-library .fc-table,
body.theme-dark app-item-library thead,
body.theme-dark app-item-library tbody,
body.theme-dark app-item-library tr {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark app-item-library td {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
}

body.theme-dark app-item-library th {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark app-item-library .fc-table tbody tr:nth-child(even) td {
  background-color: #253347 !important;
}

body.theme-dark app-item-library tbody tr:hover,
body.theme-dark app-item-library tbody tr:hover td {
  background: #374151 !important;
  background-color: #374151 !important;
  color: #f1f5f9 !important;
}

body.theme-dark app-item-library p,
body.theme-dark app-item-library span,
body.theme-dark app-item-library label,
body.theme-dark app-item-library h1,
body.theme-dark app-item-library h2,
body.theme-dark app-item-library h3,
body.theme-dark app-item-library h4,
body.theme-dark app-item-library h5,
body.theme-dark app-item-library h6,
body.theme-dark app-item-library li {
  color: #e5e7eb !important;
}

body.theme-dark app-item-library .page-section-header,
body.theme-dark app-item-library .page-section-title {
  color: #e5e7eb !important;
}

/* Icons — stat card icons and general mat-icon */
body.theme-dark app-item-library .ico-box {
  background: transparent !important;
  box-shadow: none !important;
}

body.theme-dark app-item-library .card-icon,
body.theme-dark app-item-library .ico-box mat-icon,
body.theme-dark app-item-library .ico-box .mat-icon {
  color: #5ea1d8 !important;
}

body.theme-dark app-item-library mat-icon,
body.theme-dark app-item-library .mat-icon,
body.theme-dark app-item-library .material-icons {
  color: #94a3b8 !important;
}

body.theme-dark app-item-library .view-analytics mat-icon,
body.theme-dark app-item-library .view-analytics .mat-icon {
  color: #5ea1d8 !important;
}

/* Search / filter inputs (page level, dialogs already covered) */
body.theme-dark app-item-library input:not([class*=dialog]),
body.theme-dark app-item-library select:not([class*=dialog]),
body.theme-dark app-item-library .search-input {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark app-item-library .search-input::placeholder {
  color: #64748b !important;
}

/* ── Page: table row + status badge + misc cells ─────────── */
body.theme-dark app-item-library .table-row {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
}

body.theme-dark app-item-library .table-row:hover,
body.theme-dark app-item-library .table-row:hover td {
  background: #374151 !important;
  background-color: #374151 !important;
  color: #f1f5f9 !important;
}

body.theme-dark app-item-library .empty-state {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #94a3b8 !important;
}

body.theme-dark app-item-library .group-name-cell,
body.theme-dark app-item-library .item-name-cell,
body.theme-dark app-item-library .link-cell,
body.theme-dark app-item-library .no-data {
  color: #e2e8f0 !important;
}

/* ── Page: Public / Private status badges ────────────────── */
body.theme-dark app-item-library .public-badge.public-yes {
  background: #14532d !important;
  background-color: #14532d !important;
  color: #86efac !important;
  border-color: rgba(134, 239, 172, 0.3) !important;
}

body.theme-dark app-item-library .public-badge.public-no {
  background: #7f1d1d !important;
  background-color: #7f1d1d !important;
  color: #fca5a5 !important;
  border-color: rgba(252, 165, 165, 0.3) !important;
}

/* ── Add / Edit dialog (.item-library-dialog-panel) ──────── */
/* Override Angular Material's CSS variable for dialog surface background */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel {
  --mdc-dialog-container-color: #111827;
  --mdc-dialog-supporting-text-color: #e5e7eb;
}

/* Dialog container + surface — use full .cdk-overlay-container prefix for max specificity */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .mdc-dialog__surface,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .mdc-dialog__container {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

/* Header */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .dialog-header {
  background: #0f172a !important;
  background-color: #0f172a !important;
  border-bottom-color: rgba(148, 163, 184, 0.25) !important;
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .dialog-header h2 {
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .dialog-header .close {
  color: #94a3b8 !important;
}

/* Content body */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .dialog-content,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .mat-mdc-dialog-content {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

/* Actions footer */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel mat-dialog-actions,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .mat-mdc-dialog-actions {
  background: #0f172a !important;
  background-color: #0f172a !important;
  border-top-color: rgba(148, 163, 184, 0.25) !important;
}

/* Cancel button */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .cancel-btn {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

/* Form labels and all text */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel label,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .form-group label,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel h3,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel p,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel span {
  color: #e5e7eb !important;
}

/* Form inputs */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .form-control,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel input[type=text] {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .form-control::placeholder {
  color: #64748b !important;
}

/* File upload label */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .file-input-label {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

/* Bulk upload toggle + uploaded image cards + details summary + upload progress */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .bulk-upload-toggle,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .uploaded-image-card,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .upload-progress,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .no-metadata {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
  color: #94a3b8 !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .details-summary {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #94a3b8 !important;
}

/* Metadata entries */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .metadata-entry {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .metadata-entry-header {
  border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .metadata-section {
  border-top-color: rgba(148, 163, 184, 0.25) !important;
}

/* ── Dialog badges ───────────────────────────────────────── */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .entry-badge.public {
  background-color: #14532d !important;
  color: #86efac !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .entry-badge.private {
  background-color: #7f1d1d !important;
  color: #fca5a5 !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .visibility-badge.public {
  background-color: #1e3a5f !important;
  color: #93c5fd !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-dialog-panel .visibility-badge.private {
  background-color: #451a03 !important;
  color: #fdba74 !important;
}

/* ── View Metadata dialog (.item-metadata-view-dialog-panel) ─ */
/* Override Angular Material CSS variable */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel {
  --mdc-dialog-container-color: #111827;
  --mdc-dialog-supporting-text-color: #e5e7eb;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel .mdc-dialog__surface,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel .mdc-dialog__container {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel .dialog-header {
  background: #0f172a !important;
  background-color: #0f172a !important;
  border-bottom-color: rgba(148, 163, 184, 0.25) !important;
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel .dialog-header h2,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel .dialog-header .close-button {
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel .dialog-content,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel .mat-mdc-dialog-content {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel table,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel thead,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel tbody,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel tr {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel td {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel th {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel p,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel span,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel label {
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel .visibility-badge.public {
  background-color: #1e3a5f !important;
  color: #93c5fd !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel .visibility-badge.private {
  background-color: #451a03 !important;
  color: #fdba74 !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-metadata-view-dialog-panel .info-badge {
  background: #1e3a5f !important;
  background-color: #1e3a5f !important;
  color: #93c5fd !important;
  border-color: rgba(147, 197, 253, 0.25) !important;
}

/* =====================================================
   Item Library – Delete Confirmation Dialog
   ===================================================== */
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel {
  --mdc-dialog-container-color: #111827;
  --mdc-dialog-supporting-text-color: #e5e7eb;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .mdc-dialog__surface,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .mdc-dialog__container {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .item-library-confirm-dialog {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .dialog-header {
  background: #0f172a !important;
  background-color: #0f172a !important;
  border-bottom-color: rgba(148, 163, 184, 0.25) !important;
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .dialog-header h2 {
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .dialog-header h2 .delete-icon {
  color: #f87171 !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .dialog-header .close {
  color: #94a3b8 !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .dialog-header .close:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .dialog-content,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .mat-mdc-dialog-content {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .confirm-message {
  color: #cbd5e1 !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel mat-dialog-actions,
body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .mat-mdc-dialog-actions {
  background: #0f172a !important;
  background-color: #0f172a !important;
  border-top-color: rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .cancel-btn {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .cancel-btn:hover {
  background: #374151 !important;
  background-color: #374151 !important;
  color: #e5e7eb !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .delete-btn {
  background: #dc2626 !important;
  background-color: #dc2626 !important;
  color: #fff !important;
}

body.theme-dark .cdk-overlay-container .cdk-overlay-pane.item-library-confirm-dialog-panel .delete-btn:hover {
  background: #b91c1c !important;
  background-color: #b91c1c !important;
}

/* Mobile card shell */
body.theme-dark app-item-library .mobile-design,
body.theme-dark app-item-library .mobile-cards {
  background: #111827 !important;
  background-color: #111827 !important;
}

/* Mobile card tiles */
body.theme-dark app-item-library .mobile-design .tile,
body.theme-dark app-item-library .mobile-cards .tile {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark app-item-library .mobile-design .tile .main-title,
body.theme-dark app-item-library .mobile-cards .tile .main-title {
  background: #1d67a3 !important;
  background-color: #1d67a3 !important;
}

body.theme-dark app-item-library .mobile-design .tile p,
body.theme-dark app-item-library .mobile-design .tile p.bold,
body.theme-dark app-item-library .mobile-design .tile b,
body.theme-dark app-item-library .mobile-design .tile h3,
body.theme-dark app-item-library .mobile-cards .tile p,
body.theme-dark app-item-library .mobile-cards .tile p.bold,
body.theme-dark app-item-library .mobile-cards .tile b,
body.theme-dark app-item-library .mobile-cards .tile h3 {
  color: #e5e7eb !important;
}

body.theme-dark app-item-library .mobile-design .tile .main-title h3,
body.theme-dark app-item-library .mobile-cards .tile .main-title h3 {
  color: #ffffff !important;
}

/* =====================================================
   Admin Dashboard – Main Page (app-admin-user-conten)
   ===================================================== */
/* Page & layout wrappers */
body.theme-dark app-admin-user-conten,
body.theme-dark app-admin-user-conten .setting-dashboard,
body.theme-dark app-admin-user-conten .container1,
body.theme-dark app-admin-user-conten .submission-field,
body.theme-dark app-admin-user-conten .dashbored-wrap,
body.theme-dark app-admin-user-conten .detail-description,
body.theme-dark app-admin-user-conten .com-record,
body.theme-dark app-admin-user-conten .scroll-div,
body.theme-dark app-admin-user-conten .dash-text {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e2e8f0 !important;
}

/* Stats cards (.box) */
body.theme-dark app-admin-user-conten .box,
body.theme-dark app-admin-user-conten .stats-cards .box {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
  color: #e2e8f0 !important;
}

/* Stat grid cards (.stat-card) */
body.theme-dark app-admin-user-conten .stat-card {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

body.theme-dark app-admin-user-conten .stat-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}

body.theme-dark app-admin-user-conten .stat-card .stat-value {
  color: #f1f5f9 !important;
}

body.theme-dark app-admin-user-conten .stat-card .stat-label {
  color: #94a3b8 !important;
}

body.theme-dark app-admin-user-conten .stat-card .stat-icon {
  background: #1e3a5f !important;
  background-color: #1e3a5f !important;
}

/* Icon circle inside card */
body.theme-dark app-admin-user-conten .ico-box {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.theme-dark app-admin-user-conten .ico-box .card-icon {
  color: #5ea1d8 !important;
}

/* Count number & label text */
body.theme-dark app-admin-user-conten .box .count,
body.theme-dark app-admin-user-conten .box .count b {
  color: #f1f5f9 !important;
}

body.theme-dark app-admin-user-conten .box p,
body.theme-dark app-admin-user-conten .box span {
  color: #94a3b8 !important;
}

/* Table */
body.theme-dark app-admin-user-conten table,
body.theme-dark app-admin-user-conten thead,
body.theme-dark app-admin-user-conten tbody,
body.theme-dark app-admin-user-conten tr,
body.theme-dark app-admin-user-conten td,
body.theme-dark app-admin-user-conten th {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark app-admin-user-conten th {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #94a3b8 !important;
}

body.theme-dark app-admin-user-conten tbody tr:hover {
  background: #374151 !important;
  background-color: #374151 !important;
}

/* Filter / search bar */
body.theme-dark app-admin-user-conten .filter,
body.theme-dark app-admin-user-conten .filters-section {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

/* Mobile tile cards */
body.theme-dark app-admin-user-conten .mobile-design,
body.theme-dark app-admin-user-conten .mobile-cards {
  background: #111827 !important;
  background-color: #111827 !important;
}

body.theme-dark app-admin-user-conten .tile {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark app-admin-user-conten .tile .main-title {
  background: #1d67a3 !important;
  background-color: #1d67a3 !important;
}

body.theme-dark app-admin-user-conten .tile .main-title h3 {
  color: #ffffff !important;
}

body.theme-dark app-admin-user-conten .tile p,
body.theme-dark app-admin-user-conten .tile h3,
body.theme-dark app-admin-user-conten .tile span,
body.theme-dark app-admin-user-conten .tile b {
  color: #e2e8f0 !important;
}

/* Skeleton loader dark-mode override */
body.theme-dark app-admin-user-conten .skeleton-box,
body.theme-dark app-admin-user-conten .skeleton-tile {
  background: linear-gradient(90deg, #1f2937 25%, #2d3a4d 50%, #1f2937 75%) !important;
  background-color: #1f2937 !important;
  background-size: 200% 100% !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
  animation: fc-skeleton-shimmer 1.6s ease-in-out infinite !important;
}

body.theme-dark app-admin-user-conten .skeleton-table-container,
body.theme-dark app-admin-user-conten .skeleton-mobile-container {
  background: #1a2433 !important;
  background-color: #1a2433 !important;
}

body.theme-dark app-admin-user-conten .skeleton-text,
body.theme-dark app-admin-user-conten .skeleton-checkbox,
body.theme-dark app-admin-user-conten .skeleton-icon,
body.theme-dark app-admin-user-conten .skeleton-image,
body.theme-dark app-admin-user-conten .skeleton-price {
  background: linear-gradient(90deg, #1f2937 25%, #374151 50%, #1f2937 75%) !important;
  background-color: #374151 !important;
  background-size: 200% 100% !important;
  animation: fc-skeleton-shimmer 1.5s ease-in-out infinite !important;
}

/* General text */
body.theme-dark app-admin-user-conten p,
body.theme-dark app-admin-user-conten span,
body.theme-dark app-admin-user-conten label,
body.theme-dark app-admin-user-conten h1,
body.theme-dark app-admin-user-conten h2,
body.theme-dark app-admin-user-conten h3,
body.theme-dark app-admin-user-conten h4,
body.theme-dark app-admin-user-conten h5,
body.theme-dark app-admin-user-conten h6 {
  color: #e2e8f0 !important;
}

/* =====================================================
   Admin Inappropriate Content (app-admin-inappropriate-content)
   Dark mode — mobile tile cards
   ===================================================== */
body.theme-dark app-admin-inappropriate-content .mobile-design {
  background: #111827 !important;
  background-color: #111827 !important;
}

body.theme-dark app-admin-inappropriate-content .tile {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark app-admin-inappropriate-content .tile > div {
  border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark app-admin-inappropriate-content .tile p,
body.theme-dark app-admin-inappropriate-content .tile p.bold,
body.theme-dark app-admin-inappropriate-content .tile b,
body.theme-dark app-admin-inappropriate-content .tile h3 {
  color: #e5e7eb !important;
}

body.theme-dark app-admin-inappropriate-content .tile span:not(.status-badge):not(.badge):not(.content-type):not(.material-icons) {
  color: #e5e7eb !important;
}

body.theme-dark app-admin-inappropriate-content .tile .content-type {
  color: #cbd5e1 !important;
}

body.theme-dark app-admin-inappropriate-content .tile strong {
  color: #5ea1d8 !important;
}

body.theme-dark app-admin-inappropriate-content .tile .main-title {
  background: #1d67a3 !important;
  background-color: #1d67a3 !important;
}

body.theme-dark app-admin-inappropriate-content .tile .main-title h3 {
  color: #ffffff !important;
}

body.theme-dark app-admin-inappropriate-content .tile .common-tile .title-tile p {
  color: #94a3b8 !important;
}

body.theme-dark app-admin-inappropriate-content .tile .common-tile .title-tile p.bold {
  color: #e5e7eb !important;
}

body.theme-dark app-admin-inappropriate-content .tile .status-badge.status-pending {
  background: #78350f !important;
  color: #fde68a !important;
  border-color: #92400e !important;
}

body.theme-dark app-admin-inappropriate-content .tile .status-badge.status-actioned {
  background: #14532d !important;
  color: #d1fae5 !important;
  border-color: #166534 !important;
}

body.theme-dark app-admin-inappropriate-content .tile .badge.badge-success {
  background: #14532d !important;
  color: #d1fae5 !important;
  border-color: #166534 !important;
}

body.theme-dark app-admin-inappropriate-content .tile .badge.badge-danger {
  background: #7f1d1d !important;
  color: #fecaca !important;
  border-color: #991b1b !important;
}

body.theme-dark app-admin-inappropriate-content .tile .badge.badge-secondary {
  background: #374151 !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
}

body.theme-dark app-admin-inappropriate-content .tile .actions-section {
  border-top-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark app-admin-inappropriate-content .tile .actions-section .outcome-section strong {
  color: #e5e7eb !important;
}

body.theme-dark app-admin-inappropriate-content .tile .actions-section .form-select,
body.theme-dark app-admin-inappropriate-content .tile .actions-section .form-select option {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
}

body.theme-dark app-admin-inappropriate-content .no-results {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

/* =====================================================
   Admin Dashboard Shell (app-admin-dashboard)
   Left sidebar, header bar, submission area
   ===================================================== */
/* Left sidebar */
body.theme-dark app-admin-dashboard .setting-dashboard .left-user {
  background: #0d1b2e !important;
  background-color: #0d1b2e !important;
  border: none !important;
  border-right: 2px solid rgba(94, 161, 216, 0.45) !important;
}

/* Remove unwanted borders from nav containers (not li) */
/* Sidebar title – restore bottom separator */
body.theme-dark app-admin-dashboard .setting-dashboard .left-user .dash-title {
  background: #0d1b2e !important;
  background-color: #0d1b2e !important;
  color: #5ea1d8 !important;
  border-bottom: 2px solid rgba(94, 161, 216, 0.45) !important;
  box-shadow: 0 2px 0 0 rgba(94, 161, 216, 0.35) !important;
}

body.theme-dark app-admin-dashboard .setting-dashboard .left-user .dash-title h6,
body.theme-dark app-admin-dashboard .setting-dashboard .left-user .dash-title h6 span {
  color: #5ea1d8 !important;
}

/* Nav list container — clear light-mode background */
body.theme-dark app-admin-dashboard .setting-dashboard .left-user .detail-list,
body.theme-dark app-admin-dashboard .setting-dashboard .left-user .dash-elemenet,
body.theme-dark app-admin-dashboard .setting-dashboard .left-user .dash-elemenet > div {
  background: transparent !important;
  background-color: transparent !important;
}

/* Nav items — subtle separator (same as user-dashboard) */
body.theme-dark app-admin-dashboard .setting-dashboard .left-user li,
body.theme-dark app-admin-dashboard .setting-dashboard .left-user ul li {
  color: #94a3b8 !important;
  margin-bottom: 2px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08) !important;
}

body.theme-dark app-admin-dashboard .setting-dashboard .left-user li:hover,
body.theme-dark app-admin-dashboard .setting-dashboard .left-user ul li:hover {
  background: rgba(94, 161, 216, 0.15) !important;
  color: #e2e8f0 !important;
}

/* Active item – restore only left accent border */
body.theme-dark app-admin-dashboard .setting-dashboard .left-user li.active,
body.theme-dark app-admin-dashboard .setting-dashboard .left-user .selected-item {
  background: rgba(94, 161, 216, 0.25) !important;
  background-color: rgba(94, 161, 216, 0.25) !important;
  color: #ffffff !important;
  border-left: 3px solid #5ea1d8 !important;
}

/* Pseudo-elements */
body.theme-dark app-admin-dashboard .setting-dashboard .left-user li::before,
body.theme-dark app-admin-dashboard .setting-dashboard .left-user li::after {
  background: rgba(94, 161, 216, 0.15) !important;
}

/* Welcome header bar wrapper */
body.theme-dark app-admin-dashboard .setting-dashboard .submission-field .hamburger {
  background: #0d1b2e !important;
  background-color: #0d1b2e !important;
  border: none !important;
  box-shadow: none !important;
}

/* Header dash-title – the separator line goes directly on this element */
body.theme-dark app-admin-dashboard .setting-dashboard .submission-field .hamburger .dash-title {
  background: #0d1b2e !important;
  background-color: #0d1b2e !important;
  color: #e2e8f0 !important;
  border: none !important;
  border-bottom: 2px solid rgba(94, 161, 216, 0.45) !important;
  box-shadow: 0 2px 0 0 rgba(94, 161, 216, 0.35) !important;
  width: 100% !important;
}

body.theme-dark app-admin-dashboard .setting-dashboard .submission-field .hamburger .dash-title h6,
body.theme-dark app-admin-dashboard .setting-dashboard .submission-field .hamburger .dash-title h6 span {
  color: #5ea1d8 !important;
}

/* Right content area */
body.theme-dark app-admin-dashboard .setting-dashboard .submission-field {
  background: #111827 !important;
  background-color: #111827 !important;
  border: none !important;
  border-left: 2px solid rgba(94, 161, 216, 0.45) !important;
}

/* Outer page wrappers */
body.theme-dark app-admin-dashboard .setting-dashboard,
body.theme-dark app-admin-dashboard .container1,
body.theme-dark app-admin-dashboard .dashbored-wrap {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e2e8f0 !important;
}

/* Mobile hamburger button */
body.theme-dark app-admin-dashboard .mob-menu {
  background: #0f172a !important;
  background-color: #0f172a !important;
}

body.theme-dark app-admin-dashboard .mob-menu button {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
}

/* Mobile panel – dark mode: force dark background + white nav text */
@media (max-width: 767px) {
  body.theme-dark app-admin-dashboard .setting-dashboard .left-user {
    background: #0d1b2e !important;
    background-color: #0d1b2e !important;
  }
  body.theme-dark app-admin-dashboard .setting-dashboard .left-user li,
  body.theme-dark app-admin-dashboard .setting-dashboard .left-user ul li,
  body.theme-dark app-admin-dashboard .setting-dashboard .left-user ul li.ng-star-inserted {
    color: #ffffff !important;
  }
  body.theme-dark app-admin-dashboard .setting-dashboard .left-user li:hover,
  body.theme-dark app-admin-dashboard .setting-dashboard .left-user ul li:hover {
    color: #ffffff !important;
    background: rgba(94, 161, 216, 0.2) !important;
  }
  body.theme-dark app-admin-dashboard .setting-dashboard .left-user li.active,
  body.theme-dark app-admin-dashboard .setting-dashboard .left-user ul li.active {
    color: #ffffff !important;
    background: rgba(94, 161, 216, 0.3) !important;
  }
}
body.theme-dark app-admin-inappropriate-content,
body.theme-dark app-admin-inappropriate-content .setting-dashboard,
body.theme-dark app-admin-inappropriate-content .container1,
body.theme-dark app-admin-inappropriate-content .submission-field,
body.theme-dark app-admin-inappropriate-content .dashbored-wrap,
body.theme-dark app-admin-inappropriate-content .dash-text,
body.theme-dark app-admin-inappropriate-content .detail-description,
body.theme-dark app-admin-inappropriate-content .com-record,
body.theme-dark app-admin-inappropriate-content .scroll-div {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

/* Stat cards */
body.theme-dark app-admin-inappropriate-content .box,
body.theme-dark app-admin-inappropriate-content .followers-tag .box,
body.theme-dark app-admin-inappropriate-content .cards-grid .box {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  color: #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

/* Count div inside cards (has white !important in light-mode) */
body.theme-dark app-admin-inappropriate-content .followers-tag .box .text .count,
body.theme-dark app-admin-inappropriate-content .cards-grid .box .text .count {
  background: transparent !important;
  background-color: transparent !important;
  color: #e5e7eb !important;
  box-shadow: none !important;
}

body.theme-dark app-admin-inappropriate-content .followers-tag .box .text .count b,
body.theme-dark app-admin-inappropriate-content .cards-grid .box .text .count b {
  color: #e5e7eb !important;
}

body.theme-dark app-admin-inappropriate-content .followers-tag .box .text p,
body.theme-dark app-admin-inappropriate-content .cards-grid .box .text p {
  color: #94a3b8 !important;
}

/* Icon container */
body.theme-dark app-admin-inappropriate-content .ico-box {
  background: transparent !important;
  box-shadow: none !important;
}

body.theme-dark app-admin-inappropriate-content .card-icon {
  color: #5ea1d8 !important;
}

/* Page section header */
body.theme-dark app-admin-inappropriate-content .page-section-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.15) !important;
}

body.theme-dark app-admin-inappropriate-content .page-section-title {
  color: #e2e8f0 !important;
}

/* Table */
body.theme-dark app-admin-inappropriate-content table,
body.theme-dark app-admin-inappropriate-content .fc-table,
body.theme-dark app-admin-inappropriate-content thead,
body.theme-dark app-admin-inappropriate-content tbody,
body.theme-dark app-admin-inappropriate-content tr {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark app-admin-inappropriate-content td {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
}

body.theme-dark app-admin-inappropriate-content th {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark app-admin-inappropriate-content tbody tr:hover,
body.theme-dark app-admin-inappropriate-content tbody tr:hover td {
  background: #374151 !important;
  background-color: #374151 !important;
  color: #f1f5f9 !important;
}

/* Typography — general text */
body.theme-dark app-admin-inappropriate-content p,
body.theme-dark app-admin-inappropriate-content span,
body.theme-dark app-admin-inappropriate-content label,
body.theme-dark app-admin-inappropriate-content h1,
body.theme-dark app-admin-inappropriate-content h2,
body.theme-dark app-admin-inappropriate-content h3,
body.theme-dark app-admin-inappropriate-content h4,
body.theme-dark app-admin-inappropriate-content h5,
body.theme-dark app-admin-inappropriate-content h6,
body.theme-dark app-admin-inappropriate-content li {
  color: #e5e7eb !important;
}

/* Icons */
body.theme-dark app-admin-inappropriate-content mat-icon,
body.theme-dark app-admin-inappropriate-content .mat-icon,
body.theme-dark app-admin-inappropriate-content .material-icons {
  color: #94a3b8 !important;
}

body.theme-dark app-admin-inappropriate-content .view-analytics mat-icon,
body.theme-dark app-admin-inappropriate-content .view-analytics .mat-icon {
  color: #5ea1d8 !important;
}

/* Search / filter inputs */
body.theme-dark app-admin-inappropriate-content input,
body.theme-dark app-admin-inappropriate-content select,
body.theme-dark app-admin-inappropriate-content .form-control,
body.theme-dark app-admin-inappropriate-content .search-input {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark app-admin-inappropriate-content input::placeholder,
body.theme-dark app-admin-inappropriate-content .search-input::placeholder {
  color: #64748b !important;
}

/* Filter / search area */
body.theme-dark app-admin-inappropriate-content .filter,
body.theme-dark app-admin-inappropriate-content .filters-section {
  background: transparent !important;
  color: #e5e7eb !important;
}

/* Status badges */
body.theme-dark app-admin-inappropriate-content .badge-active,
body.theme-dark app-admin-inappropriate-content .status-badge.active {
  background-color: #14532d !important;
  color: #bbf7d0 !important;
}

body.theme-dark app-admin-inappropriate-content .badge-inactive,
body.theme-dark app-admin-inappropriate-content .status-badge.inactive,
body.theme-dark app-admin-inappropriate-content .status-badge.pending {
  background-color: #78350f !important;
  color: #fef3c7 !important;
}

body.theme-dark app-contact-us-listing .setting-dashboard,
body.theme-dark app-contact-us-listing .container1,
body.theme-dark app-contact-us-listing .submission-field,
body.theme-dark app-contact-us-listing .dashbored-wrap,
body.theme-dark app-contact-us-listing .dash-text,
body.theme-dark app-contact-us-listing .detail-description,
body.theme-dark app-contact-us-listing .com-record,
body.theme-dark app-contact-us-listing .scroll-div {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

/* Mobile cards — outer shell */
body.theme-dark app-contact-us-listing .mobile-design,
body.theme-dark app-contact-us-listing .mobile-cards {
  background: #111827 !important;
  background-color: #111827 !important;
}

/* Mobile cards — individual tile */
body.theme-dark app-contact-us-listing .mobile-design .tile,
body.theme-dark app-contact-us-listing .mobile-cards .tile {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark app-contact-us-listing .mobile-design .tile > div,
body.theme-dark app-contact-us-listing .mobile-cards .tile > div {
  border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark app-contact-us-listing .mobile-design .tile .main-title,
body.theme-dark app-contact-us-listing .mobile-cards .tile .main-title {
  background: #1d67a3 !important;
  background-color: #1d67a3 !important;
}

body.theme-dark app-contact-us-listing .mobile-design .tile p,
body.theme-dark app-contact-us-listing .mobile-design .tile p.bold,
body.theme-dark app-contact-us-listing .mobile-design .tile b,
body.theme-dark app-contact-us-listing .mobile-design .tile h3,
body.theme-dark app-contact-us-listing .mobile-cards .tile p,
body.theme-dark app-contact-us-listing .mobile-cards .tile p.bold,
body.theme-dark app-contact-us-listing .mobile-cards .tile b,
body.theme-dark app-contact-us-listing .mobile-cards .tile h3 {
  color: #e5e7eb !important;
}

body.theme-dark app-contact-us-listing .mobile-design .tile .main-title h3,
body.theme-dark app-contact-us-listing .mobile-cards .tile .main-title h3 {
  color: #ffffff !important;
}

body.theme-dark app-contact-us-listing .mobile-design .tile span:not(.material-icons):not(.view-analytics):not(.view-analytics *),
body.theme-dark app-contact-us-listing .mobile-cards .tile span:not(.material-icons):not(.view-analytics):not(.view-analytics *) {
  color: #e5e7eb !important;
}

body.theme-dark app-contact-us-listing .mobile-design .tile strong,
body.theme-dark app-contact-us-listing .mobile-cards .tile strong {
  color: #5ea1d8 !important;
}

body.theme-dark app-contact-us-listing .mobile-design .tile .view-analytics,
body.theme-dark app-contact-us-listing .mobile-design .tile .view-analytics span,
body.theme-dark app-contact-us-listing .mobile-design .tile .view-analytics mat-icon,
body.theme-dark app-contact-us-listing .mobile-cards .tile .view-analytics,
body.theme-dark app-contact-us-listing .mobile-cards .tile .view-analytics span,
body.theme-dark app-contact-us-listing .mobile-cards .tile .view-analytics mat-icon {
  color: #5ea1d8 !important;
  background: transparent !important;
}

/* Stat cards */
body.theme-dark app-contact-us-listing .box,
body.theme-dark app-contact-us-listing .stats-cards .box,
body.theme-dark app-contact-us-listing .followers-tag .box {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  color: #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

body.theme-dark app-contact-us-listing .stats-cards .box .text .count,
body.theme-dark app-contact-us-listing .followers-tag .box .text .count {
  background: transparent !important;
  background-color: transparent !important;
  color: #e5e7eb !important;
  box-shadow: none !important;
}

body.theme-dark app-contact-us-listing .stats-cards .box .text .count b,
body.theme-dark app-contact-us-listing .followers-tag .box .text .count b {
  color: #e5e7eb !important;
}

body.theme-dark app-contact-us-listing .stats-cards .box .text p,
body.theme-dark app-contact-us-listing .followers-tag .box .text p {
  color: #94a3b8 !important;
}

/* Icon container */
body.theme-dark app-contact-us-listing .ico-box {
  background: transparent !important;
  box-shadow: none !important;
}

body.theme-dark app-contact-us-listing .card-icon {
  color: #5ea1d8 !important;
}

/* Page section header */
body.theme-dark app-contact-us-listing .page-section-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.15) !important;
}

body.theme-dark app-contact-us-listing .page-section-title {
  color: #e2e8f0 !important;
}

/* Table */
body.theme-dark app-contact-us-listing table,
body.theme-dark app-contact-us-listing .fc-table,
body.theme-dark app-contact-us-listing thead,
body.theme-dark app-contact-us-listing tbody,
body.theme-dark app-contact-us-listing tr {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark app-contact-us-listing td {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
}

body.theme-dark app-contact-us-listing th {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark app-contact-us-listing tbody tr:hover,
body.theme-dark app-contact-us-listing tbody tr:hover td {
  background: #374151 !important;
  background-color: #374151 !important;
  color: #f1f5f9 !important;
}

/* Typography — general text */
body.theme-dark app-contact-us-listing p,
body.theme-dark app-contact-us-listing span,
body.theme-dark app-contact-us-listing label,
body.theme-dark app-contact-us-listing h1,
body.theme-dark app-contact-us-listing h2,
body.theme-dark app-contact-us-listing h3,
body.theme-dark app-contact-us-listing h4,
body.theme-dark app-contact-us-listing h5,
body.theme-dark app-contact-us-listing h6,
body.theme-dark app-contact-us-listing li {
  color: #e5e7eb !important;
}

/* Icons */
body.theme-dark app-contact-us-listing mat-icon,
body.theme-dark app-contact-us-listing .mat-icon,
body.theme-dark app-contact-us-listing .material-icons {
  color: #94a3b8 !important;
}

body.theme-dark app-contact-us-listing .view-analytics mat-icon,
body.theme-dark app-contact-us-listing .view-analytics .mat-icon {
  color: #5ea1d8 !important;
}

/* Search / filter inputs */
body.theme-dark app-contact-us-listing input,
body.theme-dark app-contact-us-listing select,
body.theme-dark app-contact-us-listing .form-control,
body.theme-dark app-contact-us-listing .search-input {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark app-contact-us-listing input::placeholder,
body.theme-dark app-contact-us-listing .search-input::placeholder {
  color: #64748b !important;
}

/* Filter / search area */
body.theme-dark app-contact-us-listing .filter,
body.theme-dark app-contact-us-listing .filters-section {
  background: transparent !important;
  color: #e5e7eb !important;
}

/* Status badges */
body.theme-dark app-contact-us-listing .badge-open,
body.theme-dark app-contact-us-listing .status-badge.open {
  background-color: #1e3a5f !important;
  color: #93c5fd !important;
}

body.theme-dark app-contact-us-listing .badge-resolved,
body.theme-dark app-contact-us-listing .status-badge.resolved {
  background-color: #14532d !important;
  color: #bbf7d0 !important;
}

body.theme-dark app-contact-us-listing .badge-pending,
body.theme-dark app-contact-us-listing .status-badge.pending {
  background-color: #78350f !important;
  color: #fef3c7 !important;
}

/* ── Item Details Dialog: dark mode overrides ─────────────────────────────── */
body.theme-dark .item-details-dialog-panel .mat-mdc-dialog-container,
body.theme-dark .item-details-dialog-panel .mat-mdc-dialog-surface,
body.theme-dark .item-details-dialog-panel .mdc-dialog__surface,
body.theme-dark .item-details-dialog-panel .mat-mdc-dialog-content,
body.theme-dark .item-details-dialog-panel .mat-mdc-dialog-actions {
  background: #111827 !important;
  color: #e2e8f0 !important;
  opacity: 1 !important;
}

body.theme-dark .item-details-dialog-panel .item-details-dialog {
  background: #111827 !important;
  color: #e2e8f0 !important;
}

body.theme-dark .item-details-dialog-panel .dialog-header {
  background: #111827 !important;
  border-bottom-color: rgba(148, 163, 184, 0.15) !important;
}

body.theme-dark .item-details-dialog-panel .dialog-header h2,
body.theme-dark .item-details-dialog-panel .dialog-header h2 mat-dialog-title {
  color: #f1f5f9 !important;
}

body.theme-dark .item-details-dialog-panel .dialog-header .close-button {
  color: #94a3b8 !important;
}

body.theme-dark .item-details-dialog-panel .dialog-header .close-button:hover {
  background: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
  color: #e2e8f0 !important;
}

body.theme-dark .item-details-dialog-panel .dialog-content {
  background: #111827 !important;
}

body.theme-dark .item-details-dialog-panel .read-only-details {
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
}

body.theme-dark .item-details-dialog-panel .read-only-details .detail-field label {
  color: #94a3b8 !important;
}

body.theme-dark .item-details-dialog-panel .read-only-details .detail-field span {
  color: #e2e8f0 !important;
}

body.theme-dark .item-details-dialog-panel .item-preview-image {
  border-color: rgba(148, 163, 184, 0.2) !important;
  background: #1f2937 !important;
}

body.theme-dark .item-details-dialog-panel .dialog-actions {
  background: #111827 !important;
  border-top-color: rgba(148, 163, 184, 0.15) !important;
}

body.theme-dark .item-details-dialog-panel .dialog-actions .cancel-btn {
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
  background: transparent !important;
}

body.theme-dark .item-details-dialog-panel .dialog-actions .cancel-btn:hover {
  background: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.5) !important;
  color: #e2e8f0 !important;
}

body.theme-dark .item-details-dialog-panel .mat-form-field-label,
body.theme-dark .item-details-dialog-panel .mat-label,
body.theme-dark .item-details-dialog-panel label {
  color: #94a3b8 !important;
}

body.theme-dark .item-details-dialog-panel .mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(148, 163, 184, 0.3) !important;
}

body.theme-dark .item-details-dialog-panel .mat-input-element,
body.theme-dark .item-details-dialog-panel input.mat-input-element,
body.theme-dark .item-details-dialog-panel .mat-select-value-text {
  color: #e2e8f0 !important;
}

body.theme-dark .item-details-dialog-panel .mat-hint,
body.theme-dark .item-details-dialog-panel .mat-form-field-hint-wrapper {
  color: #94a3b8 !important;
}

body.theme-dark .item-details-dialog-panel .form-hint {
  color: #94a3b8 !important;
}

body.theme-dark .item-details-dialog-panel .checkbox-label span {
  color: #e2e8f0 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   Supporting Documents Modal — dark mode fixes
   Panel class: "dialoguebox"  |  Component: app-support-document
   ══════════════════════════════════════════════════════════════════════════ */
/* Dialog surface & container */
body.theme-dark .cdk-overlay-pane.dialoguebox .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-pane.dialoguebox .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-pane.dialoguebox .mdc-dialog__surface {
  background: #111827 !important;
  color: #e2e8f0 !important;
}

/* Outer container div */
body.theme-dark .cdk-overlay-pane.dialoguebox .container {
  background: #111827 !important;
}

/* Top header box — dark fallback only when no cover image is available.
   Uses background-color so it sits behind the background-image from [style.background]. */
body.theme-dark .cdk-overlay-pane.dialoguebox .box {
  background-color: #0f172a;
}

/* Content area — white curved card below the cover image */
body.theme-dark .cdk-overlay-pane.dialoguebox .des-box {
  background: #111827 !important;
  color: #e2e8f0 !important;
}

/* Pseudo-elements that paint the white wave/background behind des-box */
body.theme-dark .cdk-overlay-pane.dialoguebox .des-box::before,
body.theme-dark .cdk-overlay-pane.dialoguebox .des-box::after {
  background: #111827 !important;
}

/* "Supporting Documents" heading */
body.theme-dark .cdk-overlay-pane.dialoguebox .supporting-docs-title {
  color: #e2e8f0 !important;
}

/* All text inside des-box */
body.theme-dark .cdk-overlay-pane.dialoguebox .des-box p,
body.theme-dark .cdk-overlay-pane.dialoguebox .des-box h5,
body.theme-dark .cdk-overlay-pane.dialoguebox .des-box span:not(.priceIcon-p):not(.priceIcon-wp),
body.theme-dark .cdk-overlay-pane.dialoguebox .des-box label,
body.theme-dark .cdk-overlay-pane.dialoguebox .des-box li {
  color: #e2e8f0 !important;
}

/* Document and hyperlink list rows */
body.theme-dark .cdk-overlay-pane.dialoguebox .example-box {
  background: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
  color: #e2e8f0 !important;
}

/* Document file links */
body.theme-dark .cdk-overlay-pane.dialoguebox .des-box a:not([style*="color: #5ea1d8"]):not([style*="color:#5ea1d8"]) {
  color: #93c5fd !important;
}

/* Font-Awesome icons next to document/link names */
body.theme-dark .cdk-overlay-pane.dialoguebox .des-box i {
  color: #93c5fd !important;
}

/* Scrollable document list */
body.theme-dark .cdk-overlay-pane.dialoguebox .divscroll {
  scrollbar-color: #374151 #111827;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .divscroll::-webkit-scrollbar-track {
  background: #111827;
}

body.theme-dark .cdk-overlay-pane.dialoguebox .divscroll::-webkit-scrollbar-thumb {
  background: #374151;
  border-radius: 4px;
}

/* =========================================================
   View Analytics — transparent background (light + dark)
   ---------------------------------------------------------
   The View Analytics span/button must always render with a
   transparent background so it inherits the row colour
   (whether default or hovered) and never paints its own
   shade on the desktop table or mobile cards.

   Markup variants we need to cover:
     • Desktop table:  <tr> > <span.view-analytics> > <mat-icon> + <span>
     • Mobile cards:   <div> > <span> > <span.view-analytics>
   ========================================================= */
app-admin-user-conten .dashbored-wrap tr:has(> .view-analytics),
app-admin-user-conten .dashbored-wrap tr:has(> .view-analytics) > .view-analytics,
app-admin-user-conten .dashbored-wrap tr:has(> .view-analytics) > .view-analytics > span,
app-admin-user-conten .dashbored-wrap tr:has(> .view-analytics) > .view-analytics mat-icon,
app-admin-user-conten .dashbored-wrap tr:has(> span > .view-analytics),
app-admin-user-conten .dashbored-wrap tr:has(> span > .view-analytics) > span,
app-admin-user-conten .dashbored-wrap tr:has(> span > .view-analytics) mat-icon,
app-admin-user-conten .dashbored-wrap td .view-analytics,
app-admin-user-conten .dashbored-wrap td span.view-analytics,
app-admin-user-conten .dashbored-wrap td span.view-analytics > span,
app-admin-user-conten .dashbored-wrap td span.view-analytics mat-icon,
app-admin-user-conten .dashbored-wrap .view-analytics,
app-admin-user-conten .dashbored-wrap .view-analytics *,
app-admin-user-conten .dashbored-wrap tbody tr:hover tr:has(> .view-analytics),
app-admin-user-conten .dashbored-wrap tbody tr:hover tr:has(> span > .view-analytics),
app-admin-user-conten .dashbored-wrap tbody tr:hover tr:has(> span > .view-analytics) > span,
app-admin-user-conten .dashbored-wrap tbody tr:hover tr:has(> span > .view-analytics) mat-icon,
app-admin-user-conten .dashbored-wrap tbody tr:hover .view-analytics,
app-admin-user-conten .dashbored-wrap tbody tr:hover .view-analytics * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* =========================================================
   Skeleton loaders — dark-mode background fix
   ---------------------------------------------------------
   The following admin pages declare skeleton loader styles
   in their component SCSS with hard-coded light backgrounds
   (#fff, #f0f0f0, #f8f9fa, etc.) which leak through in dark
   mode as a bright white panel. Override the container,
   tile/box surfaces, and the shimmer gradient so they all
   sit on the dark surface tokens.

   Pages covered:
     - app-admin-inappropriate-content (Reported Content)
     - app-contact-us-listing          (Inquiries Settings)
     - app-feedback-settings           (Feedback)
     - app-item-library                (Item Library)
   ========================================================= */
/* Containers (the outer wrapper that hosts the skeletons) */
body.theme-dark app-admin-inappropriate-content .skeleton-stats-container,
body.theme-dark app-admin-inappropriate-content .skeleton-table-container,
body.theme-dark app-admin-inappropriate-content .skeleton-mobile-container,
body.theme-dark app-contact-us-listing .skeleton-stats-container,
body.theme-dark app-contact-us-listing .skeleton-table-container,
body.theme-dark app-contact-us-listing .skeleton-mobile-container,
body.theme-dark app-feedback-settings .skeleton-stats-container,
body.theme-dark app-feedback-settings .skeleton-table-container,
body.theme-dark app-feedback-settings .skeleton-mobile-container,
body.theme-dark app-item-library .skeleton-stats-container,
body.theme-dark app-item-library .skeleton-table-container,
body.theme-dark app-item-library .skeleton-mobile-container {
  background: #111827 !important;
  background-color: #111827 !important;
  background-image: none !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
}

/* Card-like skeleton surfaces (boxes, tiles) — slightly raised */
body.theme-dark app-admin-inappropriate-content .skeleton-box,
body.theme-dark app-admin-inappropriate-content .skeleton-tile,
body.theme-dark app-contact-us-listing .skeleton-box,
body.theme-dark app-contact-us-listing .skeleton-tile,
body.theme-dark app-feedback-settings .skeleton-box,
body.theme-dark app-feedback-settings .skeleton-tile,
body.theme-dark app-item-library .skeleton-box,
body.theme-dark app-item-library .skeleton-tile {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  background-image: none !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

/* Shimmer-animated bars/icons/images — replace light gradient
   with the dark-mode shimmer (uses fc-skeleton-shimmer keyframes
   already defined in this file). */
body.theme-dark app-admin-inappropriate-content [class*=skeleton-]:not(.skeleton-stats-container):not(.skeleton-table-container):not(.skeleton-mobile-container):not(.skeleton-box):not(.skeleton-tile),
body.theme-dark app-contact-us-listing [class*=skeleton-]:not(.skeleton-stats-container):not(.skeleton-table-container):not(.skeleton-mobile-container):not(.skeleton-box):not(.skeleton-tile),
body.theme-dark app-feedback-settings [class*=skeleton-]:not(.skeleton-stats-container):not(.skeleton-table-container):not(.skeleton-mobile-container):not(.skeleton-box):not(.skeleton-tile),
body.theme-dark app-item-library [class*=skeleton-]:not(.skeleton-stats-container):not(.skeleton-table-container):not(.skeleton-mobile-container):not(.skeleton-box):not(.skeleton-tile) {
  background: linear-gradient(90deg, #1f2937 25%, #374151 50%, #1f2937 75%) !important;
  background-color: #1f2937 !important;
  background-size: 200% 100% !important;
  animation: fc-skeleton-shimmer 1.5s ease-in-out infinite !important;
}

/* The skeleton table rendered inside .skeleton-table-container also
   inherits the global theme-dark tr/td #111827 so explicitly keep
   its cells transparent — otherwise the inner skeleton bars look
   like floating chips on a slightly different shade. */
body.theme-dark app-admin-inappropriate-content .skeleton-table-container table,
body.theme-dark app-admin-inappropriate-content .skeleton-table-container thead,
body.theme-dark app-admin-inappropriate-content .skeleton-table-container tbody,
body.theme-dark app-admin-inappropriate-content .skeleton-table-container tr,
body.theme-dark app-admin-inappropriate-content .skeleton-table-container td,
body.theme-dark app-admin-inappropriate-content .skeleton-table-container th,
body.theme-dark app-contact-us-listing .skeleton-table-container table,
body.theme-dark app-contact-us-listing .skeleton-table-container thead,
body.theme-dark app-contact-us-listing .skeleton-table-container tbody,
body.theme-dark app-contact-us-listing .skeleton-table-container tr,
body.theme-dark app-contact-us-listing .skeleton-table-container td,
body.theme-dark app-contact-us-listing .skeleton-table-container th,
body.theme-dark app-feedback-settings .skeleton-table-container table,
body.theme-dark app-feedback-settings .skeleton-table-container thead,
body.theme-dark app-feedback-settings .skeleton-table-container tbody,
body.theme-dark app-feedback-settings .skeleton-table-container tr,
body.theme-dark app-feedback-settings .skeleton-table-container td,
body.theme-dark app-feedback-settings .skeleton-table-container th,
body.theme-dark app-item-library .skeleton-table-container table,
body.theme-dark app-item-library .skeleton-table-container thead,
body.theme-dark app-item-library .skeleton-table-container tbody,
body.theme-dark app-item-library .skeleton-table-container tr,
body.theme-dark app-item-library .skeleton-table-container td,
body.theme-dark app-item-library .skeleton-table-container th {
  background: #111827 !important;
  background-color: #111827 !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
}

/* Search category selector label — white text in dark mode */
body.theme-dark .search-category-label {
  color: #ffffff !important;
}

/* Embed preview autoplay: remove browser/Bootstrap focus border on click */
button.epv-autoplay,
.epv-autoplay,
.epv-autoplay-track,
.epv-autoplay-track *,
button.epv-autoplay:focus,
button.epv-autoplay:focus-visible,
button.epv-autoplay:active,
.epv-autoplay:focus,
.epv-autoplay:focus-visible,
.epv-autoplay:active,
.epv-autoplay-track:focus,
.epv-autoplay-track:focus-visible,
.epv-autoplay-track:active,
.epv-autoplay-track:focus-within {
  outline: 0 !important;
  outline-width: 0 !important;
  outline-style: none !important;
  outline-color: transparent !important;
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

button.epv-autoplay::-moz-focus-inner {
  border: 0 !important;
  padding: 0 !important;
}

/* Share modal (view flow / view bundle) — dark mode readability
   Global dark overlay rules force light text; branded share dialog kept
   light surfaces, so labels/inputs were invisible. Harden both here. */
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded {
  background: #111827 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-dialog-header h2,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-close-btn,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-setting-row label,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-custom-inputs,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-social-icon-btn span,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-social-icon-btn mat-icon,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-preview-btn,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-preview-btn mat-icon,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-preview-btn span {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-icon-circle {
  background-color: #1f2937 !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-social-icon-btn:hover .flowchest-icon-circle {
  background-color: #374151 !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-social-icon-btn.flowchest-active .flowchest-icon-circle {
  background-color: #0284c7 !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-social-icon-btn.flowchest-active .flowchest-icon-circle mat-icon {
  color: #ffffff !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-social-icon-btn.flowchest-active span {
  color: #38bdf8 !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-copy-url-box {
  background-color: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-link-input,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-custom-inputs input,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-embed-code-box textarea {
  background: #1f2937 !important;
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.45) !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-link-input {
  background: transparent !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-preset-badge {
  background: #1f2937 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-preset-badge.flowchest-active {
  background: #0284c7 !important;
  color: #ffffff !important;
  border-color: #0284c7 !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-preview-btn {
  background: #1f2937 !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-preview-btn:hover {
  background: #374151 !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-section-divider {
  border-top-color: rgba(148, 163, 184, 0.25) !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-live-preview-container {
  background: #0f172a !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-text-link-btn {
  color: #38bdf8 !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-copy-btn,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-copy-btn mat-icon,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-copy-btn span {
  color: #ffffff !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .mat-mdc-form-field,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .mat-mdc-text-field-wrapper,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .mdc-text-field--outlined {
  background: #1f2937 !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .mat-mdc-select-value,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .mat-mdc-select-arrow,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .mat-mdc-select-min-line {
  color: #e2e8f0 !important;
}

/* Embed Full Preview dialog — dark mode text & surfaces */
body.theme-dark .cdk-overlay-container .embed-preview-dialog,
body.theme-dark .cdk-overlay-container .embed-preview-dialog .dialog-header,
body.theme-dark .cdk-overlay-container .embed-preview-dialog .dialog-content {
  background: #111827 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
}

body.theme-dark .cdk-overlay-container .embed-preview-dialog .dialog-title,
body.theme-dark .cdk-overlay-container .embed-preview-dialog .close-button,
body.theme-dark .cdk-overlay-container .embed-preview-dialog .close-button mat-icon {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .embed-preview-dialog .preview-loader p {
  color: #cbd5e1 !important;
}

/* Embed preview player text (share live preview + full preview modal) */
body.theme-dark .cdk-overlay-container app-embed-preview .embed-preview,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-player {
  background: #111827 !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-title,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-steptitle {
  color: #f8fafc !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-author,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-autoplay-label,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-row-sub,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-row-num,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-panel-head,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-panel-head span,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-description-empty {
  color: #94a3b8 !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-pill {
  background: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-pill mat-icon,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-pill span {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-pill.active,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-pill.active mat-icon,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-pill.active span {
  color: #ffffff !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-description {
  background: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-description,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-description p,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-description span,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-description li,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-description div {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-panel {
  background: rgba(17, 24, 39, 0.98) !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-panel-row {
  background: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-row-title {
  color: #f8fafc !important;
}

/* Preview / share embed icons — force visible mat-icons */
body.theme-dark .cdk-overlay-container .embed-preview-dialog mat-icon,
body.theme-dark .cdk-overlay-container .embed-preview-dialog .mat-icon,
body.theme-dark .cdk-overlay-container app-embed-preview mat-icon,
body.theme-dark .cdk-overlay-container app-embed-preview .mat-icon,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded mat-icon,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .mat-icon {
  color: #e2e8f0 !important;
  fill: currentColor !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-pill.active mat-icon,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-pill.active .mat-icon {
  color: #ffffff !important;
  fill: currentColor !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-autoplay-track mat-icon,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-autoplay-track .mat-icon {
  color: #cbd5e1 !important;
  fill: currentColor !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-autoplay.active .epv-autoplay-track mat-icon,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-autoplay.active .epv-autoplay-track .mat-icon {
  color: #5ea1d8 !important;
  fill: currentColor !important;
}

body.theme-dark .cdk-overlay-container app-embed-preview .epv-nav,
body.theme-dark .cdk-overlay-container app-embed-preview .epv-nav span {
  color: #ffffff !important;
}

body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-social-icon-btn.flowchest-active .flowchest-icon-circle mat-icon,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-copy-btn mat-icon,
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-copy-btn .mat-icon {
  color: #ffffff !important;
  fill: currentColor !important;
}

/* Social SVG glyphs that render dark — invert for dark mode readability */
body.theme-dark .cdk-overlay-container .flowchest-share-dialog.flowchest-branded .flowchest-icon-circle img {
  filter: brightness(0) invert(1);
  opacity: 0.92;
}

/* ============================================================
   Pricing + Subscriptions pages & related modals — dark mode
   Light surfaces kept white while global rules force light text.
   ============================================================ */
body.theme-dark app-pricingplan .pricing-page,
body.theme-dark app-subscriptions .checkout-page {
  background: #0a0c10 !important;
  color: #e2e8f0 !important;
}

body.theme-dark app-pricingplan .pricing-page h1,
body.theme-dark app-pricingplan .pricing-page h2,
body.theme-dark app-pricingplan .pricing-page h3,
body.theme-dark app-pricingplan .pricing-page h4,
body.theme-dark app-pricingplan .pricing-page p,
body.theme-dark app-pricingplan .pricing-page span,
body.theme-dark app-pricingplan .pricing-page li,
body.theme-dark app-pricingplan .pricing-page label,
body.theme-dark app-pricingplan .pricing-page td,
body.theme-dark app-pricingplan .pricing-page th,
body.theme-dark app-subscriptions .checkout-page h1,
body.theme-dark app-subscriptions .checkout-page h2,
body.theme-dark app-subscriptions .checkout-page p,
body.theme-dark app-subscriptions .checkout-page span,
body.theme-dark app-subscriptions .checkout-page li,
body.theme-dark app-subscriptions .checkout-page label {
  color: #e2e8f0 !important;
}

body.theme-dark app-pricingplan .plan-card,
body.theme-dark app-pricingplan .business-plan-card,
body.theme-dark app-pricingplan .add-on-card,
body.theme-dark app-pricingplan .coin-pack-card,
body.theme-dark app-pricingplan .coin-balance-banner,
body.theme-dark app-pricingplan .comparison-table,
body.theme-dark app-pricingplan .faq-item,
body.theme-dark app-subscriptions .order-summary,
body.theme-dark app-subscriptions .payment-card,
body.theme-dark app-subscriptions .account-info,
body.theme-dark app-subscriptions .payment-summary,
body.theme-dark app-subscriptions .plan-card-option,
body.theme-dark app-subscriptions .billing-card {
  background: #111827 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: #e2e8f0 !important;
}

body.theme-dark app-pricingplan .ai-coins-section {
  background: linear-gradient(180deg, rgba(232, 62, 140, 0.1) 0%, rgba(17, 24, 39, 0.6) 100%) !important;
  border-color: rgba(232, 62, 140, 0.22) !important;
}

body.theme-dark app-pricingplan .coin-pack-name,
body.theme-dark app-pricingplan .coin-pack-price .price-amount,
body.theme-dark app-pricingplan .balance-value {
  color: #f8fafc !important;
}

body.theme-dark app-pricingplan .coin-pack-description,
body.theme-dark app-pricingplan .coin-pack-price .price-unit,
body.theme-dark app-pricingplan .balance-label,
body.theme-dark app-pricingplan .balance-detail,
body.theme-dark app-pricingplan .coin-footnote {
  color: #94a3b8 !important;
}

body.theme-dark app-pricingplan .coin-pack-amount,
body.theme-dark app-pricingplan .coin-pack-icon,
body.theme-dark app-pricingplan .ai-coins-section .inline-link {
  color: #f472b6 !important;
}

body.theme-dark app-pricingplan .coin-pack-icon {
  background: rgba(232, 62, 140, 0.18) !important;
}

body.theme-dark app-pricingplan .coin-pack-card .coin-pack-price {
  border-top-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-dark app-pricingplan .coin-buy-btn {
  border-color: #e83e8c !important;
  color: #f472b6 !important;
}

body.theme-dark app-pricingplan .pricing-subtitle,
body.theme-dark app-pricingplan .section-subtitle,
body.theme-dark app-pricingplan .plan-description,
body.theme-dark app-pricingplan .price-period,
body.theme-dark app-pricingplan .billing-note,
body.theme-dark app-pricingplan .audience-label,
body.theme-dark app-pricingplan .audience-text,
body.theme-dark app-subscriptions .summary-desc,
body.theme-dark app-subscriptions .payment-subtitle,
body.theme-dark app-subscriptions .benefit-detail,
body.theme-dark app-subscriptions .billing-note,
body.theme-dark app-subscriptions .selector-label {
  color: #94a3b8 !important;
}

body.theme-dark app-pricingplan .pricing-title,
body.theme-dark app-pricingplan .section-title,
body.theme-dark app-pricingplan .plan-name,
body.theme-dark app-pricingplan .plan-label,
body.theme-dark app-pricingplan .price-amount,
body.theme-dark app-pricingplan .price-text,
body.theme-dark app-subscriptions .summary-title,
body.theme-dark app-subscriptions .payment-title,
body.theme-dark app-subscriptions .benefit-label,
body.theme-dark app-subscriptions .account-email {
  color: #f8fafc !important;
}

body.theme-dark app-pricingplan .pricing-title .text-primary {
  color: #5ea1d8 !important;
}

body.theme-dark app-pricingplan .plan-tier-tag {
  background: #1f2937 !important;
  color: #cbd5e1 !important;
}

body.theme-dark app-pricingplan .plan-button.outline,
body.theme-dark app-pricingplan .cta-button.secondary {
  background: transparent !important;
  border-color: #5ea1d8 !important;
  color: #93c5fd !important;
}

body.theme-dark app-pricingplan .plan-button.primary,
body.theme-dark app-pricingplan .plan-button.accent,
body.theme-dark app-pricingplan .plan-button.dark {
  color: #ffffff !important;
}

body.theme-dark app-pricingplan .material-icons,
body.theme-dark app-subscriptions .material-icons {
  color: #93c5fd !important;
}

body.theme-dark app-subscriptions .back-link {
  color: #93c5fd !important;
}

/* Purchase coins / guide slots checkout — dark mode */
body.theme-dark app-purchase-coins .purchase-coins-page,
body.theme-dark app-purchase-guide-slots .purchase-guide-slots-page {
  background: #0a0c10 !important;
  color: #e2e8f0 !important;
}

body.theme-dark app-purchase-coins .purchase-coins-page h1,
body.theme-dark app-purchase-coins .purchase-coins-page h2,
body.theme-dark app-purchase-coins .purchase-coins-page span,
body.theme-dark app-purchase-coins .purchase-coins-page p,
body.theme-dark app-purchase-coins .purchase-coins-page strong,
body.theme-dark app-purchase-guide-slots .purchase-guide-slots-page h1,
body.theme-dark app-purchase-guide-slots .purchase-guide-slots-page h2,
body.theme-dark app-purchase-guide-slots .purchase-guide-slots-page span,
body.theme-dark app-purchase-guide-slots .purchase-guide-slots-page p,
body.theme-dark app-purchase-guide-slots .purchase-guide-slots-page strong {
  color: #e2e8f0 !important;
}

body.theme-dark app-purchase-coins .page-header h1,
body.theme-dark app-purchase-coins .pack-name,
body.theme-dark app-purchase-coins .balance-item .value,
body.theme-dark app-purchase-coins .summary-row strong,
body.theme-dark app-purchase-guide-slots .page-header h1,
body.theme-dark app-purchase-guide-slots .pack-name,
body.theme-dark app-purchase-guide-slots .pack-price,
body.theme-dark app-purchase-guide-slots .balance-item .value,
body.theme-dark app-purchase-guide-slots .summary-row.total-row {
  color: #f8fafc !important;
}

body.theme-dark app-purchase-coins .page-header .subtitle,
body.theme-dark app-purchase-coins .pack-coins,
body.theme-dark app-purchase-coins .balance-item .label,
body.theme-dark app-purchase-coins .summary-row,
body.theme-dark app-purchase-coins .summary-note,
body.theme-dark app-purchase-coins .processing-note,
body.theme-dark app-purchase-guide-slots .page-header .subtitle,
body.theme-dark app-purchase-guide-slots .balance-item .label,
body.theme-dark app-purchase-guide-slots .summary-row,
body.theme-dark app-purchase-guide-slots .summary-note,
body.theme-dark app-purchase-guide-slots .processing-note {
  color: #94a3b8 !important;
}

body.theme-dark app-purchase-coins .back-link,
body.theme-dark app-purchase-guide-slots .back-link,
body.theme-dark app-purchase-guide-slots .pack-guides {
  color: #93c5fd !important;
}

body.theme-dark app-purchase-coins .pack-price,
body.theme-dark app-purchase-coins .balance-item.total .value {
  color: #f472b6 !important;
}

body.theme-dark app-purchase-coins .balance-strip,
body.theme-dark app-purchase-coins .pack-card,
body.theme-dark app-purchase-coins .summary-card,
body.theme-dark app-purchase-guide-slots .balance-strip,
body.theme-dark app-purchase-guide-slots .pack-card,
body.theme-dark app-purchase-guide-slots .summary-card {
  background: #111827 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: #e2e8f0 !important;
}

/* Upgrade / AI coin / guide slot purchase modals — dark mode */
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog-pane .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog-pane .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog-pane .mdc-dialog__surface,
body.theme-dark .cdk-overlay-container .ai-coin-purchase-dialog-pane .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-container .ai-coin-purchase-dialog-pane .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-container .ai-coin-purchase-dialog-pane .mdc-dialog__surface,
body.theme-dark .cdk-overlay-container .guide-slot-purchase-dialog-pane .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-container .guide-slot-purchase-dialog-pane .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-container .guide-slot-purchase-dialog-pane .mdc-dialog__surface,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog,
body.theme-dark .cdk-overlay-container .ai-coin-dialog,
body.theme-dark .cdk-overlay-container .guide-slot-dialog {
  background: #111827 !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .upgrade-plan-dialog h2,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .plan-name,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .plan-price,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .billing-label.active,
body.theme-dark .cdk-overlay-container .ai-coin-dialog h2,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .pack-name,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .balance-banner .value,
body.theme-dark .cdk-overlay-container .guide-slot-dialog h2,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .pack-name,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .pack-price,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .balance-banner .value {
  color: #f8fafc !important;
}

body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .subtitle,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .billing-label,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .plan-period,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .billing-note,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .plan-audience,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .subtitle,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .pack-coins,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .pack-note,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .balance-banner .label,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .balance-banner .detail,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .subtitle,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .pack-note,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .balance-banner .label {
  color: #94a3b8 !important;
}

body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .plan-features li,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .plan-features span {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .eyebrow,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .btn-link,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .check-icon,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .eyebrow,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .pack-price,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .eyebrow,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .pack-guides {
  color: #93c5fd !important;
}

body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .plan-card,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .pack-card,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .balance-banner,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .pack-card,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .balance-banner {
  background: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .close-btn,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .close-btn,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .close-btn,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .btn-cancel,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .btn-cancel,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .btn-cancel {
  background: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.45) !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .close-btn mat-icon,
body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .close-btn .mat-icon,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .close-btn mat-icon,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .close-btn .mat-icon,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .close-btn mat-icon,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .close-btn .mat-icon {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .plan-cta.outline {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.45) !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .plan-cta,
body.theme-dark .cdk-overlay-container .ai-coin-dialog .btn-purchase,
body.theme-dark .cdk-overlay-container .guide-slot-dialog .btn-purchase {
  color: #ffffff !important;
}

body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .billing-toggle {
  background-color: #334155 !important;
}

body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .billing-toggle.active {
  background-color: #5ea1d8 !important;
}

body.theme-dark .cdk-overlay-container .upgrade-plan-dialog .discount-badge {
  background-color: #166534 !important;
  color: #dcfce7 !important;
}

/* Ensure guide top-ups section matches AI coins dark treatment */
body.theme-dark app-pricingplan .guide-topups-section {
  background: linear-gradient(180deg, rgba(232, 62, 140, 0.1) 0%, rgba(17, 24, 39, 0.6) 100%) !important;
  border-color: rgba(232, 62, 140, 0.22) !important;
}

/* ============================================================
   Content review modals — dark mode
   Inner panels keep #fff while global overlay forces light text.
   ============================================================ */
body.theme-dark .cdk-overlay-container .review-submit-dialog,
body.theme-dark .cdk-overlay-container .review-submit-dialog .dialog-header,
body.theme-dark .cdk-overlay-container .review-submit-dialog .dialog-content,
body.theme-dark .cdk-overlay-container .review-submit-dialog .dialog-actions,
body.theme-dark .cdk-overlay-container .reviews-list-modal,
body.theme-dark .cdk-overlay-container .reviews-list-modal .dialog-header,
body.theme-dark .cdk-overlay-container .reviews-list-modal .dialog-content,
body.theme-dark .cdk-overlay-container .report-review-dialog,
body.theme-dark .cdk-overlay-container .report-review-dialog .dialog-header,
body.theme-dark .cdk-overlay-container .report-review-dialog .dialog-content,
body.theme-dark .cdk-overlay-container .report-review-dialog .dialog-actions,
body.theme-dark .cdk-overlay-container .flow-issues-dialog,
body.theme-dark .cdk-overlay-container .flow-issues-dialog .dialog-header,
body.theme-dark .cdk-overlay-container .flow-issues-dialog .dialog-content,
body.theme-dark .cdk-overlay-container .flow-issues-dialog .dialog-footer,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog .dialog-header,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog .dialog-content,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog .dialog-actions,
body.theme-dark .cdk-overlay-container .issue-check-dialog,
body.theme-dark .cdk-overlay-container .issue-check-dialog .dialog-header,
body.theme-dark .cdk-overlay-container .issue-check-dialog .dialog-content,
body.theme-dark .cdk-overlay-container .issue-check-dialog .dialog-actions,
body.theme-dark .cdk-overlay-container .step-issues-dialog,
body.theme-dark .cdk-overlay-container .step-issues-dialog .dialog-header,
body.theme-dark .cdk-overlay-container .step-issues-dialog .dialog-content,
body.theme-dark .cdk-overlay-container .step-issues-dialog .dialog-actions,
body.theme-dark .cdk-overlay-container .thank-you-dialog,
body.theme-dark .cdk-overlay-container .thank-you-dialog .dialog-header,
body.theme-dark .cdk-overlay-container .thank-you-dialog .dialog-content,
body.theme-dark .cdk-overlay-container .rating-short-dialog,
body.theme-dark .cdk-overlay-container .rating-short-dialog .dialog-header,
body.theme-dark .cdk-overlay-container .rating-short-dialog .dialog-content,
body.theme-dark .cdk-overlay-container .rating-short-dialog .dialog-actions {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
}

body.theme-dark .cdk-overlay-container .review-submit-dialog .dialog-actions,
body.theme-dark .cdk-overlay-container .report-review-dialog .dialog-actions,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog .dialog-actions,
body.theme-dark .cdk-overlay-container .issue-check-dialog .dialog-actions,
body.theme-dark .cdk-overlay-container .step-issues-dialog .dialog-actions,
body.theme-dark .cdk-overlay-container .rating-short-dialog .dialog-actions,
body.theme-dark .cdk-overlay-container .flow-issues-dialog .dialog-footer {
  background: #0f172a !important;
  background-color: #0f172a !important;
}

body.theme-dark .cdk-overlay-container .review-submit-dialog h2,
body.theme-dark .cdk-overlay-container .review-submit-dialog h3,
body.theme-dark .cdk-overlay-container .review-submit-dialog h4,
body.theme-dark .cdk-overlay-container .review-submit-dialog p,
body.theme-dark .cdk-overlay-container .review-submit-dialog label,
body.theme-dark .cdk-overlay-container .review-submit-dialog span,
body.theme-dark .cdk-overlay-container .reviews-list-modal h2,
body.theme-dark .cdk-overlay-container .reviews-list-modal h3,
body.theme-dark .cdk-overlay-container .reviews-list-modal h4,
body.theme-dark .cdk-overlay-container .reviews-list-modal p,
body.theme-dark .cdk-overlay-container .reviews-list-modal span,
body.theme-dark .cdk-overlay-container .flow-issues-dialog h2,
body.theme-dark .cdk-overlay-container .flow-issues-dialog h3,
body.theme-dark .cdk-overlay-container .flow-issues-dialog p,
body.theme-dark .cdk-overlay-container .flow-issues-dialog span,
body.theme-dark .cdk-overlay-container .flow-issues-dialog strong,
body.theme-dark .cdk-overlay-container .flow-issues-dialog label,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog h2,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog h3,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog p,
body.theme-dark .cdk-overlay-container .issue-check-dialog h2,
body.theme-dark .cdk-overlay-container .issue-check-dialog p,
body.theme-dark .cdk-overlay-container .step-issues-dialog h2,
body.theme-dark .cdk-overlay-container .step-issues-dialog h4,
body.theme-dark .cdk-overlay-container .step-issues-dialog p,
body.theme-dark .cdk-overlay-container .step-issues-dialog label,
body.theme-dark .cdk-overlay-container .step-issues-dialog span,
body.theme-dark .cdk-overlay-container .thank-you-dialog h2,
body.theme-dark .cdk-overlay-container .thank-you-dialog p,
body.theme-dark .cdk-overlay-container .rating-short-dialog h2,
body.theme-dark .cdk-overlay-container .rating-short-dialog p,
body.theme-dark .cdk-overlay-container .rating-short-dialog label,
body.theme-dark .cdk-overlay-container .report-review-dialog h2,
body.theme-dark .cdk-overlay-container .report-review-dialog p,
body.theme-dark .cdk-overlay-container .report-review-dialog span {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .review-submit-dialog .help-text,
body.theme-dark .cdk-overlay-container .review-submit-dialog .rating-text,
body.theme-dark .cdk-overlay-container .reviews-list-modal .reviews-count,
body.theme-dark .cdk-overlay-container .reviews-list-modal .review-date,
body.theme-dark .cdk-overlay-container .flow-issues-dialog .review-date,
body.theme-dark .cdk-overlay-container .flow-issues-dialog .issue-description {
  color: #94a3b8 !important;
}

body.theme-dark .cdk-overlay-container .review-submit-dialog .review-textarea,
body.theme-dark .cdk-overlay-container .review-submit-dialog .upload-area,
body.theme-dark .cdk-overlay-container .review-submit-dialog .review-item,
body.theme-dark .cdk-overlay-container .reviews-list-modal .review-item,
body.theme-dark .cdk-overlay-container .reviews-list-modal .issue-item,
body.theme-dark .cdk-overlay-container .flow-issues-dialog .issue-card,
body.theme-dark .cdk-overlay-container .flow-issues-dialog .issues-summary,
body.theme-dark .cdk-overlay-container .step-issues-dialog .step-issue-item,
body.theme-dark .cdk-overlay-container .step-issues-dialog .issue-textarea,
body.theme-dark .cdk-overlay-container .step-issues-dialog .step-select,
body.theme-dark .cdk-overlay-container .report-review-dialog textarea {
  background: #1f2937 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

body.theme-dark .cdk-overlay-container .review-submit-dialog .issue-warning {
  background: rgba(120, 53, 15, 0.35) !important;
  border-color: rgba(251, 191, 36, 0.45) !important;
  color: #fde68a !important;
}

body.theme-dark .cdk-overlay-container .review-submit-dialog .close-button,
body.theme-dark .cdk-overlay-container .review-submit-dialog .close-button mat-icon,
body.theme-dark .cdk-overlay-container .reviews-list-modal .close-button,
body.theme-dark .cdk-overlay-container .reviews-list-modal .close-button mat-icon,
body.theme-dark .cdk-overlay-container .flow-issues-dialog .close-btn,
body.theme-dark .cdk-overlay-container .flow-issues-dialog .close-btn mat-icon,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog .close-button,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog .close-button mat-icon,
body.theme-dark .cdk-overlay-container .issue-check-dialog .close-button,
body.theme-dark .cdk-overlay-container .step-issues-dialog .close-button,
body.theme-dark .cdk-overlay-container .step-issues-dialog .close-button mat-icon,
body.theme-dark .cdk-overlay-container .thank-you-dialog .close-button,
body.theme-dark .cdk-overlay-container .rating-short-dialog .close-button,
body.theme-dark .cdk-overlay-container .report-review-dialog .close-btn {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .review-submit-dialog .btn-secondary,
body.theme-dark .cdk-overlay-container .review-submit-dialog .cancel-btn,
body.theme-dark .cdk-overlay-container .review-submit-dialog button.cancel-btn,
body.theme-dark .cdk-overlay-container .report-review-dialog .btn-secondary,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog .btn-secondary,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog .cancel-btn,
body.theme-dark .cdk-overlay-container .issue-check-dialog .btn-secondary,
body.theme-dark .cdk-overlay-container .issue-check-dialog .cancel-btn,
body.theme-dark .cdk-overlay-container .step-issues-dialog .btn-secondary,
body.theme-dark .cdk-overlay-container .step-issues-dialog .cancel-btn,
body.theme-dark .cdk-overlay-container .rating-short-dialog .btn-secondary,
body.theme-dark .cdk-overlay-container .rating-short-dialog .cancel-btn,
body.theme-dark .cdk-overlay-container .flow-issues-dialog .cancel-btn,
body.theme-dark .cdk-overlay-container .flow-issues-dialog button.cancel-btn {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(148, 163, 184, 0.45) !important;
}

body.theme-dark .cdk-overlay-container .review-submit-dialog .btn-primary,
body.theme-dark .cdk-overlay-container .review-submit-dialog .confirm-btn,
body.theme-dark .cdk-overlay-container .review-submit-dialog .upload-btn,
body.theme-dark .cdk-overlay-container .report-review-dialog .btn-primary,
body.theme-dark .cdk-overlay-container .completion-confirmation-dialog .btn-primary,
body.theme-dark .cdk-overlay-container .issue-check-dialog .btn-primary,
body.theme-dark .cdk-overlay-container .step-issues-dialog .btn-primary,
body.theme-dark .cdk-overlay-container .step-issues-dialog .confirm-btn,
body.theme-dark .cdk-overlay-container .rating-short-dialog .btn-primary,
body.theme-dark .cdk-overlay-container .rating-short-dialog .confirm-btn,
body.theme-dark .cdk-overlay-container .flow-issues-dialog .confirm-btn {
  color: #ffffff !important;
}

body.theme-dark .cdk-overlay-container .review-submit-dialog .btn-primary span,
body.theme-dark .cdk-overlay-container .review-submit-dialog .confirm-btn span,
body.theme-dark .cdk-overlay-container .review-submit-dialog .upload-btn span,
body.theme-dark .cdk-overlay-container .review-submit-dialog .btn-primary .mdc-button__label,
body.theme-dark .cdk-overlay-container .review-submit-dialog .confirm-btn .mdc-button__label,
body.theme-dark .cdk-overlay-container .review-submit-dialog .upload-btn .mdc-button__label,
body.theme-dark .cdk-overlay-container .review-submit-dialog .upload-btn mat-icon {
  color: #ffffff !important;
}

/* Flow Reviews dashboard — review details modal */
body.theme-dark app-flow-reviews .review-details-modal,
body.theme-dark .review-details-modal {
  background: #111827 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-dark app-flow-reviews .review-details-modal .modal-header-new,
body.theme-dark app-flow-reviews .review-details-modal .modal-footer-new,
body.theme-dark app-flow-reviews .review-details-modal .modal-right-column,
body.theme-dark .review-details-modal .modal-header-new,
body.theme-dark .review-details-modal .modal-footer-new,
body.theme-dark .review-details-modal .modal-right-column {
  background: #0f172a !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: #e2e8f0 !important;
}

body.theme-dark app-flow-reviews .review-details-modal .header-user-name,
body.theme-dark app-flow-reviews .review-details-modal .review-title-modal,
body.theme-dark .review-details-modal .header-user-name,
body.theme-dark .review-details-modal .review-title-modal {
  color: #f8fafc !important;
}

body.theme-dark app-flow-reviews .review-details-modal .header-flow-name,
body.theme-dark app-flow-reviews .review-details-modal .review-text-modal,
body.theme-dark app-flow-reviews .review-details-modal .review-date-modal,
body.theme-dark app-flow-reviews .review-details-modal .section-title,
body.theme-dark app-flow-reviews .review-details-modal .response-label,
body.theme-dark .review-details-modal .header-flow-name,
body.theme-dark .review-details-modal .review-text-modal,
body.theme-dark .review-details-modal .review-date-modal,
body.theme-dark .review-details-modal .section-title,
body.theme-dark .review-details-modal .response-label {
  color: #94a3b8 !important;
}

body.theme-dark app-flow-reviews .review-details-modal .notes-textarea,
body.theme-dark app-flow-reviews .review-details-modal .response-textarea-new,
body.theme-dark .review-details-modal .notes-textarea,
body.theme-dark .review-details-modal .response-textarea-new {
  background: #1f2937 !important;
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

/* Subscription usage dialog — square pane with internal scroll */
.cdk-overlay-pane.subscription-usage-dialog-pane {
  width: min(600px, 94vw) !important;
  height: min(600px, 90vh) !important;
  max-width: 94vw !important;
  max-height: 90vh !important;
}
.cdk-overlay-pane.subscription-usage-dialog-pane .mat-mdc-dialog-container,
.cdk-overlay-pane.subscription-usage-dialog-pane .mat-dialog-container,
.cdk-overlay-pane.subscription-usage-dialog-pane .mat-mdc-dialog-surface,
.cdk-overlay-pane.subscription-usage-dialog-pane .mdc-dialog__surface {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  padding: 0 !important;
}

/* Pricing / profile subscription & top-up modals — desktop + mobile panes */
.cdk-overlay-pane.upgrade-plan-dialog-pane,
.cdk-overlay-pane.ai-coin-purchase-dialog-pane,
.cdk-overlay-pane.guide-slot-purchase-dialog-pane {
  max-width: min(780px, 96vw) !important;
}
.cdk-overlay-pane.upgrade-plan-dialog-pane .mat-mdc-dialog-container,
.cdk-overlay-pane.upgrade-plan-dialog-pane .mat-dialog-container,
.cdk-overlay-pane.upgrade-plan-dialog-pane .mat-mdc-dialog-surface,
.cdk-overlay-pane.upgrade-plan-dialog-pane .mdc-dialog__surface,
.cdk-overlay-pane.ai-coin-purchase-dialog-pane .mat-mdc-dialog-container,
.cdk-overlay-pane.ai-coin-purchase-dialog-pane .mat-dialog-container,
.cdk-overlay-pane.ai-coin-purchase-dialog-pane .mat-mdc-dialog-surface,
.cdk-overlay-pane.ai-coin-purchase-dialog-pane .mdc-dialog__surface,
.cdk-overlay-pane.guide-slot-purchase-dialog-pane .mat-mdc-dialog-container,
.cdk-overlay-pane.guide-slot-purchase-dialog-pane .mat-dialog-container,
.cdk-overlay-pane.guide-slot-purchase-dialog-pane .mat-mdc-dialog-surface,
.cdk-overlay-pane.guide-slot-purchase-dialog-pane .mdc-dialog__surface {
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  max-height: min(92vh, 920px) !important;
  max-height: min(92dvh, 920px) !important;
}

.cdk-overlay-pane.ai-coin-purchase-dialog-pane,
.cdk-overlay-pane.guide-slot-purchase-dialog-pane {
  max-width: min(680px, 96vw) !important;
}

@media (max-width: 640px) {
  .cdk-overlay-pane.subscription-usage-dialog-pane {
    width: calc(100vw - 16px) !important;
    height: min(640px, 100vh - 16px) !important;
    height: min(640px, 100dvh - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    margin: 8px !important;
  }
  .cdk-overlay-pane.subscription-usage-dialog-pane .mat-mdc-dialog-container,
  .cdk-overlay-pane.subscription-usage-dialog-pane .mat-dialog-container,
  .cdk-overlay-pane.subscription-usage-dialog-pane .mat-mdc-dialog-surface,
  .cdk-overlay-pane.subscription-usage-dialog-pane .mdc-dialog__surface {
    height: 100% !important;
    max-height: 100% !important;
    border-radius: 16px !important;
  }
  .cdk-overlay-pane.upgrade-plan-dialog-pane,
  .cdk-overlay-pane.ai-coin-purchase-dialog-pane,
  .cdk-overlay-pane.guide-slot-purchase-dialog-pane {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin: 8px !important;
  }
  .cdk-overlay-pane.upgrade-plan-dialog-pane .mat-mdc-dialog-container,
  .cdk-overlay-pane.upgrade-plan-dialog-pane .mat-dialog-container,
  .cdk-overlay-pane.upgrade-plan-dialog-pane .mat-mdc-dialog-surface,
  .cdk-overlay-pane.upgrade-plan-dialog-pane .mdc-dialog__surface,
  .cdk-overlay-pane.ai-coin-purchase-dialog-pane .mat-mdc-dialog-container,
  .cdk-overlay-pane.ai-coin-purchase-dialog-pane .mat-dialog-container,
  .cdk-overlay-pane.ai-coin-purchase-dialog-pane .mat-mdc-dialog-surface,
  .cdk-overlay-pane.ai-coin-purchase-dialog-pane .mdc-dialog__surface,
  .cdk-overlay-pane.guide-slot-purchase-dialog-pane .mat-mdc-dialog-container,
  .cdk-overlay-pane.guide-slot-purchase-dialog-pane .mat-dialog-container,
  .cdk-overlay-pane.guide-slot-purchase-dialog-pane .mat-mdc-dialog-surface,
  .cdk-overlay-pane.guide-slot-purchase-dialog-pane .mdc-dialog__surface {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }
}
/* Subscription usage dialog */
body.theme-dark .cdk-overlay-container .subscription-usage-dialog-pane .mat-mdc-dialog-container,
body.theme-dark .cdk-overlay-container .subscription-usage-dialog-pane .mat-mdc-dialog-surface,
body.theme-dark .cdk-overlay-container .subscription-usage-dialog-pane .mdc-dialog__surface,
body.theme-dark .cdk-overlay-container .usage-dialog {
  background: #111827 !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .usage-dialog h2,
body.theme-dark .cdk-overlay-container .usage-dialog .metric-label {
  color: #f8fafc !important;
}

body.theme-dark .cdk-overlay-container .usage-dialog .eyebrow,
body.theme-dark .cdk-overlay-container .usage-dialog .muted,
body.theme-dark .cdk-overlay-container .usage-dialog .meta-item,
body.theme-dark .cdk-overlay-container .usage-dialog .metric-value,
body.theme-dark .cdk-overlay-container .usage-dialog .metric-detail {
  color: #94a3b8 !important;
}

body.theme-dark .cdk-overlay-container .usage-dialog .metric-card {
  background: #1f2937 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-dark .cdk-overlay-container .usage-dialog .close-btn,
body.theme-dark .cdk-overlay-container .usage-dialog .status-pill {
  background: #1f2937 !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .usage-dialog .close-btn mat-icon,
body.theme-dark .cdk-overlay-container .usage-dialog .close-btn .mat-icon {
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .usage-dialog .outline-btn {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.45) !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .usage-dialog .primary-btn {
  color: #ffffff !important;
}

/* Creator plan confirm dialog */
body.theme-dark .cdk-overlay-container .creator-confirm-dialog {
  background: #111827 !important;
  color: #e2e8f0 !important;
}

body.theme-dark .cdk-overlay-container .creator-confirm-dialog .dialog-title,
body.theme-dark .cdk-overlay-container .creator-confirm-dialog strong {
  color: #f8fafc !important;
}

body.theme-dark .cdk-overlay-container .creator-confirm-dialog .dialog-message,
body.theme-dark .cdk-overlay-container .creator-confirm-dialog .dialog-points,
body.theme-dark .cdk-overlay-container .creator-confirm-dialog .dialog-points li {
  color: #cbd5e1 !important;
}

body.theme-dark .cdk-overlay-container .creator-confirm-dialog .dialog-note {
  color: #94a3b8 !important;
}

body.theme-dark .cdk-overlay-container .creator-confirm-dialog .btn-cancel {
  background: #1f2937 !important;
  color: #e2e8f0 !important;
}

/* Create option “Paid Feature” badge — top-right of Smart Create card */
app-create-flow-selection .paid-feature-badge,
.selection-card .paid-feature-badge {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background-color: #e83e8c !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  box-shadow: 0 2px 8px rgba(232, 62, 140, 0.35) !important;
}

.choice-card > .choice-badge.paid {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  margin: 0 !important;
  background: #e83e8c !important;
  color: #ffffff !important;
  z-index: 3 !important;
  display: inline-flex !important;
  padding: 0.3rem 0.65rem !important;
  border-radius: 999px !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.menu-badge.paid {
  background: #e83e8c !important;
  color: #ffffff !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/font-awesome/css/font-awesome.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.eot?v=4.7.0');
  src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/bootstrap/dist/css/bootstrap.min.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:flex;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:flex;flex:1 0 0%;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:flex;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-moz-column-count:3;column-count:3;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-horizontal{flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports (position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
/*# sourceMappingURL=bootstrap.min.css.map */
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/embed-autoplay-overrides.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Loaded after Bootstrap — autoplay must never show click/focus border */
label.epv-autoplay,
.epv-autoplay,
button.epv-autoplay,
.epv-autoplay-track,
.epv-autoplay-thumb,
.epv-autoplay-label,
.epv-autoplay mat-icon,
.epv-autoplay .mat-icon {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  outline: 0 !important;
  outline-width: 0 !important;
  outline-style: none !important;
  outline-color: transparent !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

label.epv-autoplay:focus,
label.epv-autoplay:focus-visible,
label.epv-autoplay:focus-within,
label.epv-autoplay:active,
.epv-autoplay:focus,
.epv-autoplay:focus-visible,
.epv-autoplay:focus-within,
.epv-autoplay:active,
button.epv-autoplay:focus,
button.epv-autoplay:focus-visible,
button.epv-autoplay:active,
.epv-autoplay-track:focus,
.epv-autoplay-track:focus-visible,
.epv-autoplay-track:active {
  border: 0 !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}

button.epv-autoplay::-moz-focus-inner {
  border: 0 !important;
  padding: 0 !important;
}

/* Dark theme global border-color rule must not paint a ring on autoplay */
body.theme-dark .embed-preview label.epv-autoplay,
body.theme-dark .embed-preview .epv-autoplay,
body.theme-dark .embed-preview .epv-autoplay-track,
body.theme-dark .embed-preview .epv-autoplay-thumb,
body.theme-dark .embed-preview .epv-autoplay-label,
body.theme-dark .embed-preview .epv-autoplay mat-icon {
  border-width: 0 !important;
  border-style: none !important;
  outline: 0 !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/owl.carousel/dist/assets/owl.carousel.min.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/owl.carousel/dist/assets/owl.theme.default.min.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* 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;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .owl-item.center{z-index: 5;}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

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