/* .bs-datepicker */
.bs-datepicker {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: #fff;
  box-shadow: 0 0 10px 0 #aaa;
  position: relative;
  z-index: 1;
  /* button */
  /* .bs-datepicker-head */
  /* .bs-datepicker-body */
  /* .current-timedate */
  /* .bs-datepicker-multiple */
  /* .bs-datepicker-btns */
  /*.bs-datepicker-custom-range */
  /* .bs-datepicker-predefined-btns */
  /* .bs-datepicker-buttons */
}
.bs-datepicker:after {
  clear: both;
  content: "";
  display: block;
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus {
  outline: none;
}
.bs-datepicker-head {
  min-width: 270px;
  height: 50px;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  text-align: justify;
  /* .bs-datepicker-head button */
}
.bs-datepicker-head:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.bs-datepicker-head button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active {
  background: rgba(221, 221, 221, 0.3);
  color: #f5f5f5;
  cursor: not-allowed;
}
.bs-datepicker-head button.previous span {
  transform: translate(-1px, -1px);
}
.bs-datepicker-head button.next span {
  transform: translate(1px, -1px);
}
.bs-datepicker-head button.next, .bs-datepicker-head button.previous {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.bs-datepicker-head button.next span, .bs-datepicker-head button.previous span {
  font-size: 28px;
  line-height: 1;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.bs-datepicker-head button.current {
  border-radius: 15px;
  max-width: 155px;
  padding: 0 13px;
}
.bs-datepicker-head button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.bs-datepicker-head button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.bs-datepicker-body {
  padding: 10px;
  border-radius: 0 0 3px 3px;
  min-height: 232px;
  min-width: 278px;
  border: 1px solid #e9edf0;
  /* .bs-datepicker-body table */
}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  /* .bs-datepicker-body table.days */
  /* .bs-datepicker-body table.weeks */
}
.bs-datepicker-body table th {
  font-size: 13px;
  color: #9aaec1;
  font-weight: 400;
  text-align: center;
}
.bs-datepicker-body table td {
  color: #54708b;
  text-align: center;
  position: relative;
  padding: 0;
  /* todo: check first :not(.disabled) usage */
}
.bs-datepicker-body table td span {
  display: block;
  margin: 0 auto;
  font-size: 13px;
  border-radius: 50%;
  /*z-index: 1;*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
}
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
  cursor: pointer;
}
.bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span {
  color: #9aaec1;
}
.bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span {
  color: #fff;
}
.bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span {
  color: rgba(0, 0, 0, 0.25);
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  top: 0;
  border-radius: 50%;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 6px;
  bottom: 6px;
  left: -3px;
  right: -2px;
  box-sizing: content-box;
  background: transparent;
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  border-radius: 0 3px 3px 0;
  width: 125%;
  left: -25%;
}
.bs-datepicker-body table td span[class*=select-], .bs-datepicker-body table td[class*=select-] span {
  border-radius: 50%;
  color: #fff;
}
.bs-datepicker-body table.days td.active:not(.select-start):before, .bs-datepicker-body table.days td.in-range:not(.select-start):before,
.bs-datepicker-body table.days span.active:not(.select-start):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):before {
  background: #e9edf0;
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before {
  right: 3px;
  left: 0;
}
.bs-datepicker-body table.days span.in-range.select-end:before {
  right: 4px;
  left: 0;
}
.bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before {
  background: #e9edf0;
  width: 100%;
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  border-radius: 3px 0 0 3px;
  left: 0;
  width: 100%;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 3px 0 0 3px;
}
.bs-datepicker-body table.years td span {
  width: 46px;
  height: 46px;
  line-height: 45px;
  margin: 0 auto;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 15px;
}
.bs-datepicker .current-timedate {
  color: #54708b;
  font-size: 15px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
}
.bs-datepicker-multiple {
  border-radius: 4px 0 0 4px;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  box-shadow: none;
  position: relative;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  position: absolute;
  top: 25px;
  left: -8px;
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
.bs-datepicker-container {
  padding: 15px;
}
.bs-datepicker .bs-media-container {
  display: flex;
}
@media (max-width: 768px) {
  .bs-datepicker .bs-media-container {
    flex-direction: column;
  }
}
.bs-datepicker .bs-timepicker-in-datepicker-container {
  display: flex;
  justify-content: space-around;
}
.bs-datepicker-custom-range {
  padding: 15px;
  background: #eee;
}
.bs-datepicker-predefined-btns button {
  width: 100%;
  display: block;
  height: 30px;
  background-color: #9aaec1;
  border-radius: 4px;
  color: #fff;
  border: 0;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:hover {
  background-color: #54708b;
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #e9edf0;
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
.bs-datepicker-buttons .btn-today-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.bs-datepicker-buttons .clear-right,
.bs-datepicker-buttons .today-right {
  flex-grow: 0;
}
.bs-datepicker-buttons .clear-left,
.bs-datepicker-buttons .today-left {
  flex-grow: 1;
}
.bs-datepicker-buttons .clear-center,
.bs-datepicker-buttons .today-center {
  flex-grow: 0.5;
}
/* .bs-timepicker */
.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  color: #54708b;
  margin-bottom: 10px;
}
.bs-timepicker-controls {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.bs-timepicker-controls button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background-color: #e9edf0;
  color: #54708b;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 0;
  padding: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background-color: #d5dadd;
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border-radius: 13px;
  text-align: center;
  border: 1px solid #e9edf0;
}
.bs-timepicker .switch-time-format {
  text-transform: uppercase;
  min-width: 54px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  background: #fff;
  color: #54708b;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  vertical-align: initial;
  margin-left: 4px;
}
bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}
/* screen size < 1024px */
@media (max-width: 768px) {
  .bs-datepicker {
    width: -moz-min-content;
    width: min-content;
    justify-content: center;
  }
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
/* theming */
.theme-default .bs-datepicker-head {
  background-color: #777;
}
.theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success {
  background-color: #777;
  border-color: #777;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #616161;
  border-color: #616161;
}
.theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover {
  background-color: #6F6E6E;
  border-color: #6F6E6E;
}
.theme-default .bs-datepicker-predefined-btns button.selected {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td span[class*=select-]:after, .theme-default .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td.week span {
  color: #777;
}
.theme-default .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #777;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-green .bs-datepicker-head {
  background-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #1e7e34;
  border-color: #1e7e34;
}
.theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover {
  background-color: #218838;
  border-color: #218838;
}
.theme-green .bs-datepicker-predefined-btns button.selected {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5cb85c;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-blue .bs-datepicker-head {
  background-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #2AA8CD;
  border-color: #2AA8CD;
}
.theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #3AB3D7;
  border-color: #3AB3D7;
}
.theme-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.week span {
  color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5bc0de;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-dark-blue .bs-datepicker-head {
  background-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success {
  background-color: #337ab7;
  border-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #266498;
  border-color: #266498;
}
.theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #2C6FA9;
  border-color: #2C6FA9;
}
.theme-dark-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.week span {
  color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #337ab7;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-red .bs-datepicker-head {
  background-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success {
  background-color: #d9534f;
  border-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #D23531;
  border-color: #D23531;
}
.theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover {
  background-color: #E33732;
  border-color: #E33732;
}
.theme-red .bs-datepicker-predefined-btns button.selected {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td span[class*=select-]:after, .theme-red .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td.week span {
  color: #d9534f;
}
.theme-red .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #d9534f;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-orange .bs-datepicker-head {
  background-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #ED9C29;
  border-color: #ED9C29;
}
.theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover {
  background-color: #FFAC35;
  border-color: #FFAC35;
}
.theme-orange .bs-datepicker-predefined-btns button.selected {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td span[class*=select-]:after, .theme-orange .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.week span {
  color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #f0ad4e;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
/*# sourceMappingURL=bs-datepicker.css.map */

.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);-ms-transform:translateY(-1.28125em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);-ms-transform:translateY(-1.28124em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);-ms-transform:translateY(-1.28123em) scale(0.75);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(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}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.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}@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}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}.mat-focus-indicator{position:relative}.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.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{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.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{position:relative}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.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-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-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone,.mat-button-toggle-group{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,.mat-button-toggle-group-appearance-standard{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 rgba(0,0,0,.12)}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.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 rgba(0,0,0,.12)}.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 rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{border-top-color: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{color:rgba(0,0,0,.38)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.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:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.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}.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),.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)}.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 .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),.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)}.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 .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),.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)}.mat-datepicker-content-touch{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-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-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.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-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-item-disabled{background-color:#eee}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled]::after,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#c5cae9}.mat-progress-bar-buffer{background-color:#c5cae9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.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-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-primary .mat-slider-track-fill,.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-warn .mat-slider-track-fill,.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}@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:transparent;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-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.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-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ff4081}

/**
 * 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;-moz-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;-moz-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('resources/owl.video.play.7f01b07148f205f6e825.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%}
/**
 * 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}
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder; }

.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap; }

.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0; }

.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1; }

.cal-month-view .cal-cell-row {
  -js-display: flex;
  display: flex; }

.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.cal-month-view .cal-cell .cal-event {
    pointer-events: all !important; }

.cal-month-view .cal-day-cell {
  min-height: 100px; }

@media all and (-ms-high-contrast: none) {
    .cal-month-view .cal-day-cell {
      display: block; } }

.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid; }

.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid; }

.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px; }

.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px; }

.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap; }

.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px; }

.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer; }

.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default; }

.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em; }

.cal-month-view .cal-open-day-events {
  padding: 15px; }

.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px; }

.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3; }

.cal-month-view .cal-draggable {
  cursor: move; }

.cal-month-view .cal-drag-active * {
  pointer-events: none; }

.cal-month-view .cal-event-title {
  cursor: pointer; }

.cal-month-view .cal-event-title:hover {
    text-decoration: underline; }

.cal-month-view {
  background-color: #fff; }

.cal-month-view .cal-cell-row:hover {
    background-color: #fafafa; }

.cal-month-view .cal-cell-row .cal-cell:hover,
  .cal-month-view .cal-cell.cal-has-events.cal-open {
    background-color: #ededed; }

.cal-month-view .cal-days {
    border-color: #e1e1e1; }

.cal-month-view .cal-day-cell:not(:last-child) {
    border-right-color: #e1e1e1; }

.cal-month-view .cal-days .cal-cell-row {
    border-bottom-color: #e1e1e1; }

.cal-month-view .cal-day-badge {
    background-color: #b94a48;
    color: #fff; }

.cal-month-view .cal-event {
    background-color: #1e90ff;
    border-color: #d1e8ff;
    color: #fff; }

.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
    color: #8b0000; }

.cal-month-view .cal-day-cell.cal-today {
    background-color: #e8fde7; }

.cal-month-view .cal-day-cell.cal-drag-over {
    background-color: #e0e0e0 !important; }

.cal-month-view .cal-open-day-events {
    color: #fff;
    background-color: #555;
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5); }

.cal-week-view {
  /* stylelint-disable-next-line selector-type-no-unknown */ }

.cal-week-view * {
    box-sizing: border-box; }

.cal-week-view .cal-day-headers {
    -js-display: flex;
    display: flex;
    padding-left: 70px;
    border: 1px solid; }

.cal-week-view .cal-day-headers .cal-header {
    flex: 1;
    text-align: center;
    padding: 5px; }

.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
      border-right: 1px solid; }

.cal-week-view .cal-day-headers .cal-header:first-child {
      border-left: 1px solid; }

.cal-week-view .cal-day-headers span {
    font-weight: 400;
    opacity: 0.5; }

.cal-week-view .cal-day-column {
    flex-grow: 1;
    border-left: solid 1px; }

.cal-week-view .cal-event {
    font-size: 12px;
    border: 1px solid; }

.cal-week-view .cal-time-label-column {
    width: 70px;
    height: 100%; }

.cal-week-view .cal-current-time-marker {
    position: absolute;
    width: 100%;
    height: 2px;
    z-index: 2; }

.cal-week-view .cal-all-day-events {
    border: solid 1px;
    border-top: 0;
    border-bottom-width: 3px;
    padding-top: 3px;
    position: relative; }

.cal-week-view .cal-all-day-events .cal-day-columns {
      height: 100%;
      width: 100%;
      -js-display: flex;
      display: flex;
      position: absolute;
      top: 0;
      z-index: 0; }

.cal-week-view .cal-all-day-events .cal-events-row {
      position: relative;
      height: 31px;
      margin-left: 70px; }

.cal-week-view .cal-all-day-events .cal-event-container {
      display: inline-block;
      position: absolute; }

.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
        z-index: 1;
        pointer-events: none; }

.cal-week-view .cal-all-day-events .cal-event {
      padding: 0 5px;
      margin-left: 2px;
      margin-right: 2px;
      height: 28px;
      line-height: 28px; }

.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }

.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }

.cal-week-view .cal-all-day-events .cal-time-label-column {
      -js-display: flex;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px; }

.cal-week-view .cal-all-day-events .cal-resize-handle {
      width: 6px;
      height: 100%;
      cursor: col-resize;
      position: absolute;
      top: 0; }

.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
        right: 0; }

.cal-week-view .cal-event,
  .cal-week-view .cal-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.cal-week-view .cal-drag-active {
    pointer-events: none;
    z-index: 1; }

.cal-week-view .cal-drag-active * {
      pointer-events: none; }

.cal-week-view .cal-time-events {
    position: relative;
    border: solid 1px;
    border-top: 0;
    -js-display: flex;
    display: flex; }

.cal-week-view .cal-time-events .cal-day-columns {
      -js-display: flex;
      display: flex;
      flex-grow: 1; }

.cal-week-view .cal-time-events .cal-day-column {
      position: relative; }

.cal-week-view .cal-time-events .cal-events-container {
      position: relative; }

.cal-week-view .cal-time-events .cal-event-container {
      position: absolute;
      z-index: 1; }

.cal-week-view .cal-time-events .cal-event {
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      margin: 1px;
      padding: 0 5px;
      line-height: 25px; }

.cal-week-view .cal-time-events .cal-resize-handle {
      width: 100%;
      height: 4px;
      cursor: row-resize;
      position: absolute; }

.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
        bottom: 0; }

.cal-week-view .cal-hour-segment {
    position: relative; }

.cal-week-view .cal-hour-segment::after {
      content: '\00a0'; }

.cal-week-view .cal-event-container:not(.cal-draggable) {
    cursor: pointer; }

.cal-week-view .cal-draggable {
    cursor: move; }

.cal-week-view mwl-calendar-week-view-hour-segment,
  .cal-week-view .cal-hour-segment {
    display: block; }

.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
  .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom: thin dashed; }

.cal-week-view .cal-time {
    font-weight: bold;
    padding-top: 5px;
    width: 70px;
    text-align: center; }

.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
    display: none; }

.cal-week-view .cal-starts-within-day .cal-event {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }

.cal-week-view .cal-ends-within-day .cal-event {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }

.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1; }

.cal-week-view .cal-day-headers {
    border-color: #e1e1e1;
    border-top: 0; }

.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right-color: #e1e1e1; }

.cal-week-view .cal-day-headers .cal-header:first-child {
    border-left-color: #e1e1e1; }

.cal-week-view .cal-day-headers .cal-header:hover,
  .cal-week-view .cal-day-headers .cal-drag-over {
    background-color: #ededed; }

.cal-week-view .cal-day-column {
    border-left-color: #e1e1e1; }

.cal-week-view .cal-event {
    background-color: #d1e8ff;
    border-color: #1e90ff;
    color: #1e90ff; }

.cal-week-view .cal-all-day-events {
    border-color: #e1e1e1; }

.cal-week-view .cal-header.cal-today {
    background-color: #e8fde7; }

.cal-week-view .cal-header.cal-weekend span {
    color: #8b0000; }

.cal-week-view .cal-time-events {
    border-color: #e1e1e1; }

.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
      background-color: #ededed; }

.cal-week-view .cal-hour-odd {
    background-color: #fafafa; }

.cal-week-view .cal-drag-over .cal-hour-segment {
    background-color: #ededed; }

.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
  .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom-color: #e1e1e1; }

.cal-week-view .cal-current-time-marker {
    background-color: #ea4334; }

.cal-day-view {
  /* stylelint-disable-next-line selector-type-no-unknown */ }

.cal-day-view mwl-calendar-week-view-header {
    display: none; }

.cal-day-view .cal-events-container {
    margin-left: 70px; }

.cal-day-view .cal-day-column {
    border-left: 0; }

.cal-day-view .cal-current-time-marker {
    margin-left: 70px;
    width: calc(100% - 70px); }

.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9; }

.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px; }

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0; }

.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px; }

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0; }

.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px; }

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px; }

.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px; }

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px; }

.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem; }

.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000; }

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000; }

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000; }

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000; }

.cal-tooltip-inner {
  color: #fff;
  background-color: #000; }

@charset "UTF-8";/*!
 * Bootstrap  v5.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}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,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[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}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.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:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;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){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg: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")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;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}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:#0d6efd;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}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-moz-placeholder, .form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown), .form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>textarea:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);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='%23198754' d='M2.3 6.73.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.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.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)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.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)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);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:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{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{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.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}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .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}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .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}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.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-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.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:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .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:calc(-1 * var(--bs-border-width))}.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:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap: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:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap: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:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap: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:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap: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:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;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}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);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){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@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:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);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;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);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;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.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-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{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%;padding:0;color:#fff;text-align:center;background:0 0;filter:var(--bs-carousel-control-icon-filter);border:0;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:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.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}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.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}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!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}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.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}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.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}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!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}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.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-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}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!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}.justify-content-evenly{justify-content:space-evenly!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}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!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}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.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-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}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!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}.justify-content-sm-evenly{justify-content:space-evenly!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}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!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}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.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-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}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!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}.justify-content-md-evenly{justify-content:space-evenly!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}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!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}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.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-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}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!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}.justify-content-lg-evenly{justify-content:space-evenly!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}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!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}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.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-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}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!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}.justify-content-xl-evenly{justify-content:space-evenly!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}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!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}.d-print-none{display:none!important}}/*# sourceMappingURL=bootstrap.min.css.map */
/*------------------------------------------------------------------
[Master Stylesheet]

Project:    Rapidise - Partner
Version:    7.0
Last change:    27/04/2023 [Added Project management styling - TK]
Assigned to:    Akshay Pathak(AP),Tejas Kateshiya(TK)
Primary use:    Project management styling
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Table of contents]

1. Imports
2. Font Face
3. Animation Keyframes
4. Root Elements
5. Common CSS
  5.1. Basic CSS
  5.2. Under Construction Components
  5.3. Perfect Scrollbar
  5.4. Scroll to Top
  5.5. Header
    5.5.1. Notification
  5.6. Color Resets
  5.7. Common Form
  5.8. Common Form Box
  5.9. Form Container
  5.10. Alert Message Popup
  5.11. Card
  5.12. Dropdown
  5.13. Side section
  5.14. Radio Button
  5.15. Owl Carousel
  5.16. Breadcrumb
  5.17. Buttons
6. Dashboard
7. Contracts
8. Calendar
9. Change Password
10. Country Phone Code Dropdown
11. Modal
  11.1. OTP Input
  11.2. Confirmation Modal
  11.3. Profile Modal
  11.4. Action Modal
  11.5. Alert Modal
12. Main Content
13. My Employee
14. Profile (Old)
15. Client Dashboard Flow
16. Toaster Alert
17. View Profile
18. Interview Section
19. Image Gallery
20. Footer
23.Deal Engine
25.Project Management

29. Project management
30. MileStone Modal Modal
31. Poc Modal Modal
32. Assignee Modal Modal
33. Value Addition
34. File Storage
35. Project Feedback
-------------------------------------------------------------------*/


/*-----------------------------------------------
1. Imports
-----------------------------------------------*/


/* @import "~ngx-smart-modal/ngx-smart-modal"; */


/*-----------------------------------------------
2. Font Face
-----------------------------------------------*/


/* montserrat-300 - latin */


@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url('resources/montserrat-v18-latin-300.35c4b9ac9e18f846c9b6.eot'); /* IE9 Compat Modes */
  src: local(""),
    url('resources/montserrat-v18-latin-300.35c4b9ac9e18f846c9b6.eot?#iefix')
      format("embedded-opentype"),
     url('resources/montserrat-v18-latin-300.3cd9742629b73ef2a479.woff2')
      format("woff2"),
    
      url('resources/montserrat-v18-latin-300.986d631a9ece69d21344.woff') format("woff"),
     url('resources/montserrat-v18-latin-300.090d426a873b2affc003.ttf')
      format("truetype"),
    
      url('resources/montserrat-v18-latin-300.0c3783781c48cfcea845.svg#Montserrat') format("svg"); /* Legacy iOS */
}


/* montserrat-regular - latin */


@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url('resources/montserrat-v18-latin-regular.af48efb77783b5e67d88.eot'); /* IE9 Compat Modes */
  src: local(""),
    url('resources/montserrat-v18-latin-regular.af48efb77783b5e67d88.eot?#iefix')
      format("embedded-opentype"),
     url('resources/montserrat-v18-latin-regular.b07bcc994632839adaff.woff2')
      format("woff2"),
    
      url('resources/montserrat-v18-latin-regular.97471a283f288b915d94.woff') format("woff"),
     url('resources/montserrat-v18-latin-regular.81e8a75b2a1ac3a76c06.ttf')
      format("truetype"),
    
      url('resources/montserrat-v18-latin-regular.22d8566c41c8d731931b.svg#Montserrat')
      format("svg"); /* Legacy iOS */
}


/* montserrat-500 - latin */


@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url('resources/montserrat-v18-latin-500.53913d2fa542d50ad5a3.eot'); /* IE9 Compat Modes */
  src: local(""),
    url('resources/montserrat-v18-latin-500.53913d2fa542d50ad5a3.eot?#iefix')
      format("embedded-opentype"),
     url('resources/montserrat-v18-latin-500.ade7985dfab429406515.woff2')
      format("woff2"),
    
      url('resources/montserrat-v18-latin-500.7aeedd705514600f10c9.woff') format("woff"),
     url('resources/montserrat-v18-latin-500.92300f9ffe4b334639db.ttf')
      format("truetype"),
    
      url('resources/montserrat-v18-latin-500.ebf71ddd0fe3ca70ddd3.svg#Montserrat') format("svg"); /* Legacy iOS */
}


/* montserrat-600 - latin */


@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url('resources/montserrat-v18-latin-600.0d6f82c208d357ae1615.eot'); /* IE9 Compat Modes */
  src: local(""),
    url('resources/montserrat-v18-latin-600.0d6f82c208d357ae1615.eot?#iefix')
      format("embedded-opentype"),
     url('resources/montserrat-v18-latin-600.597e201023bc6774c535.woff2')
      format("woff2"),
    
      url('resources/montserrat-v18-latin-600.d7b7fa75f67f8529a264.woff') format("woff"),
     url('resources/montserrat-v18-latin-600.ed26400ceb7ca6c8495d.ttf')
      format("truetype"),
    
      url('resources/montserrat-v18-latin-600.33e631f28bdf21d412d5.svg#Montserrat') format("svg"); /* Legacy iOS */
}


/* montserrat-700 - latin */


@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url('resources/montserrat-v18-latin-700.529a322078da3b51d132.eot'); /* IE9 Compat Modes */
  src: local(""),
    url('resources/montserrat-v18-latin-700.529a322078da3b51d132.eot?#iefix')
      format("embedded-opentype"),
     url('resources/montserrat-v18-latin-700.686bda13a6c973520c20.woff2')
      format("woff2"),
    
      url('resources/montserrat-v18-latin-700.49404dd4323f8b0d04ff.woff') format("woff"),
     url('resources/montserrat-v18-latin-700.3f5b876175be4a08f03a.ttf')
      format("truetype"),
    
      url('resources/montserrat-v18-latin-700.fac85a3030008d30b0b8.svg#Montserrat') format("svg"); /* Legacy iOS */
}


/* montserrat-800 - latin */


@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url('resources/montserrat-v18-latin-800.f42e7cafb6ac5778c955.eot'); /* IE9 Compat Modes */
  src: local(""),
    url('resources/montserrat-v18-latin-800.f42e7cafb6ac5778c955.eot?#iefix')
      format("embedded-opentype"),
     url('resources/montserrat-v18-latin-800.e2bc91f4946a75b23b73.woff2')
      format("woff2"),
    
      url('resources/montserrat-v18-latin-800.f67fbe43e131a8fbb18d.woff') format("woff"),
     url('resources/montserrat-v18-latin-800.1032e041bede82e5b465.ttf')
      format("truetype"),
    
      url('resources/montserrat-v18-latin-800.0546360978b1d8330d96.svg#Montserrat') format("svg"); /* Legacy iOS */
}


/* open-sans-300 - latin */


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('resources/open-sans-v27-latin-300.1ff083351611e93f199c.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('resources/open-sans-v27-latin-300.1ff083351611e93f199c.eot?#iefix') format('embedded-opentype'), 
       url('resources/open-sans-v27-latin-300.c4d56a65291faa29cd8d.woff2') format('woff2'), 
       url('resources/open-sans-v27-latin-300.b75dbf5a2eca01c34533.woff') format('woff'), 
       url('resources/open-sans-v27-latin-300.be8155510b98d7e5e37e.ttf') format('truetype'), 
       url('resources/open-sans-v27-latin-300.43861e56feb84c33e33d.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* open-sans-regular - latin */


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('resources/open-sans-v27-latin-regular.66fc98152d277854fd71.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('resources/open-sans-v27-latin-regular.66fc98152d277854fd71.eot?#iefix') format('embedded-opentype'), 
       url('resources/open-sans-v27-latin-regular.a2d02404d087c7c068d4.woff2') format('woff2'), 
       url('resources/open-sans-v27-latin-regular.6f6541140f45c8410bb8.woff') format('woff'), 
       url('resources/open-sans-v27-latin-regular.d4c15d4c24a1ddb198ef.ttf') format('truetype'), 
       url('resources/open-sans-v27-latin-regular.a9aff17ee65c2d3dd7a9.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* open-sans-500 - latin */


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('resources/open-sans-v27-latin-500.e4b203f2b234792941ad.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('resources/open-sans-v27-latin-500.e4b203f2b234792941ad.eot?#iefix') format('embedded-opentype'), 
       url('resources/open-sans-v27-latin-500.2c96d29d1ea67e736238.woff2') format('woff2'), 
       url('resources/open-sans-v27-latin-500.7e96641fdde28272811e.woff') format('woff'), 
       url('resources/open-sans-v27-latin-500.3f24a27c6cc7517c784f.ttf') format('truetype'), 
       url('resources/open-sans-v27-latin-500.549e9124651bc779fdca.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* open-sans-600 - latin */


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('resources/open-sans-v27-latin-600.d99a53374a79ae5ef71b.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('resources/open-sans-v27-latin-600.d99a53374a79ae5ef71b.eot?#iefix') format('embedded-opentype'), 
       url('resources/open-sans-v27-latin-600.87da65d8301dc2218555.woff2') format('woff2'), 
       url('resources/open-sans-v27-latin-600.28125e6f4f0671dbfa7b.woff') format('woff'), 
       url('resources/open-sans-v27-latin-600.ac0e95844e5fb56c1042.ttf') format('truetype'), 
       url('resources/open-sans-v27-latin-600.3d5351d0f1e0af7b27a0.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* open-sans-700 - latin */


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('resources/open-sans-v27-latin-700.e6b7ad3259f533eaeacb.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('resources/open-sans-v27-latin-700.e6b7ad3259f533eaeacb.eot?#iefix') format('embedded-opentype'), 
       url('resources/open-sans-v27-latin-700.166dc5efb248e5752096.woff2') format('woff2'), 
       url('resources/open-sans-v27-latin-700.043b0bf0b516558445d6.woff') format('woff'), 
       url('resources/open-sans-v27-latin-700.ac7fd199b45ea19e55a1.ttf') format('truetype'), 
       url('resources/open-sans-v27-latin-700.1418c060da5f38c8a0ff.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* open-sans-800 - latin */


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('resources/open-sans-v27-latin-800.b16ea2fef76c37cd0141.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('resources/open-sans-v27-latin-800.b16ea2fef76c37cd0141.eot?#iefix') format('embedded-opentype'), 
       url('resources/open-sans-v27-latin-800.7d3e609633bf25c3f8a2.woff2') format('woff2'), 
       url('resources/open-sans-v27-latin-800.92b78cf5d6e6e387833b.woff') format('woff'), 
       url('resources/open-sans-v27-latin-800.a191d2b873116682c5df.ttf') format('truetype'), 
       url('resources/open-sans-v27-latin-800.24a3c7e35e18c48fc9fc.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/*-----------------------------------------------
3. Animation Keyframes
-----------------------------------------------*/


@keyframes spin {
  100% {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
}


@keyframes shake {
  0% {transform: translate(1px, 1px) rotate(0deg);}
  10% {transform: translate(-1px, -2px) rotate(-1deg);}
  20% {transform: translate(-3px, 0px) rotate(1deg);}
  30% {transform: translate(3px, 2px) rotate(0deg);}
  40% {transform: translate(1px, -1px) rotate(1deg);}
  50% {transform: translate(-1px, 2px) rotate(-1deg);}
  60% {transform: translate(-3px, 1px) rotate(0deg);}
  70% {transform: translate(3px, 1px) rotate(-1deg);}
  80% {transform: translate(-1px, -1px) rotate(1deg);}
  90% {transform: translate(1px, 2px) rotate(0deg);}
  100% {transform: translate(1px, -2px) rotate(-1deg);}
}


@keyframes ripple {
  0% {
    opacity: 1;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    opacity: 0;
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
  }
  100% {
    opacity: 0;
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
  }
}


@keyframes bell-shaking {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  10% {
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
}
  15% {
    transform: translateY(-4px) rotate(17deg);
    -webkit-transform: translateY(-4px) rotate(17deg);
    -moz-transform: translateY(-4px) rotate(17deg);
    -ms-transform: translateY(-4px) rotate(17deg);
    -o-transform: translateY(-4px) rotate(17deg);
}
  20% {
    transform: translateY(-4px) rotate(-17deg);
    -webkit-transform: translateY(-4px) rotate(-17deg);
    -moz-transform: translateY(-4px) rotate(-17deg);
    -ms-transform: translateY(-4px) rotate(-17deg);
    -o-transform: translateY(-4px) rotate(-17deg);
}
  25% {
    transform: translateY(-4px) rotate(17deg);
    -webkit-transform: translateY(-4px) rotate(17deg);
    -moz-transform: translateY(-4px) rotate(17deg);
    -ms-transform: translateY(-4px) rotate(17deg);
    -o-transform: translateY(-4px) rotate(17deg);
}
  30% {
    transform: translateY(-4px) rotate(-17deg);
    -webkit-transform: translateY(-4px) rotate(-17deg);
    -moz-transform: translateY(-4px) rotate(-17deg);
    -ms-transform: translateY(-4px) rotate(-17deg);
    -o-transform: translateY(-4px) rotate(-17deg);
}
  35% {
    transform: translateY(0) rotate(0);
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
  }
}


/*-----------------------------------------------
4. Root Elements
-----------------------------------------------*/


:root {
  --background-color: #fff;
  --primary-color: #dedfe1;
  --text-color: #414141;
  --text-color-hover: #d6d6d6;
  --text-field-background-color: #f1f1f1;
  --card-inner-background-color: #f2f2f2;
  --purple-text-color: #8860d0;
  --dark-blue-text-color: #5680e9;
  --light-blue-text-color: #5ab9ea;
  --very-light-blue-color: #ecf2ff;
  --calendar-border-color: #cecece;


  /* font sizes */
  --caption-font-size: calc(11px + (12 - 11) * ((100vw - 300px) / (1600 - 300)));
  --body-text-3-font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
  --body-text-2-font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
  --body-text-1-font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
  --heading-3-font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300)));
  --heading-2-font-size: calc(26px + (28 - 26) * ((100vw - 300px) / (1600 - 300)));
  --heading-1-font-size: calc(32px + (34 - 32) * ((100vw - 300px) / (1600 - 300)));
  --title-font-size: calc(38px + (40 - 38) * ((100vw - 300px) / (1600 - 300)));

  /* font weights */
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;

  /* primary colors */
  --green-color: #58B47C;
  --blue-bayoux-color: #3E5C76;
  --blue-color: #48ACF0;
  --yellow-color: #FFBC42;
  --red-color: #E94F57;

  /* light colors */
  --light-green-color: #E1F1E7;
  --light-blue-bayoux-color: #DCE1E6;
  --light-blue-color: #DEF0FC;
  --light-yellow-color: #FFF3DD;
  --light-red-color: #FBDFE0;

  /* dark colors */
  --dark-green-color: #4FA270;
  --dark-blue-bayoux-color: #31495E;
  --dark-blue-color: #419BD8;
  --dark-yellow-color: #E5A93B;
  --dark-red-color: #D2474E;

  /* gray color shades */
  --gray-0: #F6F6F6;
  --gray-50: #ECECEF;
  --gray-100: #D3D4D9;
  --gray-200: #BBBDC3;
  --gray-300: #A2A5AD;
  --gray-400: #8A8D97;
  --gray-500: #717682;
  --gray-600: #595E6C;
  --gray-700: #404656;
  --gray-800: #282F40;
  --gray-900: #161F42;

  /* White color */
  --white-color: #FFFFFF;
  --black-color: #000000;

  /* font defaults */
  --font-color: #0F172A;
  --font-line-height: normal;
  --font-word-break: break-word;
  --font-hyphens: auto;

  /* button defaults */
  --button-border-radius: 22px;
  --button-border-radius-rounded: 50%;
  --button-icon-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
  --button-icon-size-2: calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300)));
  --button-icon-size-3: calc(34px + (36 - 34) * ((100vw - 300px) / (1600 - 300)));
  --button-icon-right-spacing: 8px;
  --button-icon-left-spacing: 8px;
  --button-transition:all 0.2s linear;
}


/* add class for col like bootstrap */


@media (min-width: 1600px) {
  .col-xxxl-3 {
      flex: 0 0 25%;
      max-width: 25%;
  }
  .col-xxxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
}


/* Add utility classes for cursor */


.cursor-not-allowed{
  cursor: not-allowed !important;
}


/*-----------------------------------------------
5. Common CSS
-----------------------------------------------*/


.top-nav-button{height: 40px;width: 40px;display: grid;place-items: center; border-radius: 50%;margin: 0px 8px;}


.top-nav-button .top-menu-img{height: 20px;width: 20px;}


.top-nav-button:hover {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}


@media screen and (max-width:575px) {
  .top-nav-button.mobile{display: none;}
  .top-nav-button{margin: 0px;}
}


.subtitle{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:darkgrey;width: 70%; word-wrap: break-word;}


/* sign contract */


.sign-section{align-items: start !important;}


/* note */


.note{background-color:#FBFBFB; padding: 8px 12px; margin-bottom: 1rem; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}


/* captcha */


.grecaptcha-badge {
  visibility: hidden !important;
}


/* Custom scrollbar - start */


/* width */


::-webkit-scrollbar {
  height: 6px !important;
  margin: 0px 8px !important;
  border-radius: 6px !important;
}


/* Track */


::-webkit-scrollbar-track {
  background: #f1f1f1;
}


/* Handle */


::-webkit-scrollbar-thumb {
  background: #dbdbdb;
}


/* Handle on hover */


::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}


.project-attachment .scroll-content{overflow: auto;display: flex;}


.project-attachment::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar */
}


.project-attachment::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Color of the track (the area behind the scrollbar thumb) */
}


.project-attachment::-webkit-scrollbar-thumb {
  background-color: #dbdbdb; /* Color of the scrollbar thumb */
  border-radius: 6px; /* Rounded corners of the thumb */
}


.project-attachment::-webkit-scrollbar-thumb:hover {
  background-color: #aaa; /* Color of the scrollbar thumb on hover */
}


.form-field-padding-none .mat-form-field-wrapper{padding:0 !important;}


/* Custom scrollbar - end */


/********** 5.1. Basic CSS **********/


*,::before,::after,:focus{border:none;outline:none;text-decoration:none!important;font-family:"Montserrat",sans-serif}


button:hover,button:focus,a:hover,a:focus{border:none;outline:none;font-family:"Montserrat",sans-serif;text-decoration:none;cursor:pointer}


html,body{background-color:var(--background-color);color:var(--text-color);height:100vh}


button,li,a{text-decoration:none;}


button,a{cursor:pointer}


button{background-color:transparent;transition:.5s;background-size:200% auto}


button:hover{background-position:right center}


input[type="file"]:focus,input[type="checkbox"]:focus,input[type="radio"]:focus{outline:none}


a:not([href]):not([tabindex]){text-decoration:none}


h1,h2,h3,h4,h5,h6{margin:0}


.app-perfect-scrollbar .ps-content{height:100%;}


.container-fluid{max-width:1920px;margin:0;padding:0;}


/* .ins-sidenav.partner .container-fluid{padding-right:150px!important;padding-left:400px!important} */


/* .mat-toolbar.header.mat-toolbar-single-row{padding:16px 40px;height:auto;} */


/* .mat-sidenav-content.main-container .inner-page{padding:16px 40px;} */


.mat-sidenav-content.main-container .inner-page .page-content{min-height: calc(105vh - 140px);}


.mat-sidenav-content.main-container .inner-page .title{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#404656;margin:0 0 24px 0;}


.mat-sidenav-content.main-container .inner-page .sub-title{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#404656;margin:0 0 24px 0;}


.mat-drawer.mat-sidenav.side-nav-start{visibility:visible!important}


.mat-drawer-transition .mat-drawer-content {transition-duration: 400ms;transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);transition-property: transform,margin-left,margin-right;}


.ins-sidenav.partner.front{height:auto;}


.ins-sidenav.partner.front .mat-drawer-content{overflow:clip;}


.main-container .container-fluid{flex: 1 1 auto;}


.font-weight-500{font-weight:500!important}


.font-weight-600{font-weight:600!important}


.font-weight-700{font-weight:700!important}


.purple-text{color:var(--purple-text-color)}


.dark-blue-text{color:var(--dark-blue-text-color)}


.light-blue-text{color:var(--light-blue-text-color)}


.purple-bg{color:var(--purple-text-color)}


.dark-blue-bg{color:var(--dark-blue-text-color)}


.light-blue-bg{color:var(--light-blue-text-color)}


.g-4, .gx-4{--bs-gutter-x:30px;--bs-gutter-y: 30px}


.btn{border:none}


.mat-menu-item{padding: 0 30px !important}


.dropdown .mat-form-field-wrapper{width:150px}


.mat-select-arrow-wrapper{display:block;position:relative;top:-2px}


.mat-button.icon-button{padding:0;padding-right:16px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}


.mat-button.icon-button:hover:not(.mat-button-disabled)
.mat-button-focus-overlay,.mat-stroked-button.icon-button:hover:not(.mat-button-disabled)
.mat-button-focus-overlay{opacity:0}


.mat-button.icon-button .button-icon{position:relative;top:0;background-color:var(--very-light-blue-color);color:var(--dark-blue-text-color);width:30px;height:30px;font-size:20px;padding-top:5px;padding-left:1px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}


.mat-button.icon-button:hover .button-icon{animation:spin .3s ease-out}


.mat-button.icon-button .text{position:relative;top:-1px;margin-left:10px;color: #666;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:500}


.mat-table th{position:sticky;top:0;z-index:1;background-color:#fff;color:#171725;font-size:14px;font-weight:600}


.mat-table thead .mat-header-row th{white-space:nowrap;border-bottom:0px solid #828282;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:600}


.mat-table tr th,.mat-table tr td{padding:10px 12px;text-align:left}


.mat-table tr td{font-family:"Open Sans", sans-serif;font-weight:500;color:#717171;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)))}


.mat-table tr td .sub-text{ font-family:"Open Sans", sans-serif; font-weight:500; word-break:break-word; -webkit-hyphens:auto; hyphens:auto; display:flex; width:inherit; -ms-hyphens:auto; }


.mat-table tr td.mat-column-employeeExperience,
.mat-table tr th.mat-column-employeeName{white-space:nowrap;}


.mat-table .tag{display:flex;justify-content:center;align-items:center;width:78px;height:24px;font-size:12px;font-weight:500;margin:0;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}


.mat-table .tag.purple-tag{background-color:#f4eeff;color:#8860d0}


.mat-table .tag.blue-tag{background-color:#eef3ff;color:#5680e9}


.main-card .card-holder{height:calc(100% - 92px)}


.mat-calendar{width:100%;height:auto;overflow:auto}


.mat-calendar-body{font-size: 14px}


.mat-calendar-body-cell-content { border-radius: 100px!important; -webkit-border-radius: 100px!important; -moz-border-radius: 100px!important; -ms-border-radius: 100px!important; -o-border-radius: 100px!important; }


.mat-calendar-body-cell .mat-calendar-body-cell-content{border:none; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}


.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border:none;background-color:#5EC090;color:#ffffff;font-weight:400;border-radius:10%;-webkit-border-radius:10%;-moz-border-radius:10%;-ms-border-radius:10%;-o-border-radius:10%}


.mat-calendar-table .mat-calendar-body-cell-content{font-family:"Open Sans", sans-serif;}


.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical):hover{background-color:#5EC090!important}


.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),.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){border:0.5px solid #5EC090;background-color:#5EC090;color:#ffffff;border-radius:10%;-webkit-border-radius:10%;-moz-border-radius:10%;-ms-border-radius:10%;-o-border-radius:10%}


.mat-calendar-header{padding:0 !important;margin-top:15px}


.mat-calendar-controls{display:flex!important;justify-content:space-between;margin: 5% calc(33% / 7 + 5px)!important}


.mat-calendar-controls .mat-calendar-period-button{border: 0.5px solid #828282;border-radius:20px;color:#262A53;font-size: 12px;font-weight:500}


.mat-calendar-controls .mat-calendar-period-button .mat-calendar-arrow{margin-left:15px}


.mat-calendar-table-header-divider::after{height:0!important}


.mat-calendar-table-header,.mat-calendar-body-label{color:#666!important}


.mat-calendar-table-header{border-bottom: 1px solid #eee}


.mat-calendar-table-header th{font-size:14px;font-weight:600}


.mat-calendar-table-header tr:last-child th{display:none}


.mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:0!important}


.mat-calendar-previous-button::after,.mat-calendar-next-button::after{color:#999}


.owl-theme .owl-nav [class*="owl-"] {background:transparent;}


.owl-theme .owl-nav [class*="owl-"]:hover {background:#eee;}


.date-range-selection .text{font-size:12px;color:#999!important;font-weight:500}


.date-range-selection .mat-form-field .mat-icon-button:hover {background-color: transparent !important}


.date-range-selection .mat-form-field .mat-datepicker-toggle-default-icon{width:20px!important}


.date-range-selection .mat-form-field .mat-form-field-flex{display:flex;align-items:center;padding:0!important;background-color:transparent;color:#999;width:132px;height:36px;border:.5px solid #999;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}


.date-range-selection .mat-form-field .mat-input-element{padding-left:6px;font-size:12px;color:#999!important;font-weight:500}


.date-range-selection .mat-form-field .mat-form-field-flex .mat-form-field-infix{padding:0!important}


.date-range-selection .mat-form-field .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper{display:none}


.date-range-selection .mat-form-field .mat-form-field-underline::before{display:none}


.date-range-selection .mat-form-field .mat-form-field-underline .mat-form-field-ripple{height:0!important}


.mat-datepicker-toggle-active {color:#48af7c;}


input[matinput]::-webkit-outer-spin-button,
input[matinput]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0;}


input[matinput][type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;}


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


.mat-form-field .mat-select-arrow-wrapper{transform:none!important;top:unset}


.mat-button.icon-button.pr-0{padding-right:0}


.mat-form-field .mat-form-field-label {color:#c0c3c9;font-size:13px;font-weight:500;}


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


.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display:none;}


/********** 5.2. Under Construction Components **********/


.no-data-found{font-size:calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#d2d2d2}


.no-data-found-small{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#d2d2d2}


.no-data-found-smaller{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#d2d2d2}


.card .no-data-found{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#d2d2d2}


.link-expire-message{font-size:calc(18px + (32 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#acacac}


.link-expire-message-small{font-size:calc(14px + (22 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#acacac}


.site-construction .sm-text{font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));}


.site-construction .time-inner-box1{ background-color: #58B47C; color:#FFFFFF;border:1px solid #FFFFFF;padding:5px;font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300))); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; width: 75px;}


.site-construction .time-inner-box2{ background-color: #FFFFFF; color:#58B47C;border:1px solid #58B47C;padding:5px;font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300))); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; width: 75px;}


.site-construction .uc-img{max-width: 582.21px;width: 100%;}


.site-construction .timer {font-weight: bold;display:flex;justify-content:space-between;width:312px;}


.site-construction .uc-text-1{color:#424C71;font-size: calc(20px + (26 - 20) * ((100vw - 300px) / (1600 - 300)));font-weight:600;}


.site-construction .uc-text-2{color:#58B47C;font-size: calc(20px + (26 - 20) * ((100vw - 300px) / (1600 - 300)));font-weight:800;}


/********** 5.3. Perfect Scrollbar **********/


perfect-scrollbar>.ps.ps--active-y>.ps__rail-y.ps--clicking,
perfect-scrollbar>.ps.ps--active-y>.ps__rail-y:hover{width:5px!important;background-color:transparent!important;opacity:1!important;}


.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y{width:5px!important;right:0!important;}


perfect-scrollbar>.ps.ps--active-y>.ps__rail-y{width:5px!important;right:0!important;background-color:transparent!important}


.ps__thumb-y{width:5px!important;right:0!important;background-color:#dbdbdb;}


.ps__rail-y{opacity:1!important;z-index:1}


perfect-scrollbar>.ps.ps--active-x>.ps__rail-x.ps--clicking,
perfect-scrollbar>.ps.ps--active-x>.ps__rail-x:hover{height:5px!important;background-color:transparent!important;opacity:1!important;}


.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x{height:5px!important;bottom:0!important;}


perfect-scrollbar>.ps.ps--active-x>.ps__rail-x{height:5px!important;bottom:0!important;background-color:transparent!important}


.ps__thumb-x{height:5px!important;bottom:0!important;background-color:#dbdbdb;}


.ps__rail-x{opacity:1!important;z-index:1}


/********** 5.4. Scroll to top **********/


.scroll-to-top{position:fixed;bottom:80px;right:50px;background-color:#fff;color:#58B47C;border:1px solid #58B47C;border-radius:25px;box-shadow:rgb(0 0 0 / 15%) 0px 2px 8px;outline:none;height:50px;width:50px;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease-in-out;}


.scroll-to-top:hover .material-icons{transform:translateY(-2px);}


.scroll-to-top .mat-icon{width:auto;height:auto;}


.scroll-to-top .material-icons{font-size:32px;transform:translateY(0px);transition:transform .2s ease-in-out;}


.scroll-to-top.show{opacity:1;transition:opacity .2s ease-in-out;}


@media screen and (max-width:575px) {
  .scroll-to-top{width:40px;height:40px;bottom:10px;right:10px;}
  .scroll-to-top .material-icons{font-size:26px;}
  .scroll-to-top:hover .material-icons{transform:translateY(0px);}
}


/********** 5.5. Header **********/


.header .search-form{display:contents}


.header .mat-form-field{width:100%;min-width:100px;max-width:550px}


.header .mat-form-field .mat-button{padding:0!important;bottom:-3px!important;display:flex;justify-content:flex-end}


.header .mat-input-element{font-size:14px;padding-left:5px}


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


.header .mat-form-field .mat-form-field-outline-start{border-radius:28px 0 0 28px!important;min-width:28px!important}


.header .mat-form-field .mat-form-field-outline-end{border-radius:0 28px 28px 0!important}


.header .mat-form-field .mat-form-field-wrapper{padding-bottom:0}


.header .mat-form-field-appearance-outline .mat-form-field-infix{padding:0;border-top:none;padding-top:10px;padding-bottom:10px}


.mat-form-field-appearance-outline .mat-form-field-outline{color:#C4CADA!important}


.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#C4CADA!important}


.header .side-menu-btn{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));color:#6B6B6B;font-weight:600;margin-left:1rem;}


.header .side-menu-btn:hover{color:#525252}


.login-link{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)))!important;color:#6B6B6B;font-weight:600}


.login-link:hover{color:#525252}


.greentext{color:#58B47C;}


.darkbluetext{color:#5680E9;}


.purpletext{color:#8860D0;}


.lightbluetext{color:#5AB9EA;}


.front-nav-items .active-nav,
.ins-sidenav .mat-sidenav.side-nav-end .menu-items .item.active-nav{color:#5EC090;}


@media screen and (min-width:1200px) {
  .side-nav-start.home-side-nav-start{display:none;}
}


.common-ins-sidenav .toolbar-btn {background-color:#5AB9EA;color:#fff;font-size:14px;border-radius:20px;padding:4px 24px;font-weight:500;z-index:1}


.common-ins-sidenav .toolbar-btn:hover {background-color:#5CACD6;}


.common-ins-sidenav .toolbar-btn:disabled{background-color:#CECECE;cursor:not-allowed}


.common-ins-sidenav .logo{position:relative;z-index:1}


.common-ins-sidenav .ps-content{height:100%}


.common-ins-sidenav .container-fluid{min-height: calc(100vh - 100px);padding:0 50px!important}


.common-ins-sidenav .container-fluid .stepper-container{min-height:calc(100vh - 150px)}


.logo-desktop{display:block;cursor:pointer;z-index:2;}


.logo-mobile{display:none;}


.logo-mobile img{height:24px;}


.logo-cursor{cursor:pointer;}


.side-menu-logo{display:flex;justify-content:center;width:100%;}


.side-content-logo .logo-mobile,.side-content-logo .logo-desktop,.side-content-logo .logo-mobile-top{display:none;}


.ins-sidenav .scroll-content .ps-content{height:100%}


@media screen and (max-width: 1199px) {
  /* .side-menu-logo{display:none;} */
  .side-content-logo{display:flex;align-items:center;}
}


@media screen and (max-width: 768px) {
  .side-menu-logo{display:none;}
  .logo-desktop{display:none;}
  .logo-mobile{display:block;cursor:pointer;z-index:2;}
  .side-content-logo .logo-mobile-top{display:block;}
}


@media screen and (max-width: 575px) {
  .logo-desktop{display:none;}
  .logo-mobile{display:block;cursor:pointer;z-index:2;}
}


.mat-drawer-content{height:100vh;background-color:var(--background-color)}


.mat-sidenav{position: absolute !important;/*left:120px !important;*/width: 296px;box-shadow: none;}


/* updated nav */


.mat-sidenav-content.main-container{margin-left:80px;}


.mat-sidenav {width:80px!important;left:0 !important;}


.ins-sidenav .mat-drawer:not(.side-nav-end){z-index:3!important}


.ins-sidenav .mat-list-base .ng-star-inserted:last-child .mat-list-item{margin-bottom:20px}


.mat-drawer.mat-sidenav.side-nav-start{ transform:translate3d(0px,0,0); -webkit-transform:translate3d(0px,0,0); -moz-transform:translate3d(0px,0,0); -ms-transform:translate3d(0px,0,0); -o-transform:translate3d(0px,0,0); }


.mat-drawer.mat-sidenav.side-nav-start .mat-drawer-inner-container{height:100vh!important}


.mat-toolbar.header.mat-toolbar-single-row{padding:16px 32px;height:auto;}


/* .mat-sidenav-content.main-container .inner-page{padding:16px 40px;} */


.mat-drawer.mat-sidenav.side-nav-start{ transform:translate3d(0px,0,0); width: 80px !important; }


.mat-drawer.mat-sidenav.side-nav-start.mat-drawer-opened{ transform:translate3d(0px,0,0); width: 296px !important; }


.ins-sidenav .mat-list-base .mat-list-item.active .mat-list-item-content,.ins-sidenav .mat-list-base .mat-list-item .mat-list-item-content{padding: 12px !important;}


.new-alert-icon{position: absolute;top:0px;right:0px}


#menu{margin-left: -16px !important;}


/* inner nav */


.mat-sidenav-content.main-container .inner-page .inner-nav .inner-nav-item .count {
  margin-left: 20px;
  background-color: #000000;
  color: var(--white-color);
  width: 24px;
  height: 18px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: 8px;
}


.mat-sidenav-content.main-container {
  display: flex;
}


.mat-sidenav-content.main-container .inner-nav {
  width: 220px;
  height: 100vh;
  padding: 30px 20px;
  background-color: #f8f8f8;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  overflow-y: auto;
}


.mat-sidenav-content.main-container .inner-page {
  flex: 1;
  display: flex;
  overflow: hidden;
}


.mat-sidenav-content.main-container .inner-page.inner-nav-active {
  flex: 1;
  display: flex;
  overflow: hidden;
  margin-left: 220px;
 }


.mat-sidenav-content.main-container .inner-section {
  flex: 1;
  padding: 16px 40px 16px 20px;
  overflow: hidden;
}


.mat-sidenav-content.main-container .inner-nav .inner-nav-item {
  display: block;
  padding: 8px 16px;
  color: #000000;
  text-decoration: none;
}


.mat-sidenav-content.main-container .inner-nav .inner-nav-item.active {
  color: #ffffff;
  background-color: #58b47c;
  border-radius: 5px;
}


@media screen and (max-width: 768px) {
  #menu{margin-left: 0px !important;}

  .mat-sidenav-content.main-container .inner-section{padding: 16px 20px 16px 20px;}

  .mat-sidenav-content.main-container .inner-page.inner-nav-active .inner-nav.inner-nav-collapse {
    display: none;
  }

  .mat-sidenav-content.main-container .inner-page.inner-nav-active .inner-nav {
    width: 220px;
    height: 100vh;
    padding: 30px 20px;
    background-color: #f8f8f8;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    overflow-y: auto;
  }

  .mat-sidenav-content.main-container .inner-page.inner-nav-active.inner-nav-closed{
    margin-left: 0px;
  }

  .nav-text{display:none !important}

  .mat-drawer.mat-sidenav.side-nav-start.mat-drawer-opened{width: 80px !important;}
}


.nav-text.nav-text-hide{display:none !important}


/* updated nav */


.mat-toolbar{background-color:var(--background-color)}


.mat-toolbar.header.mat-toolbar-single-row{justify-content:space-between;/*padding:0;*//*padding: 0 150px!important*/}


.mat-drawer.mat-sidenav{background-color:var(--background-color)}


/* .mat-drawer.mat-sidenav.side-nav-start{ transform:translate3d(32px,160px,0); -webkit-transform:translate3d(32px,160px,0); -moz-transform:translate3d(32px,160px,0); -ms-transform:translate3d(32px,160px,0); -o-transform:translate3d(32px,160px,0); } */


.mat-drawer.mat-sidenav.side-nav-start .mat-drawer-inner-container perfect-scrollbar{height:calc(100vh - 64px)!important}


.mat-drawer .image-box {margin-top:30px;margin-bottom:40px;}


.mat-drawer .image-box a {margin-right: 20px;}


.mat-drawer .image-box a:last-child {margin-right: 0;}


.mat-drawer .image-box img {width: 25px;height: 25px;}


.ins-sidenav .mat-list-base{padding:30px 16px 0 16px;}


.ins-sidenav .mat-drawer:not(.side-nav-end){z-index:2!important}


.ins-sidenav .mat-sidenav.side-nav-end{position:fixed!important;left:auto!important;right:0!important;width: 350px !important}


.ins-sidenav.mat-drawer-container .mat-sidenav.side-nav-end,
.ins-sidenav .mat-sidenav.side-nav-end .mat-drawer{padding-top:0px;background-color: #fff;}


.ins-sidenav .mat-sidenav.side-nav-end .menu-items{border-bottom: 0.5px solid #828282; padding-bottom: 18px}


.ins-sidenav .mat-sidenav.side-nav-end .menu-items .item{font-size: 18px; color: #363636; font-weight: 600; margin: 17.5px 0}


.ins-sidenav .mat-sidenav.side-nav-end .icon{margin-top: 35.5px}


.common-ins-sidenav .mat-sidenav{left:auto !important; right:0 !important;width: 350px !important}


.common-ins-sidenav .mat-drawer-content.mat-sidenav-content{transform: none !important; width:100% !important}


.common-ins-sidenav .mat-sidenav.side-nav-start{display:none!important}


.common-ins-sidenav.mat-drawer-container,
.common-ins-sidenav .mat-drawer{padding-top:0px;background-color: #fff;}


.common-ins-sidenav .menu-items{border-bottom: 0.5px solid #828282; padding-bottom: 18px}


.common-ins-sidenav .menu-items .item{font-size: 18px; color: #363636; font-weight: 600; margin: 17.5px 0}


.common-ins-sidenav .icon{margin-top: 35.5px}


.mat-sidenav-container{background-color:#f7f9fc;height:100vh}


.mat-sidenav-container .mat-sidenav-content{display:flex;flex-direction:column}


.sidenav-toolbar{height:64px;background-color:#333;display:flex;flex-direction:row}


.mat-nav-list {padding-top:0;}


.fixed-topnav {z-index:2;width:100%!important}


.mat-drawer-container,
.mat-drawer{background-color:#fff}


.menu-list-item.mat-list-item .mat-list-item-content {flex:1 1 100%;display:flex;align-items:center}


.menu-list-item.mat-list-item .mat-list-item-content .count{margin-left: 20px;background-color: var(--dark-green-color);color: var(--white-color);min-width: 24px;height: 24px;text-align: center;display: flex;justify-content: center;align-items: center;border-radius: 50%;}


.version-info {font-size:8pt;padding:8px;align-self:flex-end;}


.ins-logo{padding:.625rem 0;margin:0 0 1rem;text-align:center}


.ins-sidenav .mat-list-base .mat-list-item,
.ins-sidenav .mat-list-base .mat-list-option{border-bottom:0 solid #ebedf2;height:auto;margin:0 0 2rem 0}


/* .ins-sidenav .menu-list-item .mat-icon{color:#c9cdd8;height:20px;width:20px} */


.ins-sidenav .menu-list-item .material-icons{font-size:20px;display:flex;margin:0 .75rem 0 0}


.ins-sidenav .menu-list-item .mat-list-item-content{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500}


.ins-sidenav .menu-list-item.active .mat-list-item-content{font-weight:700}


.ins-sidenav .mat-list-base .mat-list-item .mat-list-item-content,
.ins-sidenav .mat-list-base .mat-list-option .mat-list-item-content{padding:0 0rem}


.ins-sidenav .mat-list-base .mat-list-item .mat-list-item-content,.ins-sidenav .menu-list-item.active .material-icons{color:#717682}


.ins-sidenav .mat-list-base .mat-list-item .mat-list-item-content{padding:14px 24px;}


.ins-sidenav .mat-list-base .mat-list-item.active .mat-list-item-content{ font-weight:500; color:#4FA270; background-color:#E1F1E7; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }


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


/* .ins-sidenav .mat-ripple{display:none} */


.ins-sidenav .mat-list-base .mat-list-item,.ins-sidenav .mat-list-base .mat-list-option{border-bottom:0 solid #ebedf2;height:auto;margin:0 0 8px 0;}


.ins-sidenav .menu-list-item .mat-icon{color:#c9cdd8;height:24px;min-width:24px}


.header .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,.header
.mat-stroked-button:hover:not(.mat-button-disabled)
.mat-button-focus-overlay{opacity:0}


.header-matmenu .mat-menu-content:not(:empty){padding:0}


.header-matmenu.mat-menu-panel{min-height:unset;right:100%;position:absolute;margin-right:-37px;top:9px;background-color:#fff;border: 1px solid #5EC090;border-radius:10px;box-shadow:none;overflow:visible;}


.header-matmenu.mat-menu-panel.header-matmenu-login{margin-right:-58px;top:14px}


.header-matmenu button.mat-menu-item{display:flex;align-items:center;font-size:calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300)));color:#161F42;font-family: "Montserrat",sans-serif !important;font-weight:500;border-bottom:1px solid #DCE1F3;}


.header-matmenu .material-icons{color:#c9cdd8;font-size:20px;margin:0 .5rem 0 0}


.last-login{display:flex;align-items:center;justify-content:flex-end;font-size:12px;color:#0082cb}


.last-login .material-icons{font-size:20px}


.last-login b,.last-login .material-icons{color:#c9cdd8;font-weight:400}


.last-login b{font-size:13px;margin-right:.5rem}


.header .d-flex{display:flex;justify-content:flex-end;align-items:center;flex:1}


.header .mat-focus-indicator.mat-menu-trigger.mat-button.mat-button-base{align-self:flex-end;padding:0 0 0 16px}


#menu.mat-focus-indicator.mat-icon-button.mat-button-base
.mat-ripple.mat-button-ripple,.header
.mat-focus-indicator.mat-icon-button.mat-button-base
.mat-ripple.mat-button-ripple,.header .mat-ripple.mat-button-ripple{display:none}


.message-btn{margin-right:.5rem}


.header-matmenu_box {position:relative;background:#ffffff;border:1px solid #828282;}


.header-matmenu_box:after, .header-matmenu_box:before {bottom:100%;right:1rem;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events: none;}


.header-matmenu_box:after {border-color:rgba(255, 255, 255, 0);border-bottom-color:#ffffff;border-width:6px;margin-right:-6px;}


.header-matmenu_box:before {border-color:rgba(130, 130, 130, 0);border-bottom-color:#5EC090;border-width:7px;margin-right:-7px;}


.mat-menu-trigger{cursor:pointer;}


.header-profile-img{width:40px;height:40px;font-size:15px;font-weight:700;color:#5580e9;background-color:#f2f2f2;border-radius:160px;display:inline-flex;justify-content:center;align-items:center;}


.header .mat-button.cdk-keyboard-focused .mat-button-focus-overlay,
.header .mat-button.cdk-program-focused .mat-button-focus-overlay,
.header .mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,
.header .mat-icon-button.cdk-program-focused .mat-button-focus-overlay,
.header .mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,
.header .mat-stroked-button.cdk-program-focused .mat-button-focus-overlay,
.header .mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,
.header .mat-flat-button.cdk-program-focused .mat-button-focus-overlay {opacity:0;}


.header-matmenu .mat-menu-item:hover:not([disabled]),
.header-matmenu .mat-menu-item.cdk-program-focused:not([disabled]),
.header-matmenu .mat-menu-item.cdk-keyboard-focused:not([disabled])

.header-matmenu button.mat-menu-item:first-child{border-radius:10px 10px 0 0;}


.header-matmenu button.mat-menu-item:last-child{ border-bottom:none; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; }


@media screen and (max-width:1600px) {
  /* .mat-toolbar.header.mat-toolbar-single-row{padding: 0 50px!important}
  .mat-sidenav{left:0!important;width:180px}
  .mat-drawer.mat-sidenav.side-nav-start{ transform:translate3d(50px,160px,0); -webkit-transform:translate3d(50px,160px,0); -moz-transform:translate3d(50px,160px,0); -ms-transform:translate3d(50px,160px,0); -o-transform:translate3d(50px,160px,0); }
  .mat-drawer.mat-sidenav.side-nav-start .mat-drawer-inner-container{height:calc(100vh - 160px)!important}
  .ins-sidenav.partner .container-fluid{padding-left:250px!important;padding-right:50px!important} */
  .reviews .scroll-box {max-height: calc(100vh - 355px)!important}
  /* .ins-sidenav .mat-list-base{padding:11px 16px 0 16px;} */
}


@media screen and (max-width:1399px) {
  .ins-sidenav .mat-list-base .ng-star-inserted:last-child .mat-list-item{margin-bottom:10px}
  /* .mat-drawer.mat-sidenav.side-nav-start{transform:translate3d(50px,126px,0)} */
  /* .mat-drawer.mat-sidenav.side-nav-start .mat-drawer-inner-container{height:calc(100vh - 126px)!important} */
}


@media screen and (min-width: 1200px) {
  /* #menu{display:none !important} */
  .mat-drawer.mat-sidenav{transform:translate3d(0,0,0);visibility:visible;}
  .mat-drawer.mat-sidenav::before {content:"";left:0;right:0;top:0;bottom:0;transform: translate3d(0px, 0, 0);z-index:0;transition:background-color 0ms;transition:z-index 0ms;}
  .dialog-open .mat-drawer.mat-sidenav::before {background-color:rgba(0, 0, 0, 0.5);z-index:1;transition:background-color 0ms;transition:z-index 0ms;}
  .overlay {transition: background-color 0ms;}
}


@media screen and (max-width: 1199px) {
  .mat-sidenav {width:260px!important;left:0 !important;}
  /* .ins-sidenav .mat-list-base{padding:0 40px 0 40px;} */
  .ins-sidenav .mat-drawer:not(.side-nav-end){z-index:3!important}
  .ins-sidenav .mat-list-base .ng-star-inserted:last-child .mat-list-item{margin-bottom:20px}
  .mat-drawer.mat-sidenav.side-nav-start{ transform:translate3d(-296px,0,0); -webkit-transform:translate3d(-296px,0,0); -moz-transform:translate3d(-296px,0,0); -ms-transform:translate3d(-296px,0,0); -o-transform:translate3d(-296px,0,0); }
  .mat-drawer.mat-sidenav.side-nav-start .mat-drawer-inner-container{height:100vh!important}
  /* .mat-toolbar.header.mat-toolbar-single-row{padding: 0 30px!important;} */
  .mat-sidenav-content.main-container{margin-left:0;}
  /* .mat-toolbar.header.mat-toolbar-single-row{padding:16px 40px;height:auto;} */
  /* .mat-sidenav-content.main-container .inner-page{padding:16px 40px;} */
  /* .ins-sidenav.partner .container-fluid{padding-left:30px !important;padding-right:30px !important} */
  /* .ins-sidenav .mat-list-base{padding:0 16px;} */
  /* .mat-drawer.mat-sidenav.side-nav-start .mat-drawer-inner-container perfect-scrollbar{height: calc(100vh - 32px)!important;} */
}


@media screen and (max-width: 992px) {
  th.mat-header-cell:first-of-type,
  td.mat-cell:first-of-type,
  td.mat-footer-cell:first-of-type{padding-left:10px!important}
  th.mat-header-cell:last-of-type,
  td.mat-cell:last-of-type,
  td.mat-footer-cell:last-of-type{padding-right:10px!important}
}


@media screen and (max-width: 767px) {
  .ins-sidenav .mat-list-base{padding:0px 16px;}
  /* .mat-sidenav{width:200px!important} */
  /* .ins-sidenav .mat-list-base{padding-left:30px!important} */
  /* .mat-toolbar.header.mat-toolbar-single-row {padding:0 20px !important;border-bottom: 1px solid #f2f2f2;} */
  /* .ins-sidenav.partner .container-fluid{padding-right:20px !important;padding-left:20px !important} */
  #menu.mat-focus-indicator.mat-icon-button.mat-button-base{text-align:left;}
  .mat-toolbar.header.mat-toolbar-single-row{padding:12px 16px;height:auto;}
  /* .mat-sidenav-content.main-container .inner-page{padding:12px 16px;} */
  .ins-sidenav .mat-list-base .mat-list-item .mat-list-item-content,
  .ins-sidenav .mat-list-base .mat-list-item.active .mat-list-item-content{padding: 12px 16px;}
}


@media (max-width: 600px) {
  .sidenav-toolbar {height:56px;}
}


@media screen and (max-width: 576px) {
  .ins-sidenav .mat-sidenav.side-nav-end{width: 320px !important}
  .mat-toolbar.header.mat-toolbar-single-row{padding:8px 16px;height:auto;}
  /* .mat-sidenav-content.main-container .inner-page{padding:8px 16px;} */
  .mat-drawer.mat-sidenav.side-nav-start .mat-drawer-inner-container perfect-scrollbar{height: calc(100vh - 16px)!important;}
}


@media screen and (max-width: 575px) {
  .message-btn{margin-right:0rem}
  .header-matmenu.mat-menu-panel{margin-right:-33px}
  .header .d-flex {flex-direction:row;}
  .header .mat-focus-indicator.mat-menu-trigger.mat-button.mat-button-base {line-height:20px;margin-bottom:0.3rem;}
  .header .side-menu-btn{margin-left:.5rem!important;}
}


/********** 5.5.1. Notification **********/


.header-matmenu.mat-menu-panel.notification-menu{border: 1px solid var(--blue-color);min-width: 400px;max-width:400px;max-height: 300px;height:300px; padding:0;margin-right: -53px;}


.header-matmenu.mat-menu-panel.notification-menu .mat-menu-content{height:100%;}


.header-matmenu.mat-menu-panel.notification-menu .mat-menu-content perfect-scrollbar{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}


.header-matmenu.mat-menu-panel.notification-menu .mat-menu-item:first-child{border-top-left-radius: 10px; border-top-right-radius: 10px;}


.header-matmenu.mat-menu-panel.notification-menu .mat-menu-item:last-child{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}


.header-matmenu.mat-menu-panel.notification-menu .mat-menu-item:first-child:hover{border-top-left-radius: 10px;border-top-right-radius: 10px;}


.header-matmenu.mat-menu-panel.notification-menu .mat-menu-item:last-child:hover{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}


.header-matmenu.mat-menu-panel.notification-menu .inactive{opacity:0.6;background-color: var(--gray-0);}


.header-matmenu.mat-menu-panel.notification-menu .inactive:hover{background-color: var(--gray-50);}


.header-matmenu.mat-menu-panel.notification-menu .body-text-1{white-space: break-spaces;}


.header-matmenu.mat-menu-panel.notification-menu .body-text-3{font-weight: 400;white-space: break-spaces;}


.header-matmenu.mat-menu-panel.notification-menu .caption{color: var(--gray-500);}


.header-matmenu_box.notification-menu:before{border-bottom-color: var(--blue-color);}


.notification-box .notification-btn{ position:relative; margin-right:1.5rem; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }


.notification-box .notification-btn:hover{box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}


.notification-box.active .notification-btn .notification-btn-img{ animation: bell-shaking 2s ease-in-out infinite; -webkit-animation: bell-shaking 2s ease-in-out infinite; }


.notification-box .notification-btn .notification-count{display:flex; justify-content:center; align-items:center; position:absolute; content:""; background-color:var(--blue-color); color:#fff; font-size:calc(11px + (12 - 11) * ((100vw - 300px) / (1600 - 300))); font-weight:500; padding:0; height:20px; width:20px; top:0; right:-2px; line-height:18px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }


.notification-box.active .notification-btn .notification-count::before{ content: ""; position: absolute; left:0; right:0; top:0; bottom:0; width: 100%; height: 100%; background-color: inherit; border-radius: 50%; animation-delay: 0.2s; animation: ripple 1.9s ease-in-out infinite; -webkit-animation: ripple 1.9s ease-in-out infinite; }


.no-notification {font-size: 32px!important;}


@media screen and (max-width: 575px) {
  .notification-box .notification-btn{margin-right:.5rem}
  .header-matmenu.mat-menu-panel.notification-menu{min-width: 260px;max-width: 260px;margin-right: -93px;}
  .header-matmenu.mat-menu-panel.notification-menu:after,
  .header-matmenu.mat-menu-panel.notification-menu:before{right: 3.5rem;}
  .header-matmenu.mat-menu-panel.notification-menu .mat-menu-item{padding:12px !important}
  .header-matmenu.mat-menu-panel.notification-menu .body-text-1{font-size: var(--body-text-2-font-size);}
}


/********** 5.6. Color Resets **********/


.mat-button.mat-accent,.mat-stroked-button.mat-accent{color:var(--primary-color)}


.mat-button.mat-accent:hover,.mat-stroked-button.mat-accent:hover,.mat-flat-button.mat-accent:hover{background-color:var(--text-color-hover)}


.mat-raised-button.mat-accent,.mat-flat-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:var(--text-color);background-color:#f2f2f2;}


.mat-icon-button.mat-accent{color:var(--primary-color)}


.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#5680E9;border-radius:4px;}


.mat-card:not([class*="mat-elevation-z"]){box-shadow:none}


/********** 5.7. Common Form **********/


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


.form .mat-input-element{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:#0F172A;font-weight:500!important;padding-left:0px !important}


.form .mat-form-field-appearance-fill .mat-form-field-flex{background-color:transparent;padding:0!important;align-items: center;}


.form .mat-form-field-appearance-fill .mat-form-field-subscript-wrapper{padding-left:0;padding-right:0;margin-top:0.3666666667em;}


.form .mat-form-field-appearance-fill .mat-form-field-underline::before{height:2px;background-color:#C4CADA;}


/* .form .mat-form-field.mat-form-field-type-mat-select .mat-form-field-infix{padding-top:.25em!important;padding-bottom:.65em!important;} */


.form .mat-form-field .mat-form-field-infix .mat-select-placeholder{color:#C0C3C9;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500}


.form .mat-form-field-appearance-fill .mat-input-element::-moz-placeholder {color:#C0C3C9!important;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500}


.form .mat-form-field-appearance-fill .mat-input-element::placeholder {color:#C0C3C9!important;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500}


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


.form .mat-form-field-ripple{background-color:transparent;box-shadow:0px 3px 6px #0000001a;}


.form .mat-form-field.mat-focused .mat-form-field-ripple{background-color:transparent;}


.form .label.first-label{margin-top:0!important}


.form .label{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:#0F172A;margin-bottom:0;font-weight:600;}


.form .label .info{width:18px;height:18px;margin-left:5px;}


.form .input-details-box{display:flex;justify-content:space-between;width:100%;position:absolute;top:40px;}


.form .input-details-box.no-mat-input{position:relative;top:5px;}


.form .input-details-box .text{font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;margin-bottom:0;line-height:1.2;}


.form .input-details-box .btn{font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#fff;padding:3px 9px;border-radius:100px;margin-left:5px;line-height:1.1;display:flex;align-items:center;border:none;height:-webkit-fill-available;height:-moz-available;height:-moz-fit-content;height:fit-content;}


.form .input-details-box .btn.btn-verify{background-color:#5EC090;}


.form .input-details-box .btn.btn-verified{background-color:#5AB9EA;}


.form .btn-check:focus+.btn, .btn.btn-verify:focus{box-shadow:none;}


.form .btn-check:focus+.btn, .btn.btn-verified:focus{box-shadow:none;}


.form .input-details-box .btn:disabled{font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#fff;padding:4px 9px;border-radius:100px;margin-left:5px;line-height:1.1;display:flex;align-items:center;border:none;opacity:1;}


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


.form .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{padding:0;}


.form .mat-error{background-color:transparent;padding-bottom:15px;}


.form .mat-error.reduce-bottom-space{padding-bottom:5px;}


.form .mat-error.reduce-bottom-padding{padding-bottom:0; padding-top:2px;}


.form .mat-error.increase-z-index{z-index:10;}


.form .mat-error.error-top-spacing{margin-top: 2px;}


.mat-select-value-text {white-space:pre-wrap!important;}


.form .mat-form-field-type-mat-select .mat-chip.mat-standard-chip{background-color:#5680E9;color:#fff;font-size:calc(12px + (11 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.form .mat-form-field-type-mat-select .mat-chip.mat-standard-chip .mat-chip-remove.mat-icon{width:12px;height:12px;font-size:14px;color:#fff;opacity:1;margin-right:4px;}


.form .mat-form-field.custom-textarea .mat-error{background-color:transparent;}


.form .mat-form-field.custom-textarea .mat-input-element{resize:none;height:120px;line-height:initial;width:-webkit-fill-available;width:-moz-fill-available;padding:0!important;}


.form .mat-form-field.custom-textarea .mat-form-field-flex{background-color:transparent;width:100%;color:#0F172A;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;padding:0 1em 0.2em 1em;}


.form .mat-form-field.custom-textarea .mat-form-field-infix{padding:0;border-top:none;padding-top:20px;padding-bottom:0}


.form .bio-character-counter{position:relative;top:20px;right:-12px;display:flex;justify-content:flex-end;font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;}


.form .bio-character-counter .exceeded{color:red;}


.exceeded{color:red;}


.form .mat-input-element:-webkit-autofill{box-shadow: 0 0 0 50px #f6f6f6 inset;}


/********** 5.8. Common Form Box **********/


.form-box{width:345px;height:auto;border:0.5px solid #828282;border-radius:20px;}


.form-box .form-header{padding:20px 30px;border-bottom:1px solid #D9DBDF;}


.form-box .form-header .form-title{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#363636;text-align:center;}


.form-box .form-content{width:100%;padding:30px;}


.form-box .form-content .link-box{display:flex;justify-content:space-between;align-items:center;}


.form-box .form-content .link-box .link{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;}


.form-box .form-content .link-box .link:hover{text-decoration:underline;}


.form-box .form-content .link-box .mat-checkbox-layout{vertical-align: baseline;}


.form-box .form-content .link-box .custom-checkbox .mat-checkbox-layout .mat-checkbox-label{font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;color: #8D929B;}


.form-box .form-content .link-box .custom-checkbox .mat-checkbox-frame{border-color: transparent;background-color: var(--gray-50);}


.form-box .form-content .link-box .custom-checkbox .mat-checkbox-inner-container{width:16px;height:16px;}


.form-box .form-content .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{top: calc(100% - 1.9666666667em);}


.form-box .form-footer{padding:20px 30px;border-top:1px solid #D9DBDF;}


.form-box .form-footer .btn{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#fff;background-color:#5EC090;padding:12px;border-radius:21px;line-height:16px;display:flex;justify-content:center;align-items:center;width:100%;border:none;}


.form-box .form-footer .btn:hover{background-color:#4c9b74;}


.form-box .form-footer .btn-check:focus+.btn, .btn:focus{box-shadow: 0 0 0 0.25rem #5EC09045;}


@media screen and (max-width: 575px) {
  .form-box{width:100%;}
  .form-box .form-content .link-box{justify-content:space-between;align-items:flex-start;flex-direction: column;}
  .form-box .form-content .link-box .custom-checkbox{margin-bottom: 12px;}
}


/********** 5.9. Form Container **********/


.form-container{height:100%}


.form-container .form{width:400px}


.form-container .form .link{color:#A1A1A1;font-weight:400;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));text-decoration:underline}


.form-container .form .link:hover{text-decoration:none}


.form-container .form .back-link{color:#808080;font-weight:500;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));text-decoration:underline}


.form-container .form .title{font-size:calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));font-weight:500}


.form-container .form .label{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:#808080;font-weight:500;margin-bottom:5px}


.form-container .form  input:-webkit-autofill,
.form-container .form input:-webkit-autofill:hover,
.form-container .form  input:-webkit-autofill:focus,
.form-container .form  input:-webkit-autofill:active  {box-shadow: 0 0 0 30px #F2F2F2 inset !important;}


.form-container .form  textarea:-webkit-autofill,
.form-container .form  textarea:-webkit-autofill:hover,
.form-container .form  textarea:-webkit-autofill:focus,
.form-container .form  textarea:-webkit-autofill:active  {box-shadow: 0 0 0 30px #F2F2F2 inset !important;}


.form .mat-form-field-prefix .mat-icon, .form .mat-form-field-suffix .mat-icon{font-size:100%;color:#A1A1A1;}


.form .mat-form-field-prefix .mat-icon, .form .mat-form-field-suffix .mat-icon.visibility-eye{cursor: pointer;padding: 0;}


.form .mat-checkbox-layout .mat-checkbox-label{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#808080;}


.form .mat-checkbox-frame{border-color:rgba(0,0,0,.24);border-radius:4px;}


.form-container .form .mat-input-element,.form-container .form .mat-flat-button{width:100%;font-weight:500;color:#363636}


.form-container .form .mat-flat-button{outline:none;padding:0em 0em!important;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-radius:21px;-webkit-border-radius:21px;-moz-border-radius:21px;-ms-border-radius:21px;-o-border-radius:21px;height:36px;background-color:#5680E9;color:#ffffff;}


.form-container .form .error-box{padding-bottom:1.34375em;position:relative;}


.form-container .form .mat-error{font-size:11px;text-align:left;color:red;position:absolute;width:100%;}


/* .form-container .form .mat-form-field-wrapper{padding:0 !important;} */


.form-container .form .mat-form-field-wrapper .mat-form-field-underline{display:none}


.form-container .form .mat-form-field-appearance-fill .mat-form-field-flex{background-color:var(--text-field-background-color);padding:0 .75em!important;border-radius:21px;-webkit-border-radius:21px;-moz-border-radius:21px;-ms-border-radius:21px;-o-border-radius:21px}


.form-container
.form
.mat-form-field-wrapper
.mat-form-field-flex
.mat-form-field-prefix,.form-container
.form
.mat-form-field-wrapper
.mat-form-field-flex
.mat-form-field-suffix{bottom:-3px;cursor:pointer}


.mat-card .form
.mat-form-field-wrapper
.mat-form-field-flex
.mat-form-field-suffix{bottom:0px}


.form-container
.form
.mat-form-field-appearance-fill
.form-container .form .mat-checkbox .mat-checkbox-layout{white-space:break-spaces!important}


.form-container .form .mat-checkbox .mat-checkbox-inner-container{margin-top:5px}


@media screen and (max-width: 575px) {
  .form-container{width:100%;}
  .form-container .form{width:100%}
  .mat-form-field,.mat-form-field .mat-form-field-wrapper{width:100%}
}


/********** 5.10. Alert Message Popup **********/


.displayPopUpModel-alert-message-modal .nsm-content{width:100%;border-radius:20px;}


.displayPopUpModel-alert-message-modal-block{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem;}


.displayPopUpModel-alert-message-modal-block .image{width:78px;height:78px;}


.displayPopUpModel-alert-message-textni{margin-top:1rem;margin-bottom:0;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#808080;text-align:center;}


/********** 5.11. Card **********/


.card{width:100%;height:100%;border:1px solid #c9cad0;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;-ms-border-radius:20px!important;-o-border-radius:20px!important}


.card .link{font-family:"Open Sans", sans-serif;color:#666666;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));text-decoration:underline;font-weight:500}


.card .link:hover{text-decoration:none}


@media screen and (max-width: 1200px) {
  .card .mat-table{width:1200px !important}
}


/********** 5.12. Dropdown **********/


.mat-select-panel{position:relative;left:15px;top:47px;color:#5680e9;min-width:100%!important;border:1px solid #C4CADA;border-radius:8px!important;-webkit-border-radius:8px!important;-moz-border-radius:8px!important;-ms-border-radius:8px!important;-o-border-radius:8px!important}


.mat-select-panel.custom-multi-select-dropdown{left:40px;}


.dropdown.mat-form-field-appearance-outline .mat-form-field-outline{color:#828282;}


.mat-select-value-text span{font-weight:500!important;color:#0F172A!important;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)))!important}


@media screen and (max-width: 575px) {
  .mat-select-panel.custom-multi-select-dropdown.responsive{left:28px;}
}


/********** 5.13. Side Section **********/


.section-side-solid-box{background-color:#F2F4F6;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0;}


.section-side-solid-box .text{font-size:calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#283041;margin-bottom:0;}


.section-side-solid-box .sub-text{font-size:calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#283041;margin-bottom:30px;}


.section-side-solid-box .section-image{width:auto;}


.section-box{display:flex;flex-direction:column;justify-content:space-between;padding:50px 0 0;height:100%;}


.section-header{text-align:center;}


.section-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:30px 20px 0;}


/********** 5.14. Radio Button **********/


.mat-radio-container{width:16px!important;height:16px!important;}


.mat-radio-button.mat-accent .mat-radio-outer-circle,
.mat-radio-button.mat-accent .mat-radio-inner-circle{width:16px;height:16px;}


.mat-radio-button .mat-radio-ripple{width:35px!important;height:35px!important;left:calc(50% - 18px)!important;top:calc(50% - 18px)!important;}


.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{border-color:#5680E9!important;height:16px;width:16px;}


.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#5680E9!important}


/********** 5.15. Owl Carousel **********/


.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:block;}


.owl-carousel.owl-drag .owl-item{padding:0 1px}


.owl-carousel .owl-item .profile-pastclients-box img{height:40px;width:40px;border-radius:50%}


/*********** 5.16. Breadcrumb ***********/


.custom-bread-crumb{background-color: #fff !important;padding:0px!important;margin-bottom:0px !important;margin-bottom:8px !important;}


.custom-bread-crumb li a,
.custom-bread-crumb li span{color:#717682 !important;font-size:calc(11px + (12 - 11) * ((100vw - 300px) / (1600 - 300))) !important;font-weight:500;}


.custom-bread-crumb li a:hover{text-decoration: underline !important;}


.custom-bread-crumb .line{padding:0 3px;}


/*********** 5.17. Buttons ***********/


.primary-default-btn{color: #FFFFFF; background-color: #58B47C; border-radius: 22px; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;padding-left:25px; padding-right: 25px;}


.primary-default-btn:hover{color: #FFFFFF; background-color: #4FA270; border-radius: 22px; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight: 500; padding-left:25px; padding-right: 25px;}


.secondary-default-btn{color: #58B47C; background-color: #FFFFFF; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;font-family: Montserrat; border: 1px solid #58B47C; border-radius: 22px; padding-left:25px; padding-right: 25px;}


.secondary-default-btn:hover{color: #FFFFFF; background-color: #4FA270; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;font-family: Montserrat; border: 1px solid #58B47C; border-radius: 22px; padding-left:25px; padding-right: 25px;}


/*-----------------------------------------------
6. Dashboard
-----------------------------------------------*/


/* .dashboard .title {color:#333333;font-size:calc(24px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));font-weight:700;margin:30px 0;} */


.dashboard .sub-title{color:#363636;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;margin-bottom:16px;}


.dashboard .card-inner-background{width:100%;min-height:155px;border-top-left-radius:20px;border-top-right-radius:20px}


.profile-color {background-color:#EBF1FF;}


.contract-color {background-color:#EBF1FF;}


.employee-color {background-color:#F4EEFF;}


.client-color {background-color: #E5F6FF;}


.dashboard .main-card.disabled, .dashboard .small-card.disabled, .dashboard .calendar-card.disabled, .dashboard .billing-card.disabled, .dashboard .messages-card.disabled{opacity: 0.4;}


.dashboard .main-card{min-width:383px;/*max-width:383px*/}


.dashboard .content-box{padding:20px 20px 20px 0}


.dashboard .main-card .text{color:#262A53;font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));margin-bottom:0px!important;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.dashboard .main-card .sub-text{font-family:"Open Sans", sans-serif;color:#686868;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:500;word-break:keep-all;-webkit-hyphens:auto;hyphens:auto;}


.dashboard .main-card .sub-text.country{margin-bottom:24px!important}


.dashboard .main-card .content-box .bottom-space{margin-bottom:5px!important}


.dashboard .main-card .sub-text.sub-text-project{margin-right:10px}


.dashboard .main-card .purple-text{font-family:"Open Sans", sans-serif;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600}


.dashboard .main-card .sub-text.sub-text-revenue{margin-right:6px}


.dashboard .main-card .link-box,.dashboard .small-card .link-box{padding:20px}


.dashboard .main-card .link-box .link{color:#666666;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;/*text-decoration:underline!important;*/}


.dashboard .small-card{min-width:90px}


.dashboard .link-box .link{color:#666666;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;text-align:right;}


.dashboard .link-box .link:hover{text-decoration:underline!important;}


.dashboard .small-card .link-box .link{color:#666666;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;text-align:right;/*text-decoration:underline!important;*/}


.dashboard .small-card .text{font-size:calc(50px + (52 - 50) * ((100vw - 300px) / (1600 - 300)))!important;margin-left:19.5px!important;margin-top:19.5px!important}


.dashboard .small-card .sub-text{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));color: #262A53}


.profile-photo{/*font-size:calc(24px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));*/font-weight:700;color:#ffffff;background-color:#5680E9;width:105px;height:105px;border-radius:160px;display:inline-flex;justify-content:center;align-items:center;word-break: break-word;text-align: center;-webkit-hyphens: auto;hyphens: auto;}


.profile-photo.employee-profile-photo{width:50px;height:50px;font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)))}


.profile-photo.dashboard-no-profile-img{width:150px;height:150px;}


.profile-photo.dashboard-no-profile-img.view-profile{min-width:100px;max-width:100px;height:100px}


.dashboard .buttom-row{margin-top:10px}


.dashboard .buttom-row .sub-title{width: -moz-max-content;width: max-content}


.dashboard .calendar-card{min-width:384px}


.dashboard .billing-card{min-width:153px;height:calc(100% - 36px)!important}


.dashboard .messages-card{min-width:150px;height:380px!important}


.dashboard .card .messages-box{height:90%;overflow-x:hidden;overflow-y:auto;}


.dashboard .card .messages-box-content{height:100%}


.dashboard .card .messages-box-content perfect-scrollbar,
.dashboard .card .messages-box-content perfect-scrollbar>.ps{border-radius:20px;}


.dashboard .card .messages-box-content .message{border-bottom:1px solid #eee}


.dashboard .card .messages-box-content .message:last-child{border-bottom:none}


.dashboard .card .messages-box-content .message.active{background-color:var(--card-inner-background-color);border-top-left-radius:20px;border-top-right-radius:20px}


.dashboard .card .messages-box-content .message.active .message-text{color:var(--purple-text-color)!important;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.dashboard .card .messages-box .message{cursor:pointer}


.dashboard .card .messages-box .message .img-box{margin-top:0px!important;margin-left:21.5px!important;margin-right:15px!important}


.dashboard .card .messages-box .message .img-box img{width:35px;height:35px;border-radius:50%}


.dashboard .card .messages-box .message .content{padding-top:19.5px}


.dashboard .card .messages-box .message .message-text{font-family:"Open Sans", sans-serif;padding-top:17px;padding-left:23px;padding-right:23px;padding-bottom:23px;margin-bottom:0!important}


.dashboard .card .messages-box .message .message-time{padding-right:18.5px}


.bill-matmenu.mat-menu-panel{border:1px solid #828282;border-radius:24px;}


.bill-matmenu .mat-menu-item{height:38px;line-height:38px;font-family:"Open Sans", sans-serif;font-weight:500;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));}


.opacity-4{opacity:.4}


.card-inner-background .mat-card-content{margin-bottom:0;}


.img-box{margin-left:16.5px;margin-right:17px}


.month-btn.mat-button{border-radius:20px;border:0.5px solid #828282;padding:0 .55rem 0 1rem;}


.message-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:#171725;margin-bottom:2px}


.message-text{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#999999;}


.message-text-id {font-family:"Open Sans", sans-serif;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#999999;}


.message-time{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#999999;text-align:end}


.dashboard .main-card .profile-progress-section {display:flex;align-items:center;justify-content:space-between;height:100%;}


.dashboard .main-card .progress-spinner-content{display:flex;align-items:center;}


.dashboard .main-card .progress-spinner-content .progress-spinner-box{display:flex;flex-direction:column;justify-content:center;align-items:stretch;align-content:stretch;position:relative;margin-right:7px;margin-left: 16.5px;}


.dashboard .main-card .progress-spinner-content .text {font-size:calc(9px + (11 - 9) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#666666;}


.dashboard .main-card .progress-spinner-content .progress-spinner-box .progress-spinner-background-text{position:absolute;text-align:center;left:0;right:0;font-size:calc(6px + (7 - 6) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#666666;}


.dashboard .main-card .progress-spinner-content .progress-spinner-box .mat-progress-spinner.progress-spinner{width:26px!important; height:26px!important;}


.dashboard .main-card .progress-spinner-content .progress-spinner-box .mat-progress-spinner.progress-spinner svg {width:26px!important; height:26px!important;}


.dashboard .main-card .progress-spinner-content .progress-spinner-box .mat-progress-spinner.progress-spinner circle,
.dashboard .main-card .progress-spinner-content .progress-spinner-box .mat-progress-spinner.progress-spinner .mat-spinner circle{stroke:#5AB9EA;stroke-linecap:round;stroke-width:5px!important;}


.dashboard .dashboard-card-wrapper{overflow: hidden;}


.dashboard-card-inner-section-scroll{max-height: 432px;}


.dashboard-section .card-data-section-wrapper{display: flex; justify-content: space-between; align-items: center;}


.data-card-padding{padding: 1.5rem 1.5rem;}


.date-padding{padding: 1rem 1rem;}


.interview-date-section{font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));color: #0F172A; font-weight: 600;}


.past-interview-date{color:#9E9E9E;}


.interview-timing{font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color: #5680E9; font-weight: 500;}


.interview-time-over{color:#B8B8B8;}


.data-card-padding:hover{background-color: #EBF1FF;}


.card-time-padding {  display: flex;flex-wrap: wrap-reverse;gap:1rem; justify-content: space-between; align-items: center; padding-right: 1rem;}


.dashboard .card .talent-profile-section .card-wrapper-header .card-container-title {font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));color: #0F172A; font-weight: 600;}


.dashboard .card .talent-profile-section .card-wrapper-header .card-container-title-gray {font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));color: #8A8D97; font-weight: 600;}


.dashboard .card.talent-card.talent-card-profile-section { overflow: hidden;}


.dashboard .dashboard-data-card-section-wrapper .contract-header-section .body-text-1 { font-weight: 600; margin-bottom: 4px;}


.dashboard .dashboard-data-card-section-wrapper .contract-header-section .body-text-3 { margin-bottom: 4px;}


.dashboard .dashboard-data-card-section-wrapper .contract-header-section .text-color-light { color: #717682;}


.contract-card-sub-details { display: flex; flex-wrap: wrap; align-items: center;}


.contract-profile-img{width: 48px; height: 48px;border-radius: 100%;}


.dashboard-data-card-section-wrapper{display: flex; flex-direction: row !important;justify-content: flex-start !important; gap: 20px; align-items: center;}


.contract-header-section{display:flex; flex-direction: column;}


.time-and-menu-flex{display: flex; justify-content: space-between;align-items: center;}


.menu-for-edit-contract { margin: -30px 0px;}


.interview-talent-center{display: flex;justify-content: center;align-items: center;min-height: 18.75rem;}


@media screen and (max-width: 1499px) {
  .dashboard .main-card{min-width:280px;max-width:280px}
  .dashboard .calendar-card{/*max-width:280px;*/min-width:280px}
  .dashboard .messages-card{min-width:150px;height:296px!important}
  .dashboard .card .messages-box .mat-card-content{margin-left:10px!important}
  .dashboard .img-box{align-items:flex-start!important;margin-top:20px}
  .dashboard .img-box .profile-photo{width:65px;height:65px}
}


@media screen and (max-width:1399px) {
  .dashboard .title {margin:15px 0;}
  .dashboard .small-card .link-box,
  .dashboard .main-card .link-box{padding:20px 15px;}
}


@media screen and (max-width: 1299px) {
  .dashboard .main-card{min-width:280px;max-width:100%}
  .dashboard .calendar-card{min-width:280px;max-width:100%}
}


@media screen and (max-width: 1199px) {
  .dashboard .messages-card{height:380px!important;}
  .dashboard .img-box{align-items:center!important;margin-top:0px;}
  .dashboard .img-box .profile-photo{width:105px;height:105px;}
  .dashboard .small-card .link-box,
  .dashboard .main-card .link-box{padding:20px;}
}


@media screen and (max-width: 992px) {
  .dashboard .calendar-card {min-width: 100%}
}


@media screen and (max-width: 767px) {
  .dashboard .main-card{width:100%;min-width:100%;max-width:100%;}
  .dashboard .small-card{width:100%;min-width:100%;max-width:100%;}
  .dashboard .height-medium{width:100%;min-width:100%;max-width:100%;}
  .dashboard .height-auto{height:auto!important;}
  .main-card .card .card-content{width:100%}
}


@media screen and (max-width: 635px) {
  .dashboard .img-box{margin-top:20px;align-items:flex-start!important}
  .dashboard .img-box .profile-photo{width:65px;height:65px}
}


@media screen and (max-width: 575px) {
  .dashboard .height-small{min-width:100%}
  .dashboard .height-large{min-width:100%}
  .dashboard-data-card-section-wrapper {gap: 10px;}
  .dashboard .img-box .profile-photo{ width:80px; height:80px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
}


@media screen and (max-width: 360px) {
  .dashboard .main-card .card-inner-background {min-height:auto;flex-wrap:wrap}
  .dashboard .card-inner-background .box {justify-content:center}
  .dashboard .card-inner-background .img-box {margin-top:20px;width:100%;justify-content:center}
  .dashboard .main-card .content-box{padding:20px!important;display:flex;justify-content:center;align-items:center;flex-direction:column;}
}


/*-----------------------------------------------
7. Contracts
-----------------------------------------------*/


.contracts .info-card{padding:20px!important}


.contracts .info-card .text{font-size:calc(40px + (42 - 40) * ((100vw - 300px) / (1600 - 300)));font-weight:500;margin-bottom:8px!important}


.contracts .info-card .sub-text{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));color:#262A53;font-weight:600}


.contracts .height-medium{width:100%;height:285px}


.contracts .height-large{width:100%;height:368px}


.contracts .height-extra-large{width:100%;max-height:800px}


.contracts .chart-section-height{height:calc(100% - 90px)}


.contracts .carousel-card-height{min-width:100%;height:189px}


.contracts .card.carousel-card .tag{display:flex;justify-content:center;align-items:center;width:76px;height:24px;margin-right:5px;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}


.contracts .card.carousel-card .tag.purple-tag{background-color:#f4eeff;color:#8860d0}


.contracts .card.carousel-card .tag.blue-tag{background-color:#eef3ff;color:#5680e9}


.contracts .card.carousel-card .text{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));margin-top:0!important}


.contracts .card.carousel-card .sub-text{font-family:"Open Sans", sans-serif;font-size:calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;}


.contracts .card.carousel-card .mat-icon{display:flex;justify-content:center;align-items:center;font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)))}


.contracts .card.carousel-card .image-overlap-box{display:flex}


.contracts .card.carousel-card .image-overlap-box img{border:1px solid #fff;border-radius:50%}


.contracts .card.carousel-card .image-overlap-box img:nth-child(1){position:relative;right:-45px}


.contracts .card.carousel-card .image-overlap-box img:nth-child(2){position:relative;right:-30px}


.contracts .card.carousel-card .image-overlap-box img:nth-child(3){position:relative;right:-15px}


.contracts .card.carousel-card .image-overlap-box .count{position:relative;right:0;display:flex;align-items:center;background-color:#5ab9ea;color:#fff;border-radius:50%;padding:3px 11px;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));border:1px solid #fff}


.contracts .card.contract-table .mat-form-field-appearance-legacy .mat-form-field-underline{height:0!important}


.contracts .card.contract-table .mat-form-field-appearance-legacy .mat-form-field-ripple{height:0!important}


.contracts .card.contract-table .mat-paginator-container{padding:8px 0!important}


.contracts .card.contract-table .mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:rgba(0,0,0,.54)!important}


.contracts .card.contract-table{position:relative}


.contracts .card.contract-table::before{position:absolute;content:'';width:calc(100% - 2rem);height:2px;background-color:#828282;top:70px;left:0;right:0;margin:0 auto;z-index:101;}


.contracts .card.contract-table.client-contract-table{padding-right:0}


.contracts .card.contract-table.mat-card{padding:16px 0 16px 16px;}


.contracts .card.contract-table perfect-scrollbar{padding-right:16px;}


.action-btn img{height:20px;}


/*-----------------------------------------------
8. Calendar
-----------------------------------------------*/


.calendar{display:flex;flex-direction:column;}


.calendar .calendar-action-box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:20px;}


.calendar .calendar-action-box .inner-box{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;}


.calendar .calendar-action-box .custom-dropdown.all .mat-form-field-wrapper{padding-bottom:0;}


.calendar .calendar-action-box .square-gray-btn{background-color:var(--gray-50); color:var(--gray-600); padding:8px 16px; margin-right:12px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }


.calendar .calendar-action-box .square-gray-btn:hover{background-color:var(--gray-0);}


.calendar .calendar-action-box .circle-white-btn{background-color:var(--white-color);padding:6px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }


.calendar .calendar-action-box .circle-white-btn:hover{background-color:var(--gray-0);}


.calendar .calendar-action-box .circle-white-btn .icon{fill:var(--gray-600);width:24px;height:24px;}


.calendar .calendar-action-box .body-text-1{color:var(--gray-600);margin:0 12px;}


.calendar .main-view .cal-month-view{ border:1px solid #D3D4D9; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }


.calendar .main-view .cal-month-view .cal-header .cal-cell{padding:20px 0;font-size:var(--body-text-3-font-size);font-weight:var(--font-weight-500); color:var(--font-color); line-height:var(--font-line-height); word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);}


.calendar .main-view .cal-month-view .cal-day-cell.cal-today{background-color:var(--white-color);}


.calendar .main-view .cal-month-view .cal-cell-row .cal-cell:hover,
.calendar .main-view .cal-month-view .cal-cell.cal-has-events.cal-open{background-color:var(--gray-0);}


.calendar .main-view .cal-month-view .cal-cell-row.cal-header:hover,
.calendar .main-view .cal-month-view .cal-cell-row.cal-header .cal-cell:hover{background-color:var(--white-color);}


.calendar .main-view .cal-month-view .cal-cell-row:hover{background-color:#fafafa80;}


.calendar .main-view .cal-month-view .cal-cell-row .cal-cell:hover .cal-day-badge,
.calendar .main-view .cal-month-view .cal-cell.cal-has-events.cal-open .cal-day-badge{background-color:var(--white-color);}


.calendar .main-view .cal-month-view .cal-day-badge{ margin-top:20px; margin-left:20px;padding:4px 8px; background-color:var(--gray-0); color:var(--dark-green-color) !important; font-size:var(--caption-font-size); font-weight:var(--font-weight-600); color:var(--font-color); line-height:var(--font-line-height); word-break:var(--font-word-break); hyphens:var(--font-hyphens); -webkit-hyphens:var(--font-hyphens); -moz-hyphens:var(--font-hyphens); -ms-hyphens:var(--font-hyphens); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.calendar .main-view .cal-month-view .cal-events{margin:0 20px 20px 20px;}


.calendar .main-view .cal-month-view .cal-events .cal-event{width:8px;height:8px;}


.calendar .main-view .cal-month-view .cal-day-cell.cal-today .cal-day-number,
.calendar .main-view .cal-month-view .cal-day-cell.cal-weekend .cal-day-number,
.calendar .main-view .cal-month-view .cal-day-number{font-size:var(--body-text-1-font-size); font-weight:var(--font-weight-500); color:var(--font-color); line-height:var(--font-line-height);margin:20px 20px 0 20px;word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);opacity:1;}


.calendar .main-view .cal-month-view .cal-day-cell.cal-today .cal-day-number{ background-color:var(--blue-color); color:var(--white-color); display:flex; justify-content:center; align-items:center; margin:14px 11px 0 11px; width:36px; height:36px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.calendar .main-view .cal-month-view .cal-day-cell.cal-out-month .cal-day-number{opacity:1;color:var(--gray-300);}


.calendar .main-view .cal-month-view .cal-day-cell.cal-out-month.cal-today .cal-day-number{color:var(--white-color);opacity:0.5;}


.calendar .main-view .cal-month-view .cal-days{border:none;}


.calendar .main-view .cal-month-view .cal-days .cal-cell-row{border-bottom:none;border-top:1px solid var(--gray-50);}


.calendar .main-view .cal-month-view .cal-day-cell:not(:last-child){border-right-color:var(--gray-50);}


.calendar .main-view .cal-month-view .cal-days .ng-star-inserted:last-child .cal-cell-row .cal-cell:first-child{border-bottom-left-radius:22px;}


.calendar .main-view .cal-month-view .cal-days .ng-star-inserted:last-child .cal-cell-row .cal-cell:last-child{border-bottom-right-radius:22px;}


.calendar .main-view .cal-month-view .cal-header{border-top-left-radius:22px;border-top-right-radius:22px;}


.calendar .main-view .cal-month-view .cal-header .cal-cell:first-child{border-top-left-radius:22px;}


.calendar .main-view .cal-month-view .cal-header .cal-cell:last-child{border-top-right-radius:22px;}


.calendar .main-view .cal-month-view .cal-open-day-events{padding:20px;}


.calendar .main-view .cal-month-view .cal-open-day-events{background-color:var(--white-color);box-shadow: none;border-top:1px solid var(--gray-50);}


.calendar .main-view .cal-month-view .cal-event-title{color:var(--gray-600);font-size:var(--body-text-3-font-size);font-weight:var(--font-weight-500); color:var(--font-color); line-height:var(--font-line-height);margin:0;padding:12px 16px 12px 0px; word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);}


.calendar .main-view .cal-month-view .cal-open-day-events div { width:-moz-fit-content; width:fit-content; background-color: var(--gray-0); padding:8px 0px 8px 16px; margin-bottom:12px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }


.calendar .main-view .cal-month-view .cal-open-day-events div:last-child{margin-bottom:0;}


.calendar .main-view .cal-month-view .cal-open-day-events .cal-event{top:1px;width:8px;height:8px;}


.calendar .main-view .cal-week-view .cal-event{color:var(--white-color);font-weight:var(--font-weight-500);}


.calendar .main-view .cal-week-view .cal-header.cal-weekend span{color:inherit;}


.action-modal.small-modal .modal-body .secondary-small-btn.blue-btn{background-color: var(--blue-color);color:var(--white-color);border:1px solid var(--blue-color);}


.action-modal.small-modal .modal-body .secondary-small-btn.blue-btn.button-with-img{gap: 8px; display: flex; align-items: center; width: -moz-fit-content; width: fit-content; padding: 8px 18px;}


.action-modal.small-modal .modal-body .secondary-small-btn.blue-btn:hover{background-color: var(--dark-blue-color);}


.action-modal.small-modal .details-box{display:flex;margin-top:24px;flex-wrap:wrap;}


.action-modal.small-modal .details-box .body-text-3{color:var(--gray-800);}


.action-modal.small-modal .details-box .body-text-3.light-text{color:var(--gray-400);margin-right:8px;}


.action-modal.small-modal .note-box{display:flex;background-color:var(--gray-0);color:var(--gray-600);padding:8px 16px;margin:24px 0;}


.action-modal.small-modal .modal-dialog .modal-content .modal-body .card .title{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#282F40;margin-bottom:8px !important;text-align:start; word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.action-modal.small-modal .modal-dialog .modal-content .modal-body .card .sub-title{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#595E6C;margin-bottom:8px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.action-modal.small-modal .modal-dialog .modal-content .modal-body .card .sub-title .text-highlight{color:#4FA270;font-weight:700;}


.action-modal.small-modal .modal-dialog .modal-content .modal-body .card .sub-title{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#595E6C;margin-bottom:8px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.action-modal.small-modal .modal-dialog .modal-content .modal-body .card .text{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#595E6C;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.action-modal.small-modal .modal-dialog .modal-content .modal-body .card .card-image{width:80px;height:80px;}


.mat-calendar .custom-date-class {background: orange;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;}


.calendar .main-view perfect-scrollbar{border-bottom-left-radius: 21px;border-bottom-right-radius: 21px;}


.calendar .main-view perfect-scrollbar .ps-content{min-width: 800px;}


@media screen and (max-width: 575px) {
  .calendar .calendar-action-box .inner-box{margin-bottom:12px;justify-content:space-between;align-items:baseline; width:100%;border-bottom: 1px solid var(--gray-50);}
}


/* .cal-month-view .bg-purple{background-color:#8860d0 !important;color:#fff !important}
.mat-calendar-body-selected{ border:none; border-radius:20px!important; -webkit-border-radius:20px!important; -moz-border-radius:20px!important; -ms-border-radius:20px!important; -o-border-radius:20px!important;background-color:#078a4a}
.calendar .left-side{min-width:384px;margin-right:30px}
.calendar .left-side .text-head{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:#666666;font-weight:700}
.calendar .left-side .text-data{font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));color:#666666;font-weight:500}
.calendar .left-side .text-data.date{color:#5680E9;font-family: "Montserrat", sans-serif;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));}
.calendar .left-side .table-space{padding:0 11px!important}
.calendar .right-side .mat-card perfect-scrollbar{border-radius:20px}
.calendar .right-side{width:100%}
.calendar .sub-title{margin-top:40px!important}
.calendar .this-week-card{height:245px!important}
.calendar .card .btn-group{margin-right:10px}
.calendar .card .mat-table{width:100%!important}
.calendar .card .mat-table thead{border-bottom: 0!important}
.calendar .card .mat-table .mat-row,
.calendar .card .mat-table .mat-header-row,
.calendar .card .mat-table .mat-footer-row,
.calendar .card .mat-table th.mat-header-cell,
.calendar .card .mat-table td.mat-cell,
.calendar .card .mat-table td.mat-footer-cell {border-bottom-color: #eee;}
.calendar .divider{border:1px solid #707070;margin-top:7px;margin-bottom:7px}
.calendar .mat-flat-button{display:flex;align-content:center;justify-content:center}
.calendar .mat-flat-button.active{color:var(--purple-text-color);font-weight:600}
.calendar .mat-form-field .mat-icon-button:hover {background-color: transparent !important}
.calendar .mat-form-field .mat-datepicker-toggle-default-icon{width:20px!important}
.calendar .mat-form-field .mat-form-field-flex{display:flex;align-items:center;padding:0!important;background-color:transparent;color:#999;width:132px;height:36px;border:.5px solid #999;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}
.calendar .mat-form-field .mat-input-element{padding-left:6px;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)))}
.calendar .mat-form-field .mat-form-field-flex .mat-form-field-infix{padding:0!important}
.calendar .mat-form-field .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper{display:none}
.calendar .mat-form-field .mat-form-field-underline::before{display:none}
.calendar .mat-form-field .mat-form-field-underline .mat-form-field-ripple{height:0!important}

.calendar .cal-month-view{border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:transparent}
.calendar .cal-month-view .cal-header{height:58px;border-top:.5px solid var(--calendar-border-color);font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500}
.calendar .cal-month-view .cal-header .cal-cell{display:flex;justify-content:center;height:100%;border:1px solid transparent;border-right:.5px solid var(--calendar-border-color)}
.calendar .cal-month-view .cal-header .cal-cell:hover{background-color:transparent}
.calendar .cal-month-view .cal-header.cal-cell-row:hover{background-color:transparent}
.calendar .cal-month-view .cal-header .cal-cell.cal-today{color:var(--dark-blue-text-color)}
.calendar .cal-month-view .cal-header .cal-cell:last-child{border-right-color:transparent}
.calendar .cal-month-view .cal-days{border-left:0;border-right:0}
.calendar .cal-month-view .cal-days .cal-cell-row{border-bottom-color:var(--calendar-border-color)}
.calendar .cal-month-view .cal-days .ng-star-inserted:last-child .cal-cell-row{border-bottom:0}
.calendar .cal-month-view .cal-day-number{font-family:"Open Sans", sans-serif;margin-left:15px;float:left;font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#666!important;opacity:1}
.calendar .cal-month-view .cal-day-cell.cal-out-month .cal-day-number{opacity:1;color:#CBCBCB!important}
.calendar .cal-month-view .cal-day-cell.cal-today .cal-day-number{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)))}
.calendar .cal-month-view .cal-day-cell.cal-today{background-color:#84ceeb}
.calendar .cal-month-view .cal-day-badge{background-color:#1e90ff;color:#fff}
.calendar .cal-month-view .cal-cell-top{min-height:120px;}
.calendar .cal-month-view .cal-cell-row .cal-cell{border:1px solid transparent;border-right:.5px solid var(--calendar-border-color)}
.calendar .cal-month-view .cal-cell-row .cal-cell:last-child{border-right-color:transparent}
.calendar .cal-month-view .cal-days .cal-cell-row .cal-cell:hover,.calendar .cal-month-view .cal-days .cal-cell.cal-has-events.cal-open{border:1px solid var(--dark-blue-text-color)!important}
.calendar .cal-month-view .ng-star-inserted:last-child .cal-cell-row .cal-cell:first-child:hover{border-bottom-left-radius:20px}
.calendar .cal-month-view .ng-star-inserted:last-child .cal-cell-row .cal-cell:last-child:hover{border-bottom-right-radius:20px}
.calendar .cal-month-view .ng-star-inserted:last-child .cal-cell-row:hover{border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.calendar .cal-week-view{border-top:solid .5px var(--calendar-border-color);border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.calendar .cal-week-view .cal-day-headers .cal-header b{font-weight:500}
.calendar .cal-week-view .cal-day-headers .cal-header span{font-weight:500;color:#666}
.calendar .cal-week-view .cal-time-events{border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-color:var(--calendar-border-color);border-left:0;border-right:0;border-bottom:0;height:645px;overflow:auto}
.calendar .cal-week-view .cal-time-events .cal-time-label-column .cal-hour:last-child{border-bottom-left-radius:20px}
.calendar .cal-week-view .cal-time-events .cal-day-columns .cal-day-column:last-child .cal-hour:last-child{border-bottom-right-radius:20px}
.calendar .cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-day-column:last-child .cal-hour:last-child .ng-star-inserted:last-child .cal-hour-segment:hover{border-bottom-right-radius:20px}
.calendar .cal-week-view .cal-starts-within-day:last-child .cal-event{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}
.calendar .cal-week-view .cal-day-headers{border-color:var(--calendar-border-color);border-top-color:var(--calendar-border-color);font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-left:0;border-right:0;padding-right:15px}
.calendar .cal-week-view .cal-all-day-events{border-color:var(--calendar-border-color);border-left:0;border-right:0;padding-right:15px}
.calendar .cal-week-view .cal-all-day-events .cal-day-columns{padding-right:15px}
.calendar .cal-week-view .cal-time-label-column{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)))}
.calendar .cal-week-view .cal-day-column{border-left-color:transparent!important}
.calendar .cal-day-badge{margin-right:10px}

@media screen and (max-width: 1400px) {
  .calendar .left-side{min-width: 300px}
}

@media screen and (max-width: 1199px) {
  .calendar .left-side{min-width: 284px}
  .calendar .right-side{max-width:936px}
}

@media screen and (max-width: 992px) {
  .calendar .left-side{min-width: 220px}
  .calendar .card .btn-group{margin-right:0px}
  .calendar .divider{margin-right:0px!important;margin-left:0px!important}
}

@media screen and (max-width: 920px) {
  .calendar .calendar-box{flex-direction:column!important;}
  .calendar .left-side{width:100%;margin-right:0}
  .calendar .right-side{width:100%;margin-top:40px}
  .calendar .card .calendar-card{min-width:1000px;width:100%}
  .calendar .this-week-card{height:400px !important}
} */


/*-----------------------------------------------
9. Change Password
-----------------------------------------------*/


.main-container .change-password .main-content-box .card-container{padding-top:.7em!important; width:400px;}


.main-container .change-password .main-content-box .card-container .btn{background-color:#5EC090;color:#fff;padding:8px 42px;font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-radius:20px;margin-right:15px;}


@media screen and (max-width: 575px){
  .main-container .change-password .main-content-box .card-container{width:100%;}
  .change-password .form-container .main-card {width:100%}
}


/*-----------------------------------------------
10. Country Phone Code Dropdown
-----------------------------------------------*/


.custom-country-phone-code-dropdown .iti{width:100%;}


.custom-country-phone-code-dropdown .iti input,
.custom-country-phone-code-dropdown .iti input[type=text],
.custom-country-phone-code-dropdown .iti input[type=tel]{background-color:var(--gray-0);width:100%;padding:14px 16px;font-size:var(--body-text-3-font-size) !important;font-weight:var(--font-weight-500) !important;color:var(--gray-800) !important;border-radius:10px;-webkit-border-radius:5px;}


.custom-country-phone-code-dropdown.tel-input-error .iti input[type=tel]{border-bottom:2px solid #f44336;}


.custom-country-phone-code-dropdown .iti .selected-dial-code{color:#0F172A;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.custom-country-phone-code-dropdown .iti input::-moz-placeholder{color:#C0C3C9;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.custom-country-phone-code-dropdown .iti input::placeholder{color:#C0C3C9;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.custom-country-phone-code-dropdown .iti__selected-flag{display:flex;justify-content:flex-start;padding:0 16px;}


.custom-country-phone-code-dropdown .iti--allow-dropdown .iti__flag-container .iti__selected-flag{background-color:transparent;}


.custom-country-phone-code-dropdown .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:transparent;}


.custom-country-phone-code-dropdown .iti .country-dropdown.dropdown-menu{width:250px;}


.custom-country-phone-code-dropdown .iti input#country-search-box{padding-left:15px!important;padding-right:15px;}


.poc-modal .custom-country-phone-code-dropdown .iti .country-dropdown.dropdown-menu{width:-moz-fit-content !important;width:fit-content !important;margin-top: 0.2rem !important;}


/*-----------------------------------------------
11. Modal
-----------------------------------------------*/


.modal.nsm-dialog.nsm-centered{justify-content:center}


.modal .nsm-content{border-radius:20px;min-width:395px;margin-top:64px;margin-bottom:0!important}


.modal .title{font-size:calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300)));color:#333;font-weight:700;text-align:center;margin:0!important}


.modal .title.margin{margin-bottom:30px!important}


.modal .content{padding:0 35px}


.modal .form{display:flex;justify-content:flex-start;flex-direction:column;}


.modal .form .label{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:gray;margin-top:30px;margin-bottom:10px}


.modal .modal-btn{background-color:#5AB9EA;color:#fff;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-radius:20px;padding:9px 47px;margin-top:30px;margin-bottom:20px}


.modal .modal-btn:hover{background-color:#5CACD6}


.modal .modal-btn-outline{border:.5px solid #828282;color:#999;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-radius:20px;padding:9px 25px;margin-right:20px}


.modal .modal-btn-outline:hover{background-color:#5AB9EA;border:.5px solid #5AB9EA;color:#fff}


.modal .modal-link{color:#5680E9;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));text-decoration:underline;padding:0!important;margin-top:20px;margin-bottom:34px}


.modal .modal-link:hover{color:#4E69AD}


.modal .mat-form-field,
.modal .mat-form-field-infix{width:100%;}


.modal .mat-form-field-appearance-outline .mat-form-field-flex{background-color:#F2F2F2;border-radius:20px;}


.modal .mat-form-field .mat-form-field-infix{padding-top:.7em!important;padding-bottom:.7em!important;}


.modal .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{margin:1.5rem 0 0 0;}


.modal .mat-input-element {font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); color: #363636; font-weight: 600;}


.modal-dialog {margin-top:0;margin-bottom:0;display:flex;justify-content:center;height:auto}


.modal .user-list-modal .user-list-box{height:200px;}


.modal .user-list-modal .user-list{cursor:pointer;font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.modal .user-list-modal .user-list:hover::after{content:'>';margin-left:10px;}


@media screen and (max-width: 767px) {
  .modal-content {width:100%!important;}
}


@media screen and (max-width: 575px) {
  .modal .nsm-content{min-width:100%}
}


/********** 11.1. OTP Input **********/


.otp-input-container{display:flex;justify-content:center;margin:30px 0 auto;}


.otp-input-container .otp-input.custom-otp-input{width:30px;height:30px;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#0F172A;border:0;border-bottom:2px solid #C4CADA;border-radius:0;}


/********** 11.2. Confirmation Modal **********/


.confirmation-modal .modal-dialog{max-width:320px;margin:.5rem auto;max-height:-moz-max-content;max-height:max-content;}


.confirmation-modal .modal-header{padding:15px;border-bottom:1px solid #D9DBDF;display:flex;justify-content:center;}


.confirmation-modal .modal-header .modal-title{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#363636;}


.confirmation-modal .modal-body{margin:30px 25px;padding:0;}


.confirmation-modal .modal-body .modal-title{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#363636;margin-bottom:0;text-align:center;}


.confirmation-modal .modal-footer{padding:8px 12px;display:flex;justify-content:center;}


.confirmation-modal .modal-footer .btn{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-radius:20px;padding:6px 0;width:100px;}


.confirmation-modal .modal-footer .btn.btn-active{background-color:#5EC090;color:#fff;margin-right:8px;}


.confirmation-modal .modal-footer .btn.btn-active:hover{background-color:#4c9b74;}


.confirmation-modal .modal-footer .btn.btn-outline-active{background-color:#fff;color:#5EC090;border:1px solid #5EC090;border-radius:21px;}


.confirmation-modal .modal-footer .btn.btn-outline-active:hover{background-color:#5EC090;color:#fff;}


.confirmation-modal .modal-footer .btn.btn-active:focus,
.confirmation-modal .modal-footer .btn.btn-outline-active:focus{box-shadow: 0 0 0 0.25rem #5EC09045;}


/********** 11.3. Profile Modal **********/


.profile-modal .modal-body .form .btn-error.mat-form-field .mat-form-field-infix{display: none;}


.profile-modal .modal-body .form .btn-error.mat-form-field-appearance-legacy .mat-form-field-underline{display: none;}


.role-management-modal .modal-body .modal-title { font-size: 1.5rem;}


.profile-modal{z-index:1050;}


.profile-modal .modal-dialog{max-width:665px;max-height:auto;margin:1.7rem auto;}


.profile-modal .modal-body{padding: 20px 30px;}


.profile-modal .modal-body .profile-upload-button{ font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); color:#8D929B; font-weight:500; border: 1px solid #8D929B; border-radius: 100px; background-color: transparent; padding: 5px 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; }


.profile-modal .modal-body .profile-upload-size-info {font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); padding-top:4px;white-space: nowrap;}


.profile-modal .modal-body .profile-image-container {display:flex; align-items: center; padding-bottom: 20px;}


.profile-modal .modal-body .profile-image-container .image-with-cancel-btn{position:relative;}


.profile-modal .modal-body .profile-image-container .image-with-cancel-btn .cancel{position:absolute;left: 75px;top: 5px;background-color: #fff;color: #5ec090;border: 2px solid #5ec090;border-radius: 50%;display: flex;justify-content: center;align-items: center;width:24px;height:24px;}


.profile-modal .modal-body .profile-image-container .image-with-cancel-btn .cancel .mat-icon{width:20px;height:20px;}


.profile-modal .modal-body .profile-image-container .image-with-cancel-btn .cancel .material-icons{font-size:20px;}


.profile-modal .modal-header{padding:20px 30px;border-bottom:1px solid #D9DBDF;}


.profile-modal .modal-header .modal-title{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#363636;}


.profile-modal .modal-body .modal-text{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;margin-bottom:0;text-align:center;}


.profile-modal .modal-body .modal-text.top-space{margin-top:30px;}


.profile-modal .modal-body .modal-link{color:#5680E9;text-decoration:none;}


.profile-modal .modal-body .modal-link:hover{text-decoration:underline;}


.profile-modal .modal-footer{padding:20px 30px;display:flex;justify-content:flex-start;}


.profile-modal .modal-footer .btn{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-radius:20px;margin-right:15px;}


.profile-modal .modal-footer .btn.btn-active{background-color:#5EC090;color:#fff;padding:8px 42px}


.profile-modal .modal-footer .btn.btn-active:hover{background-color:#4c9b74;}


.profile-modal .modal-footer .btn.btn-outline-active{background-color:#fff;color:#5EC090;border:1px solid #5EC090;border-radius:21px;padding:8px 42px}


.profile-modal .modal-footer .btn.btn-outline-active:hover{background-color:#5EC090;color:#fff;}


.profile-modal .modal-footer .btn.btn-active:focus,
.profile-modal .modal-footer .btn.btn-outline-active:focus{box-shadow: 0 0 0 0.25rem #5EC09045;}


.profile-modal .modal-body .form .profile-image-upload{display:flex;flex-direction:column;padding:0 28px;}


.profile-modal .modal-body .form .mat-form-field{width:100%;}


.profile-modal .modal-body .form .mat-input-element{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:#0F172A;font-weight:500!important;padding-left:0px !important}


.profile-modal .modal-body .form .mat-form-field.readonly .mat-input-element{background-color:transparent!important;cursor: not-allowed!important;}


.profile-modal .modal-body .form .mat-form-field-appearance-fill.readonly .mat-form-field-flex{background-color: #f9f9f9!important;cursor: not-allowed!important;}


.profile-modal .modal-body .form .mat-form-field-appearance-fill .mat-form-field-flex{background-color:transparent;padding:0!important;}


.profile-modal .modal-body .form .mat-form-field-appearance-fill .mat-form-field-subscript-wrapper{padding-left:0;padding-right:0;margin-top:0.3666666667em;}


.profile-modal .modal-body .form .mat-form-field-appearance-fill .mat-form-field-underline::before{height:2px;background-color:#C4CADA;}


.profile-modal .modal-body .form .mat-form-field.mat-form-field-type-mat-select .mat-form-field-infix{padding-top:.70em!important;padding-bottom:.70em!important;}


.profile-modal .modal-body .form .mat-form-field .mat-form-field-infix .mat-select-placeholder{color:#C0C3C9;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500}


.profile-modal .modal-body .form .mat-form-field-appearance-fill .mat-input-element::-moz-placeholder {color:#C0C3C9!important;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500}


.profile-modal .modal-body .form .mat-form-field-appearance-fill .mat-input-element::placeholder {color:#C0C3C9!important;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500}


.profile-modal .modal-body .form .mat-form-field .mat-form-field-infix{border-top:none;}


.profile-modal .modal-body .form .mat-form-field.mat-focused .mat-form-field-ripple{background-color:transparent;}


.profile-modal .modal-body .form .label.first-label{margin-top:0!important}


.profile-modal .modal-body .form .label{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:#0F172A;margin-bottom:0;font-weight:600;}


.profile-modal .modal-body .form .label .info{width:18px;height:18px;margin-left:5px;}


.profile-modal .modal-body .form .input-details-box{display:flex;justify-content:space-between;width:100%;position:absolute;top:40px;}


.profile-modal .modal-body .form .input-details-box.no-mat-input{position:relative;top:5px;}


.profile-modal .modal-body .form .input-details-box .text{font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;margin-bottom:0;line-height:1.2;margin-top: 5px;margin-left: -12px;}


.profile-modal .modal-body .form .input-details-box .btn{font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#fff;padding:4px 9px;border-radius:100px;margin-left:5px;line-height:1.1;display:flex;align-items:center;border:none;height:-webkit-fill-available;height:-moz-available;}


.profile-modal .modal-body .form .input-details-box .btn.btn-verify{background-color:#5EC090;}


.profile-modal .modal-body .form .input-details-box .btn.btn-verified{background-color:#5AB9EA;}


.profile-modal .modal-body .form .btn-check:focus+.btn, .btn.btn-verify:focus{box-shadow:none;}


.profile-modal .modal-body .form .btn-check:focus+.btn, .btn.btn-verified:focus{box-shadow:none;}


.profile-modal .modal-body .form .input-details-box .btn:disabled{font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#fff;padding:4px 9px;border-radius:100px;margin-left:5px;line-height:1.1;display:flex;align-items:center;border:none;opacity:1;}


.profile-modal .modal-body .form .mat-form-field-appearance-outline .mat-form-field-outline-start,
.profile-modal .modal-body .form .mat-form-field-appearance-outline .mat-form-field-outline-end{border-width: 2px;}


.profile-modal .modal-body .form .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{padding:0;}


.profile-modal .modal-body .form .mat-error{background-color:transparent;padding-bottom:15px;font-size:calc(12px + (11 - 12) * ((100vw - 300px) / (1600 - 300)));}


.profile-modal .modal-body .form .mat-error.radio-btn-error {padding-bottom:0;}


.profile-modal .modal-body .form .mat-error.reduce-bottom-space{padding-bottom:5px;}


.profile-modal .modal-body .form .mat-error.increase-z-index{z-index:10;padding-top:4px;}


.profile-modal .modal-body .form .mat-form-field-type-mat-select .mat-chip.mat-standard-chip{background-color:#5680E9;color:#fff;font-size:calc(12px + (11 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.profile-modal .modal-body .form .mat-form-field-type-mat-select .mat-chip.mat-standard-chip .mat-chip-remove.mat-icon{width:12px;height:12px;font-size:14px;color:#fff;opacity:1;margin-right:4px;}


.profile-modal .modal-body .form .mat-form-field.custom-textarea .mat-error{background-color:transparent;}


.profile-modal .modal-body .form .mat-form-field.custom-textarea .mat-input-element{resize:none;height:120px;line-height:initial;width:-webkit-fill-available;width:-moz-fill-available;padding:0!important;}


.profile-modal .modal-body .form .bio-character-counter{position:relative;top:28px;display:flex;justify-content:flex-end;font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;}


.profile-modal .modal-body .form .bio-character-counter .exceeded{color:red;}


.profile-modal .modal-body .add-certificate-btn {font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-radius:20px;background-color: #5680E9; border: none; color: #ffffff; padding: 9px 15px; margin-top: 30px;}


.profile-modal .modal-body .image-display-container {display:flex; align-items:center; justify-content:space-between; padding-bottom:10px;}


.profile-modal .modal-body .image-display-container.margin-class{margin-top:10px;}


.profile-modal .modal-body .image-display-container .image-thumbnail{width:40px;height:40px;border:1px solid #5680E9;border-radius:4px;margin:0 10px;}


.profile-modal .modal-body .image-display-container .video-thumbnail { width: 40px; height: 40px; border: 1px solid #5680E9; border-radius: 4px; margin: 0 10px;}


.profile-modal .modal-body .image-display-container .pdf-icon{margin: 0 10px;}


.profile-modal .modal-body .image-display-container .image-name {font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#5680E9; margin:0;}


.profile-modal .modal-body .image-display-container .image-name span:first-child{width:25px;display:inline-block;}


.profile-modal .modal-body .image-name {font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#5680E9; margin:0;}


.profile-modal .modal-body .week-time-row, .profile-modal .modal-body .week-time-responsive, .profile-modal .modal-body .week-copytime-class {display: flex; align-items: center;}


.profile-modal .modal-body .week-time-row, .profile-modal .modal-body .week-time-responsive{margin-bottom: 30px;}


.profile-modal .modal-body .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.profile-modal .modal-body .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background: transparent;}


.profile-modal .modal-body .bold-title {font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight: 700;color: #0F172A;margin-bottom: 10px;}


.profile-modal .modal-body .bold-title.top-spacing{margin-top:20px;}


.profile-modal .modal-body .social-media-title {font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight: 700;color: #0F172A;margin-bottom: 10px;}


.profile-modal .modal-body .mat-radio-button.mat-radio-checked .mat-radio-label-content {color: #5680E9!important;}


.profile-modal .modal-body .mat-radio-label-content{padding-left:6.5px;font-weight:500;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));}


.profile-modal .modal-body .mat-radio-button{margin-right: 20px;}


.profile-modal .modal-body .spacing-top{margin-top:10px;}


.profile-modal .modal-body .btn {padding:0;}


.profile-modal .modal-body .form .mat-checkbox .mat-checkbox-ripple{display:none;}


.profile-modal .modal-body .form .mat-checkbox.custom-checkbox .mat-checkbox-label{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#414857;}


.profile-modal .modal-body .form .mat-checkbox.custom-checkbox .mat-checkbox-inner-container{width:14px;height:14px;}


.profile-modal .modal-body .form .mat-checkbox.custom-checkbox .mat-checkbox-frame{border-width:1px;border-radius: 4px;}


.profile-modal .modal-body .form .mat-checkbox.custom-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#5680E9;border-radius:4px;}


.profile-modal .modal-body .mat-checkbox.workinghoursCheckbox .mat-checkbox-inner-container{width: 24px; height: 24px;}


.profile-modal .modal-body .form .mat-checkbox .mat-checkbox-frame{background-color: #D9DBDF; border: none; border-radius: 20px;}


.profile-modal .modal-body .form .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#5AB9EA; border-radius:20px;}


.profile-modal .modal-body .form .mat-checkbox.mat-checkbox-layout .mat-checkbox-label {font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); color:#2C2C2C; padding-left:10px;}


.profile-modal .modal-body .working-hours .form  .modal .mat-form-field, .modal .mat-form-field-infix {width: 48px;}


.profile-modal .modal-body .working-hours {align-items: center;justify-content: center;width:245px;height:35px;position: relative;}


.profile-modal .modal-body .working-hours .error-box{position: absolute;bottom:-30px;display: flex;justify-content: center;width: 100%;}


.profile-modal .modal-body .working-hours .mat-form-field-appearance-fill .mat-form-field-ripple{height:0!important}


.profile-modal .modal-body .working-hours .hour-container {border: 1px solid #828282;  border-radius: 20px 0px 0px 20px; height: 35px; display:flex; align-items: center; justify-content: center;}


.profile-modal .modal-body .working-hours .minute-container  {border: 1px solid #828282;  border-radius: 0px 20px 20px 0px; height: 35px; display:flex; align-items: center;}


.profile-modal .modal-body .working-hours .mat-form-field-wrapper{padding: 0;}


.profile-modal .modal-body .working-hours .hour-to {color: #2C2C2C; font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); padding: 0 15px;}


.profile-modal .modal-body .copy-time-container .time-text {color: #0F172A; font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); padding-left: 5px;}


.profile-modal .modal-body .working-hours .hour-container .mat-form-field-infix, .profile-modal .modal-body .working-hours .minute-container .mat-form-field-infix{padding-left: 1em;}


.profile-modal .modal-body .copy-time-container {margin-left: 5px;display: flex; align-items: center; justify-content: center;}


.profile-modal .modal-body .copy-time-container .copy-time-btn{padding: 7px 10px;border-radius: 20px;display: flex;align-items: center;justify-content: center;}


.profile-modal .modal-body .copy-time-container .copy-time-btn:hover{background-color: #e0e0e066;}


.profile-modal .modal-body .copy-time-container .copy-time-btn .copy-icon{width: 17px;}


.profile-modal .modal-body .weekday-width {width: 150px;}


.profile-modal .modal-body .form .file-container{display:flex;justify-content:space-between;position:absolute;width:100%;z-index:10;}


.profile-modal .modal-body .form .file-container .files{display:flex;width: 100%;}


.profile-modal .modal-body .form .file-container .files .file-scroll-box{height:30px; width:100%; margin: auto;}


.profile-modal .modal-body .form .file-container .files .file-scroll-box .file{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#5680E9;display:flex;align-items:center;margin-right:10px; margin-bottom:5px;width:-moz-max-content;width:max-content;}


.profile-modal .modal-body .form .file-container .files .file-scroll-box .ps-content {display:flex;width:-moz-fit-content;width:fit-content;}


.profile-modal .modal-body .form .file-container .files .file-scroll-box .file:last-child{margin-right:0;}


.profile-modal .modal-body .form .file-container .files .file-scroll-box .file .btn{display:flex;padding:0;}


.profile-modal .modal-body .form .file-container .files .file-scroll-box .file .btn:focus{box-shadow: none;}


.profile-modal .modal-body .form .file-container .files .file-scroll-box .file .mat-icon{color:#5680E9;width:18px;height:18px;font-size:14px;margin-left:5px;display:flex;align-items:center;}


.profile-modal .modal-body .form .file-upload-input{opacity:0;height:100%;cursor:pointer;font-size:0;width:32px;position:absolute;right:0;z-index:10;}


.profile-modal .modal-body .working-hours .minute-container .mat-form-field-underline::before, .profile-modal .modal-body .working-hours .hour-container .mat-form-field-underline::before {background-color: transparent;}


.profile-modal .modal-body .custom-textarea{margin-top:10px;}


.profile-modal .modal-body .custom-textarea.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{margin-top:6px;}


.profile-modal .modal-body .custom-radio{display:flex;margin-top:10px;}


.profile-modal .modal-body .custom-radio .mat-radio-label{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.profile-modal .modal-body .custom-radio.hide-radio-circle{margin-bottom: 10px;}


.profile-modal .modal-body .custom-radio.hide-radio-circle .mat-radio-button .mat-radio-container {display:none;}


.profile-modal .modal-body .custom-radio.hide-radio-circle .mat-radio-label-content{padding-left: 0;}


.profile-modal .modal-body .mat-tab-group.mat-primary .mat-ink-bar{background-color:#5EC090;}


.profile-modal .modal-body .info-text{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#0F172A;}


.profile-modal .modal-body .info-text .link{color:#5680E9;margin-left:15px;}


.profile-modal .modal-body .info-text .link .download-icon{margin-left:5;}


.profile-modal .modal-body .mat-tab-body-content{overflow:hidden;}


.profile-modal .modal-body .profile-image-container-size {width:100px; height:100px; border-radius:50px;}


.profile-modal .modal-scroll{max-height: calc(100vh - 280px);}


.profile-modal .mat-form-field .mat-form-field-label {margin-top:0px;}


.profile-modal .modal-body .profile-image-container .image-box{background-color:#5EC090;border-radius:50%;width:100px;height:100px;display:flex;justify-content:center;align-items:center;}


.profile-modal .modal-body .profile-image-container .image-box .profile-image{width:60px;height:60px;}


.profile-modal .modal-body .form .custom-country-phone-code-dropdown .iti input,
.profile-modal .modal-body .form .custom-country-phone-code-dropdown .iti input[type=text],
.profile-modal .modal-body .form .custom-country-phone-code-dropdown .iti input[type=tel]{padding-top:0.65em;padding-bottom:0.7em;padding-left:4rem!important;}


.profile-modal .modal-body .form .mat-form-field-type-mat-select .mat-chip.mat-standard-chip,
.profile-modal .modal-body .form .mat-chip.mat-standard-chip{background-color:#5680E9;color:var(--background-color);font-size:calc(12px + (11 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.profile-modal .modal-body .form .mat-form-field-type-mat-select .mat-chip.mat-standard-chip .mat-chip-remove.mat-icon,
.profile-modal .modal-body .form .mat-chip.mat-standard-chip .mat-chip-remove.mat-icon{width:12px;height:12px;font-size:14px;color:var(--background-color);opacity:1;margin-right:4px;}


.profile-modal .employee-tab .form {margin-top: 20px;}


@media screen and (max-width:767px) {
  .profile-modal .modal-body .top-space-responsive {padding-top: 15px;}
  .profile-modal .modal-body .week-time-row, .profile-modal .modal-body .week-copytime-class {display: flex;flex-direction: column; align-items: flex-start;}
  .profile-modal .modal-body .working-hours {padding-top: 10px;}
  .profile-modal .modal-body .weekday-width {margin-bottom: 10px;}
  .profile-modal .modal-body .week-time-responsive{align-items: flex-end;}
  .profile-modal .modal-body .working-hours .error-box{bottom:-35px;}
}


@media screen and (max-width:575px) {
  .profile-modal .modal-footer .btn.btn-active,.profile-modal .modal-footer .btn.btn-outline-active{padding:8px 20px}
  .profile-modal .modal-body .profile-image-container {display: block;}
  .profile-modal .modal-body .profile-image-block {justify-content: center;display: flex; padding-bottom: 15px;}
  .profile-modal .modal-body .form .profile-image-upload {align-items: center;}
  .profile-modal .modal-body .profile-upload-button {padding: 5px 30px;}
  .profile-modal .modal-body .week-time-responsive {flex-direction: column;align-items: center;justify-content: center;}
  .profile-modal .modal-body .week-time-row, .profile-modal .modal-body .week-copytime-class {display: flex; align-items: center;}
  .profile-modal .modal-body .copy-time-container{padding-top:10px;margin-top: 20px;margin-left: 0;}
  .profile-modal .modal-body .weekday-width {display: flex;justify-content: center;}
  .profile-modal .modal-dialog {margin:0.5rem auto;}
  .profile-modal .modal-header{padding:15px 20px;}
  .profile-modal .modal-body{padding: 15px 20px;}
  .profile-modal .modal-footer{padding:15px 20px;justify-content: space-between;}
  .profile-modal .modal-footer .btn{width: 48%;margin: 0;}
}


@media screen and (min-width:576px) {
  .profile-modal.modal-dialog-centered {min-height:calc(100% - 100px);}
}


/**********11.4. Action Modal **********/


.action-modal .modal-dialog{max-width: 498px;margin: 0.5rem auto;}


.action-modal .modal-dialog .modal-content .modal-header{display:flex;padding:24px;border-bottom:1px solid #ECECEF;}


.action-modal .modal-dialog .modal-content .modal-header .modal-title{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;line-height:initial;}


.action-modal .modal-dialog .modal-content .modal-body{display:flex;flex-direction:column;padding:24px;}


.action-modal .modal-dialog .modal-content .modal-body .card{ padding:24px; border:1px solid #D3D4D9;margin-bottom: 1rem; border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; -ms-border-radius: 10px !important; -o-border-radius: 10px; }


.action-modal .modal-dialog .modal-content .modal-body .card.red{border:1px solid #E94F57;margin-bottom: 1rem;}


.action-modal .modal-dialog .modal-content .modal-body .card .image-box{display:flex;}


.action-modal .modal-dialog .modal-content .modal-body .card .image-box-content{display:flex; flex-direction: column;gap: 10px;}


.action-modal .modal-dialog .modal-content .modal-body .card .text-box{display:block;width:100%;line-height:initial;}


.action-modal .modal-dialog .modal-content .modal-body .card .card-image{margin-right:12px; width: 48px; height:48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.action-modal .modal-dialog .modal-content .modal-body .card .card-sub-image{width: 24px; height:24px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.action-modal .modal-dialog .modal-content .modal-body .card .title {display: block; font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); font-weight: 800; color: #282F40; margin-bottom: 8px !important; text-align: start; word-break: break-word; -webkit-hyphens: auto; hyphens: auto;}


.action-modal .modal-dialog .modal-content .modal-body .card .sub-title{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8A8D97;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.action-modal .modal-dialog .modal-content .modal-body .card .sub-title .text-highlight{color:#4FA270;font-weight:600;}


.pad-right-0{padding-right: 0 !important;}


.action-modal .modal-dialog .modal-content .modal-body .card .content-title{display: flex; align-items: center;  justify-content: space-between; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#48ACF0;margin-bottom:0px !important;text-align:start;-webkit-hyphens:auto;hyphens:auto;}


.action-modal .modal-dialog .modal-content .modal-body .card .content-sub-title{display: flex; align-items: center;  justify-content: space-between; gap: 5px;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;}


.action-modal .modal-dialog .modal-content .modal-body .card .content-sub-title .text-highlight{color:#4FA270;font-weight:600;}


.action-modal .modal-dialog .modal-content .modal-body .card .gap10 { gap: 10px; align-items: flex-end;margin-left: 5px;flex-wrap: wrap;}


.action-modal .modal-dialog .modal-content .modal-body .card .text{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.action-modal .modal-dialog .modal-content .modal-body .btn-box{display:flex;justify-content:flex-end;width:100%;margin-top:20px;line-height:initial;}


.action-modal .modal-dialog .modal-content .modal-body .btn-box .btn-primary{ font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:500; color:#FFFFFF; background-color:#58B47C; padding:8px 24px; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }


.action-modal .modal-dialog .modal-content .modal-body .btn-box .btn-primary:hover{background-color:#4FA270;}


.action-modal .modal-dialog .modal-content .modal-body .btn-box .btn-primary:focus{border-color: transparent;box-shadow: none;}


.action-modal .modal-dialog .modal-content .modal-body .btn-box .btn-secondary{ font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:500; color:#717682; background-color:#FFFFFF; padding:8px 24px; margin-right:12px; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }


.action-modal .modal-dialog .modal-content .modal-body .btn-box .btn-secondary:hover{background-color:#f0f0f0;}


.action-modal .modal-dialog .modal-content .modal-body .btn-box .btn-secondary:focus{border-color: transparent;box-shadow: none;}


.action-modal .modal-dialog .modal-content .modal-body .btn-box .btn-danger{ font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:500; color:#FFFFFF; background-color:#E94F57; padding:8px 24px; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }


.action-modal .modal-dialog .modal-content .modal-body .btn-box .btn-danger:hover{background-color:#b1282f;}


.action-modal .modal-dialog .modal-content .modal-body .btn-box .btn-danger:focus{border-color: transparent;box-shadow: none;}


.action-modal .modal-dialog .modal-content .modal-body .modal-form .label{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-top:24px;margin-bottom:4px;line-height:initial;}


.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .mat-form-field-infix{border-top:none;}


.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .mat-form-field-flex{display:flex;align-items:center;padding:0 16px;border-radius: 5px;}


.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .mat-form-field-suffix .mat-icon{font-size:20px;width:20px;}


.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .mat-form-field-suffix .mat-icon-button{width: 2em;height: 2em;color: #282F40;}


.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .mat-form-field-underline::before{height:0;}


.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .mat-form-field-ripple{height:0;}


.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .mat-form-field-subscript-wrapper{margin-top:4px;}


.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .mat-form-field-infix{padding:12px 0 !important;}


.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .input,
.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .input-select .mat-select-value-text span{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))) !important; font-weight:500 !important; color:#282F40 !important;}


.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .input.mat-input-element::-webkit-input-placeholder,
.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .input.mat-input-element:-ms-input-placeholder,
.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .input.mat-input-element::placeholder{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;/*color:#A2A5AD;*/}


.action-modal .modal-dialog .modal-content .modal-body .modal-form .form-field .input-select .mat-select-value .mat-select-placeholder{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;/*color:#A2A5AD;*/}


@media screen and (max-width:575px) {
  .action-modal .modal-dialog .modal-content{margin:0 .5rem;}
  .action-modal .modal-dialog .modal-content .modal-header,
  .action-modal .modal-dialog .modal-content .modal-body,
  .action-modal .modal-dialog .modal-content .modal-body .card{padding:18px;}
  .action-modal .modal-dialog .modal-content .modal-body .modal-form .label{margin-top:18px;}
  .action-modal .modal-dialog .modal-content .modal-body .card .gap10 { margin: 6px 22px;flex-wrap: wrap;}
}


/********** 11.5. Alert Modal **********/


.alert-modal .modal-dialog{max-width: 368px;margin:0.5rem auto;}


.alert-modal .modal-dialog .modal-content .modal-body{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#DEF0FC;padding:24px;border-top-left-radius:20px;border-top-right-radius:20px;}


.alert-modal .modal-dialog .modal-content .modal-body .image-box{width:-moz-fit-content;width:fit-content; background-color:#fff;padding:12px;margin-bottom:24px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.alert-modal .modal-dialog .modal-content .modal-body .image-box .image{width:36px;height:36px;}


.alert-modal .modal-dialog .modal-content .modal-body .message{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600; color:#282F40;text-align:center;margin-bottom:0;}


.alert-modal .modal-dialog .modal-content .modal-footer{display:flex;justify-content:center;align-items:center;padding:24px;border-top:none;}


.alert-modal .modal-dialog .modal-content .modal-footer .btn-primary{ font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:500; color:#fff; background-color:#48acf0; padding:8px 24px;margin:0; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }


.alert-modal .modal-dialog .modal-content .modal-footer .btn-primary:hover{background-color:#2289cf;}


.alert-modal .modal-dialog .modal-content .modal-footer .btn-primary:focus{border-color: transparent;box-shadow: none;}


@media screen and (max-width:575px) {
  .alert-modal .modal-dialog .modal-content{margin:0 .5rem;}
  .alert-modal .modal-dialog .modal-content .modal-body,
  .alert-modal .modal-dialog .modal-content .modal-footer{padding:18px;}
  .alert-modal .modal-dialog .modal-content .modal-body .image-box{margin-bottom:18px;}
}


/*-----------------------------------------------
12. Main Content
-----------------------------------------------*/


.main-content-box{width:100%;}


.main-content-box .main-container-header{display:flex;justify-content:space-between;align-items:flex-start;/*margin:20px 0;*/margin:0 0 20px 0 !important;}


.main-content-box .main-container-header .title{font-size:calc(24px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#333333;margin-bottom:20px;}


.main-content-box .main-container-header .badge{display: flex;justify-content: center;align-items: center;background-color: #fff;font-size:calc(11px + (12 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;}


.main-content-box .main-container-header .badge.green-badge{color: #58B47C;border: 1px solid #58B47C;}


.main-content-box .main-container-header .badge.gray-badge{color: #828282;border: 1px solid #828282;}


.main-content-box .main-container-header .badge .icon{margin-right:5px;width:18px;}


.main-content-box .main-container-header .badge .icon.small{width:14px;height:14px;}


.main-content-box .main-container-header .action-box{display:flex;align-items:center;}


.main-content-box .main-container-header .action-box .btn{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#FFFFFF;background-color:#5EC090;padding:8px 39px;border-radius:25px;margin-right:20px;}


.main-content-box .main-container-header .action-box .btn:hover{background-color:#4c9b74;}


.main-content-box .main-container-header .action-box .btn-with-icon{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#666666;transition:all 0.4s ease-in;}


.main-content-box .main-container-header .action-box .btn-with-icon .btn-icon{width:30px;height:30px;margin-right:10px;}


.main-content-box .main-container-header .action-box .btn-with-icon .btn-icon.btn-bg{background-color: #ecf2ff;border-radius: 50%;padding:6px}


.main-content-box .main-container-header .action-box .btn-with-icon:hover .btn-icon{box-shadow: 0px 0px 5px 2px #c4d7ff;border-radius:50%;}


.main-content-box .card-container .card-header{display:flex;justify-content:space-between;align-items:flex-end;background-color:#fff;border:none;padding:0;margin-bottom:10px;}


.main-content-box .card-container .card-header.blank-height{height:23px;}


.main-content-box .card-container .card-header .title-section{display:flex;align-items:flex-end;}


.main-content-box .card-container .card-header .title-section .card-title{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#363636;margin-bottom:0;}


.main-content-box .card-container .card-header .title-section .card-edit-button{height:-moz-fit-content;height:fit-content;margin-left:12px;padding:0;}


.main-content-box .card-container .card-header .title-section .card-edit-button-icon{color:#5680E9;width:20px;height:20px;}


.main-content-box .card-container .card-header .status-section .status-box{display:flex;align-items:center;}


.main-content-box .card-container .card-header .status-section .status-box .status-icon{width:18px;height:18px;margin-right:7px}


.main-content-box .card-container .card-header .status-section .status-box .status-text{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#686868;margin-bottom:0;}


.main-content-box .card-container .card-header .status-section .status-box .status-text.incomplete{color:#EC407A;}


.main-content-box .card-container .card-header .status-section .status-box .status-text.completed{color:#58B47C;}


.main-content-box .card-container .card{border:1px solid #c9cad0;}


.main-content-box .card-container .card.incomplete{border-color:#EC407A;}


.main-content-box .card-container .card.completed{border-color:#5EC090;}


.main-content-box .card-container .card .card-top-section{background-color:#E5F6FF;height:100px;border-top-left-radius:20px;border-top-right-radius:20px;padding:0 30px;}


.main-content-box .card-container .card .card-profile-img-container{position:relative;bottom:-30px;}


.main-content-box .card-container .card .card-profile-img-container .card-profile-img{border-radius:50%;width:100px;height:100px;margin-right:50px;}


.main-content-box .card-container .card .card-view-profile-img .card-profile-img{border-radius:50%;width:100px;height:100px;margin-right:50px;}


.main-content-box .card-container .card .card-content{padding:30px;}


.main-content-box .card-container .card .card-content.card-bottom-section{padding:60px 30px 30px 30px;}


.main-content-box .card-container .card .card-content .label{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#979797;margin-bottom:5px; display:block;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.main-content-box .card-container .card .card-content .title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#2C2C2C;margin-top:0;margin-bottom:10px; display:block;}


.main-content-box .card-container .card .card-content .highlighted-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#5680E9;margin-bottom:10px;}


.main-content-box .card-container .card .card-content .text{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#2C2C2C;margin-bottom:0; display:block;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.main-content-box .card-container .card .card-content .text:last-child{margin-bottom: 0;}


.main-content-box .card-container .card .card-content .text.with-scroll{max-height:130px; height:auto;padding-right: 1rem;}


.main-content-box .card-container .card .card-content .weekday-width{font-weight:600; margin-right:10px; width:100px; display:inline-block;}


.main-content-box .card-container .card .card-content .weektime-margin{margin-bottom:5px;}


.main-content-box .card-container .card .card-content .text.bottom-spacing,
.view-profile-main-container .card-container .card .card-content .blue-text.bottom-spacing{margin-bottom:30px;}


.main-content-box .card-container .card .card-content .text.link{color:#5680E9;text-decoration:none;}


.main-content-box .card-container .card .card-content .text.link:hover{text-decoration:underline;}


.main-content-box .card-container .card .card-content .social-container{display:flex;align-items:baseline;}


.main-content-box .card-container .card .card-content .social-container .social-text-linkedin{color:#0E76A8;}


.main-content-box .card-container .card .card-content .social-container .social-text-facebook{color:#4267B2;}


.main-content-box .card-container .card .card-content .social-container .social-text-twitter{color:#00ACEE;}


.main-content-box .card-container .card .card-content .social-container .social-text-instagram{color:#8A3AB9;}


.main-content-box .card-container .card .card-content .social-container .divider{padding:0 5px;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#2C2C2C;}


.main-content-box .card-container .info-tooltip{margin-left:5px;}


.main-content-box .card-container .card .card-content .text-box{display:flex;flex-direction:column;}


.main-content-box .card-container .card .card-content .text-box-with-icon{display:flex;align-items:center;}


.main-content-box .card-container .card .card-content .text-box-with-icon .icon{width:16px;height:16px;margin-right:5px;}


.main-content-box .card-container .card .card-content .text-box-with-icon .text.disabled{color:#747985;}


.main-content-box .card-container .card .card-content .text-box-with-icon.bottom-spacing{margin-bottom:20px;}


.main-content-box .card-container .card .card-content .progress-spinner-content{display:flex;align-items:center;}


.main-content-box .card-container .card .card-content .progress-spinner-content .progress-spinner-box{display:flex;flex-direction:column;justify-content:center;align-items:stretch;align-content:stretch;position:relative;margin-right:30px;}


.main-content-box .card-container .card .card-content .progress-spinner-content .progress-spinner-box .title{font-size:calc(14px + (14 - 14) * ((100vw - 300px) / (1600 - 300)));}


.main-content-box .card-container .card .card-content .progress-spinner-content .progress-spinner-box .progress-spinner-background-text{position:absolute;width:inherit;height:inherit;text-align:center;left:0;right:0;font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#5AB9EA;}


.main-content-box .card-container .card .card-content .progress-spinner-content .progress-spinner-box .mat-progress-spinner.progress-spinner{transform:scale(-1, 1);}


.main-content-box .card-container .card .card-content .progress-spinner-content .progress-spinner-box .mat-progress-spinner.progress-spinner circle,
.main-content-box .card-container .card .card-content .progress-spinner-content .progress-spinner-box .mat-progress-spinner.progress-spinner .mat-spinner circle{stroke:#5AB9EA;stroke-linecap:round;}


.main-content-box .card-container .card .card-content .progress-spinner-content .progress-spinner-box .mat-progress-spinner.progress-spinner.progress-spinner-background circle,
.main-content-box .card-container .card .card-content .progress-spinner-content .progress-spinner-box .mat-progress-spinner.progress-spinner.progress-spinner-background .mat-spinner circle{stroke:#dce3f3;stroke-linecap:round;}


.main-content-box .card-container .card-profile-img-container .image-box{background-color:#5EC090;border-radius:50%;width:100px;height:100px;display:flex;justify-content:center;align-items:center;}


.main-content-box .card-container .card-profile-img-container .image-box .profile-image {width:60px;height:60px;}


.disabled-menu-publish-default,.disabled-menu-publish-completed { opacity: 0.4;cursor: not-allowed!important;}


a.mat-list-item.mat-focus-indicator.menu-list-item.publish-disabled {opacity: 0.4;cursor: not-allowed!important;}


@media screen and (max-width:1399px) {
  .main-content-box .main-container-header{margin:0 0 20px 0;}
  /* .main-content-box .main-container-header .title{margin-bottom:5px!important;} */
}


@media screen and (max-width:767px) {
  .main-content-box .main-container-header{margin-top:10px;}
  .main-content-box .main-container-header.responsive-spacing{margin-bottom:30px;}
}


@media screen and (max-width:575px) {
  .main-content-box .main-container-header{flex-direction:column;align-items:flex-start;}
  /* .main-content-box .main-container-header .title{margin-bottom:10px!important;} */
  .main-content-box .main-container-header .action-box{justify-content:space-between;width:100%;}
  .main-content-box .main-container-header .action-box .btn{padding:6px 29px;margin-right:10px;}
  .main-content-box .card-container .card .card-top-section .card-profile-img-container{display:flex;justify-content:center;}
  .main-content-box .card-container .card .card-content .social-container{flex-direction:column;}
  .main-content-box .card-container .card .card-content .social-container .text{margin-bottom:5px;}
  .main-content-box .card-container .card .card-content .social-container .text:last-child{margin-bottom:0;}
  .main-content-box .card-container .card .card-content .social-container .divider{display:none;}
  .main-content-box .card-container .card .card-content .progress-spinner-content{flex-direction:column;align-items:center;}
  .main-content-box .card-container .card .card-content .progress-spinner-content .progress-spinner-box{margin-right:0;margin-bottom:20px;}
  .main-content-box .card-container .text-padding {padding-bottom:30px;}
  .main-content-box .card-container .card .card-profile-img-container .card-profile-img {margin-right: 0;}
  .main-content-box .card-container .card .card-content .weekday-width{width:100%;}
  .main-content-box .card-container .card .card-content .weektime-margin{margin-bottom:10px;}
  .main-content-box .card-container .card .card-content{padding:20px;}
  .main-content-box .card-container .card .card-top-section{padding:0 20px;}
  .main-content-box .card-container .card .card-content.card-bottom-section{padding:60px 20px 20px 20px;}
  .main-content-box .main-container-header .badge{padding: 0.25em 0.35em;}
  .main-content-box .main-container-header .badge .icon{margin-right:2px;width:16px;}
  .main-content-box .main-container-header .badge .icon.small{width:12px;height:12px;}
}


/*-----------------------------------------------
13. My Employee
-----------------------------------------------*/


.main-content-box .employee-tab .mat-ripple{display:flex;}


.main-content-box .employee-tab .mat-tab-header{border-bottom:none;}


.main-content-box .employee-tab .mat-ink-bar,
.main-content-box .employee-tab .mat-tab-header-pagination-before,
.main-content-box .employee-tab .mat-tab-header-pagination-after{display:none;}


.main-content-box .employee-tab .mat-tab-label{opacity:1;padding:0 24px;min-width:inherit;border:0.5px solid #fff;}


.main-content-box .employee-tab .mat-tab-label-active{border-radius:10px 10px 0 0;border-color:#cccccc;border-bottom-color:#ffffff;border-width:0.5px .5px  1px .5px;border-style:solid;}


.main-content-box .employee-tab .mat-tab-label-content{font-size:16px;}


.main-content-box .employee-tab .mat-tab-label-active .mat-tab-label-content{color:#58B47C;font-weight:600}


.main-content-box .employee-tab .card{border-color:#cccccc;border-width:1px 1px 1px 1px;border-radius:0 20px 20px 20px!important;-webkit-border-radius:0 20px 20px 20px!important;padding:20px 30px;}


.main-content-box .employee-tab .card .card-head{display:flex;justify-content:space-between;flex-wrap:wrap;}


.main-content-box .employee-tab .card .card-head .form{display:flex;}


.main-content-box .employee-tab .card .card-head .form .mat-form-field{margin-right:30px;}


.main-content-box .employee-tab .card .card-head .form .mat-form-field-appearance-fill .mat-form-field-flex{width:210px;}


.main-content-box .employee-tab .card .card-head .form .mat-form-field-type-mat-select .mat-form-field-flex{width:130px;}


.main-content-box .employee-tab .card .card-head .form .input .search-icon{width:18px;height:18px;margin-left:5px;}


.main-content-box .employee-tab .card .btn-with-icon{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#666666;transition:all 0.4s ease-in;height: -moz-fit-content;height: fit-content;}


.main-content-box .employee-tab .card .btn-with-icon .btn-icon{width:30px;height:30px;margin-right:10px;}


.main-content-box .employee-tab .card .btn-with-icon:hover .btn-icon{box-shadow: 0px 0px 5px 2px #c4d7ff;border-radius:50%;}


.main-content-box .employee-tab .card .card-body{display:flex;flex-direction:column;justify-content:space-between;padding:0;margin-top:20px;}


.main-content-box .employee-tab .card .card-body .card.employee-card{display:flex;flex-direction:row;width:100%;position:relative;border-radius:20px!important;-webkit-border-radius:20px!important;padding:30px;}


.main-content-box .employee-tab .card .card-body .card.employee-card .edit-btn{position:absolute;top:0;right:0;padding:5px;margin:10px;}


.main-content-box .employee-tab .card .card-body .card.employee-card .edit-btn .edit-icon{width:20px;height:20px;}


.main-content-box .employee-tab .card .card-body .card.employee-card .img-box{position:relative;width:105px;height:105px;display:flex;justify-content:center;margin:0;}


.main-content-box .employee-tab .card .card-body .card.employee-card .img-box .profile-image{width:105px;height:105px;border-radius:50%;}


.main-content-box .employee-tab .card .card-body .card.employee-card .img-box .badge{position:absolute;bottom:-10px;background-color:#fff;color:#828282;border:1px solid #828282;border-radius:12px;box-shadow:0px 3px 6px #00000029;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.main-content-box .employee-tab .card .card-body .card.employee-card .img-box .badge.badge-purple{color:#8860D0;border:1px solid #8860D0;padding:5px 22px;}


.main-content-box .employee-tab .card .card-body .card.employee-card .img-box .badge.badge-blue{color:#5680E9;border:1px solid #5680E9;padding:5px 12px;}


.main-content-box .employee-tab .card .card-body .card.employee-card .text-box{display:flex;flex-direction:column;margin-left:20px;}


.main-content-box .employee-tab .card .card-body .card.employee-card .text-box .main-text{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#333333;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.main-content-box .employee-tab .card .card-body .card.employee-card .text-box .sub-text{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#686868;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.main-content-box .employee-tab .card .card-body .card.employee-card .text-box .sub-text.highlighted-text{color:#8860D0;font-weight:600;}


.main-content-box .employee-tab .card .card-body .card.employee-card .text-box .sub-text.highlighted-text .exp{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.main-content-box .employee-tab .card .card-body .card.employee-card .text-box .top-space{margin-top:19px;margin-bottom:5px;}


.main-content-box .employee-tab .card .card-body.requested-tab{margin-top:0;}


.main-content-box .employee-tab .card .card-body.requested-tab .table-box{display:flex;flex-direction:column;width:100%;}


.main-content-box .employee-tab .card .card-body.requested-tab .table-box .mat-table{width:100%;}


.main-content-box .employee-tab .card .card-body.requested-tab .table-box .mat-table .mat-header-row{border-bottom:0.5px solid #828282;}


.main-content-box .employee-tab .card .card-body.requested-tab .table-box .highlighted-text{color:#5680E9;}


.main-content-box .employee-tab .card .card-body.requested-tab .table-box .status-pending{color:#8860D0;}


.main-content-box .employee-tab .card .card-body.requested-tab .table-box .status-active{color:#58B47C;}


.main-content-box .employee-tab .card .card-body.requested-tab .table-box .status-reject{color:#EC407A;}


.main-content-box .employee-tab .card .card-body.requested-tab .table-box .action-btn{background-color:#F2F2F2;border-radius:50%;display:flex;justify-content:center;align-items:center;width:34px;height:34px;}


.main-content-box .employee-tab .card .card-body.requested-tab .table-box .action-btn .icon{width:20px;height:20px;}


.main-content-box .employee-tab .card .card-body.requested-tab .table-box .action-btn .icon.trash{width:16px;height:16px;}


.main-content-box .employee-tab .card .card-body .table-box .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background-color: transparent;}


.main-content-box .employee-tab .card .card-body .table-box .mat-checkbox .mat-ripple-element{background-color: transparent;}


.main-content-box .employee-tab .card .card-body .table-box table tr.mat-row{height:65px;}


.custom-pagination .ngx-pagination{margin-left:0;margin-right:0;margin-bottom:1rem;display:flex;justify-content:flex-end;margin-top:30px;font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.custom-pagination .ngx-pagination li{border:0.2px solid #E8E8E8;margin-right:-1px!important;}


.custom-pagination .ngx-pagination li a{color:#717171;}


.custom-pagination .ngx-pagination li.pagination-previous{border-top-left-radius:20px;border-bottom-left-radius:20px;margin-right:0;}


.custom-pagination .ngx-pagination li.pagination-previous a{color:#5680E9;padding:0.1875rem 1rem;}


.custom-pagination .ngx-pagination li.pagination-previous a:hover{border-top-left-radius:20px;border-bottom-left-radius:20px;}


.custom-pagination .ngx-pagination li.pagination-previous.disabled{background-color:#E8E8E8;color:#999999;padding:0.1875rem 1rem;cursor:not-allowed;}


.custom-pagination .ngx-pagination li.pagination-previous a::before,
.custom-pagination .ngx-pagination li.pagination-previous.disabled::before{display:none;}


.custom-pagination .ngx-pagination .current{background-color:#5680E9;}


.custom-pagination .ngx-pagination li.pagination-next{background-color:#fff;color:#5680E9;border-top-right-radius:20px;border-bottom-right-radius:20px;margin-right:0;}


.custom-pagination .ngx-pagination li.pagination-next a{color:#5680E9;padding:0.1875rem 1rem;}


.custom-pagination .ngx-pagination li.pagination-next a:hover{border-top-right-radius:20px;border-bottom-right-radius:20px;}


.custom-pagination .ngx-pagination li.pagination-next.disabled{background-color:#E8E8E8;color:#999999;padding:0.1875rem 1rem;cursor:not-allowed;}


.custom-pagination .ngx-pagination li.pagination-next a::after,
.custom-pagination .ngx-pagination li.pagination-next.disabled::after{display:none;}


@media screen and (max-width:1599px) {
  .main-content-box .employee-tab .card .card-body .card.employee-card .img-box{width:80px;height:80px;}
  .main-content-box .employee-tab .card .card-body .card.employee-card .img-box .profile-image{width:80px;height:80px;}
}


@media screen and (max-width:1399px) {
  .main-content-box .employee-tab .card .card-body .card.employee-card{flex-direction:column;align-items:center;padding: 20px 10px;}
  .main-content-box .employee-tab .card .card-body .card.employee-card .img-box{width:95px;height:95px;}
  .main-content-box .employee-tab .card .card-body .card.employee-card .img-box .profile-image{width:95px;height:95px;}
  .main-content-box .employee-tab .card .card-body .card.employee-card .text-box{margin-left:0;margin-top:20px;text-align:center;}
}


@media screen and (max-width:1199px) {
  .main-content-box .employee-tab .card .card-head .form .mat-form-field-appearance-fill .mat-form-field-flex{width:200px;}
}


@media screen and (max-width:991px) {
  .main-content-box .employee-tab .card .card-head .form .mat-form-field{margin-right:20px;}
}


@media screen and (max-width:767px) {
  .custom-pagination .ngx-pagination{justify-content:center;padding-left:0;}
  .main-content-box .employee-tab .card .card-head{padding-bottom:5px;}
  .main-content-box .employee-tab .card .card-head .form{flex-wrap:wrap;width:100%;}
  .main-content-box .employee-tab .card .card-head .form .mat-form-field{margin-right:0;}
  .main-content-box .employee-tab .card .card-head .form .mat-form-field-appearance-fill .mat-form-field-flex{width:100%;}
  .main-content-box .employee-tab .card .card-head .form .mat-form-field-type-mat-select .mat-form-field-flex{width:100%;}
}


@media screen and (max-width:575px) {
  .main-content-box .employee-tab .card .card-body .card.employee-card .text-box .top-space{margin-top:10px;}
  .main-content-box .employee-tab .card{padding:20px;border-radius:0 0 20px 20px!important;-webkit-border-radius:0 0 20px 20px!important;}
}


/*-----------------------------------------------
14. Profile (Old)
-----------------------------------------------*/


.profile-top{position:relative;}


.profile-top .view-profile.title{margin-bottom:10px!important;}


.profile{margin:20px 0 0 0;}


.profile-box{padding:1.25rem;border-radius:20px;border:0.5px solid #828282;margin-bottom:25px;}


.profile-org-logo{margin:0 1.625rem 0 0;}


.profile-org-logo .no-img{position:relative;}


.profile-org-logo img{width:150px;height:150px;border-radius:50%}


.profile-org-logo .cancel .mat-icon{position:absolute;top:-50px;left:120px;cursor:pointer;background-color:#f2f2f2;color:#262A53;border-radius:50%}


.card.product-box{padding:1.5rem;}


.product-img{margin:0 1.625rem 0 0;}


.product-img .no-img{position:relative;}


.product-img img,
.product-img .product-placeholder-img{width:200px;height:200px;border-radius:25px}


.product-img-small img,
.product-img-small .product-placeholder-img{width:150px;height:150px;border-radius:25px}


.product-img .cancel .mat-icon{position:absolute;top:-77px;left:165px;cursor:pointer;background-color:#f2f2f2;color:#262A53;border-radius:50%}


.product-title {color:#262A53;font-size:calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));margin-top:0!important;margin-bottom:0;font-weight:500;}


.product-description {color:#262A53;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;margin-bottom:0!important;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.profile-box:last-child {margin-bottom:0px;}


.profile-top-btn {font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#666666;padding:0;display:flex;align-items:center;}


.profile-top-btn:hover {color:#828282}


.profile-top-btn.view-profile{position:absolute;right:0;bottom:-1.75rem;}


.profile.client-profile{margin:50px 0 0 0!important;}


.profile-top-btn img {padding:0 .5rem 0 0;}


.profile-top-btn.upload-btn{margin-right:30px;}


.profile-top-btn.upload-btn .mat-icon{background-color:#f2f2f2;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:.5rem;}


.profile-basic-info{display:flex;align-items:center;}


.profile-org-name{font-size:calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#262A53;margin-bottom:5px!important}


.profile-org-status{font-family:"Open Sans", sans-serif;font-size:calc(14px + (15 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#686868;padding:0rem 0 0 0;}


.profile-upload-btn{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#999999;border:0.5px solid #828282;border-radius:20px;min-height:36px;margin-top:12px;margin-bottom:10px}


.profile-upload-size-info{font-size:12px;font-weight:500;color:#999999;}


.profile-org-info,.profile-form-group{display:flex;flex-direction:column;}


.profile-form{width:100%;margin:1rem 0 0 0;}


.profile-form .error-box{padding-bottom:0.3em;position:relative;}


.profile-form .mat-error{font-size:11px;text-align:left;color:red;position:absolute;width:100%;}


.profile-form-group label{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#808080;margin:1rem 0 .5rem;}


.profile-form-group .company-album-add-btn{background-color:#eee;color:#808080;border-radius:20px;min-height:100px;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;padding:10px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;}


.profile-form-group .company-album-add-btn:hover{color:#4f4f4f;}


.profile-form-group .company-album-add-btn .mat-icon{font-size:50px;width:auto!important;height:auto!important;}


.profile-input .mat-input-element::-moz-placeholder {color:#999999;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.profile-input .mat-input-element::placeholder {color:#999999;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.profile-input .mat-input-element{color:#262A53;font-size:12px;font-weight:500;}


.profile-input input:-webkit-autofill,
.profile-input input:-webkit-autofill:hover,
.profile-input input:-webkit-autofill:focus,
.profile-input input:-webkit-autofill:active  {box-shadow: 0 0 0 30px #ffffff inset !important;}


.profile-input textarea:-webkit-autofill,
.profile-input textarea:-webkit-autofill:hover,
.profile-input textarea:-webkit-autofill:focus,
.profile-input textarea:-webkit-autofill:active  {box-shadow: 0 0 0 30px #ffffff inset !important;}


.profile-buttons{margin-top:1.5rem;flex-direction:row;}


.profile-pastclients-cover-box{min-height:151px}


.profile-counter-box{padding:0}


.profile-counter-box-top-wrapper{background-color:#F2F2F2;padding:1.25rem;min-height:90px;border-radius:20px 20px 0 0;}


.profile-counter-box-bottom-wrapper{padding:.85rem 1.25rem;}


.profile-counter-box-text{margin:0;font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#262A53;}


.profile-counter-box-title{font-size:calc(32px + (42 - 32) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#5680E9;}


.profile-pastclients-carousel .owl-nav{display:none;}


.profile-pastclients-carousel .owl-dots{position:absolute;right:0rem;top:-1rem;}


.profile-pastclients-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#171725;}


.profile-pastclients-box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1.5rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.profile-pastclients-name{font-family:"Open Sans", sans-serif;font-size:calc(11px + (12 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#808080;margin:.5rem 0 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80px;}


.profile-employeelist-carousel {position:relative;}


.profile-employeelist-carousel .owl-nav{position:absolute;right:0;top:-3.5rem;}


.profile-employeelist-carousel .owl-theme .owl-dots{display:none;}


.profile-employeelist-title{padding-bottom:15px}


.profile-employeelist-box{border:0.5px solid #828282;border-radius:20px;padding:1rem;}


.profile-employeelist-info{display:flex;align-items:flex-start;justify-content:space-between;}


.profile-employeelist-name{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#171725;}


.profile-employeelist-post{font-family:"Open Sans", sans-serif;font-size:calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#808080;}


.profile-employeelist-viewedit-btn{font-size:12px;font-weight:500;color:#5680E9;text-decoration:underline;margin:0 0 0 auto;}


.profile-employeelist-text{font-family:"Open Sans", sans-serif;font-size:calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#999999;padding:1rem 0;margin:0;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.profile-employeelist-skills{display:flex;align-items:center;}


.profile-employeelist-skill-name{display:flex;border-radius:20px;padding:.5rem 1rem;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;margin-right:.75rem;}


.skyblue{background-color:#F2FBFF;color:#5AB9EA;}


.lightpurple{background-color:#F6F1FF;color:#8860D0;}


.profile-reviews-block{padding:1rem 1rem;}


.profile-reviews-carousel .owl-theme .owl-nav{display:none;}


.profile-reviews-box{padding-top:1rem;}


.profile-reviews-info{display:flex;align-items:flex-start;justify-content:space-between;}


.profile-reviews-info-wrap{display:flex;align-items:center;}


.profile-reviews-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#171725;}


.profile-reviews-info-wrap img,
.owl-carousel .owl-item .profile-reviews-info-wrap img{margin-right:.75rem;height:40px;width:40px;border-radius:50%}


.profile-reviews-name{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#808080;}


.profile-reviews-text{font-family:"Open Sans", sans-serif;font-size:calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#707070;padding:1rem 0 .5rem;margin:0;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.profile-reviews-date{font-family:"Open Sans", sans-serif;font-size:calc(12px + (12 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#5680E9;}


.owl-theme .owl-dots .owl-dot span{width:8px;height:8px;margin:5px 5px;}


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#363636}


.profile-counter-box-bottom-info-wrapper{display:flex;justify-content:space-between;align-items:center;}


.profile-counter-view-btn{font-family:"Open Sans", sans-serif;margin:0 0 0 auto;display:flex;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#666666;text-decoration:underline;}


.profile-services-list{list-style:none;margin:0;padding:.25rem 0 0 0;height:60px;}


.profile-services-list li{font-family:"Open Sans", sans-serif;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#5680E9;margin:.5rem 0 0 0;}


.viewprofile-info{border-radius:20px;border:0.5px solid #828282;position:relative;overflow:hidden;}


.viewprofile-info-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:2rem 0 0 0;}


.viewprofile-info-wrapper img{width:100px;height:100px;border-radius:50%}


.viewprofile-info-title{color:#262A53;font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:700;padding:1rem 1.25rem 0 1.25rem;width:100%;text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.viewprofile-info-location{font-family:"Open Sans", sans-serif;color:#686868;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:500;margin:.2rem 0 1.75rem 0;width:100%;text-align:center;padding:0 1.25rem;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.viewprofile-pastclients{margin:1.75rem 0 0 0;flex: 1 1;}


.viewprofile-pastclients .profile-pastclients-block{height:100%;}


.viewprofile-pastclients .profile-pastclients-box{margin-top:1rem;}


.viewprofile-pastclients .profile-pastclients-box:nth-child(1){margin-bottom:2rem;}


.viewprofile-maininfo-title{color:#262A53;font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:700;padding-bottom:20px;}


.viewprofile-maininfo-text{font-family:"Open Sans", sans-serif;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#707070;line-height:22px;margin-bottom:0}


.viewprofile-maininfo-subtitle{font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#262A53;padding:.5rem 0 0 0;padding-top:30px}


.viewprofile-maininfo-subinfo{font-family:"Open Sans", sans-serif;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#666666;padding-top:10px;line-height:20px;margin-bottom:0;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.viewprofile-maininfo .text-height{max-height:100px}


.modal .bio-view .title{margin-bottom:15px!important}


.modal .bio-view .text{font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;color: #666666;margin-top:0!important;margin-bottom:10px!important;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.modal .bio-view .content{padding-bottom:30px!important}


.modal .bio-view .browse-btn{color: white;width:200px;border-radius:21.5px;background-color:#8860d0;padding:8px 0;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;}


.modal .bio-view .browse-btn .mat-icon{margin-right:10px;}


.modal .partner-image-crop{min-width:auto;max-width:500px;}


.modal-content{border-radius:15px;border:none;}


@media screen and (max-width: 1399px) {
  .partner .mat-drawer-inner-container {padding-right:0px}
}


@media screen and (max-width: 1199px) {
  .partner .mat-drawer-inner-container {padding-right:0px}
}


@media screen and (max-width:991px) {
  .profile-basic-info{flex-direction:column;align-items:center;}
  .profile-org-logo{margin:0 0 1rem;}
  .profile-org-info{text-align:center;}
}


@media screen and (max-width:575px) {
  .profile-top-btn.view-profile{bottom:-2.75rem;}
  .profile {margin-top:25px}
  .profile-top-btn {margin:10px 0;position:static;left:0;right:auto}
}


/*-----------------------------------------------
15. Client Dashboard Flow
-----------------------------------------------*/


.status-blue{color:#5680E9;}


.client-profile-reviews-block {margin-top:1.75rem;padding-bottom:0;}


.client-profile-reviews-block .profile-reviews-box{padding:1rem 0 0;}


.client-view-profile .profile-box.client-viewprofile-info{border:0.5px solid #828282}


.section-content .text{font-size:14px;text-align:left;}


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


.dashboard.client-dashboard .main-card .sub-text-blue{color:#5AB9EA;}


.dashboard.client-dashboard .content-box .purple-text{font-size:14px;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;display:inline-block;}


.dashboard.client-dashboard .content-box p{overflow:hidden;text-overflow:ellipsis;display:flex;}


.dashboard.client-dashboard .card{height:auto;}


.dashboard.client-dashboard .client-dashboard-interviews.small-card .text{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))) !important;margin-left:0px!important;margin-top:0px!important}


.client-dashboard-interviews .row-space{padding:1.25rem 1.25rem .5rem;height:238px;}


.client-dashboard-interviews .time{color:#5680E9!important;font-size:14px;}


.client-dashboard-interviews perfect-scrollbar{border-radius:20px;}


.client-dashboard-interviews .interview-section{margin-bottom:1rem}


.client-dashboard-interviews .section-content{border-bottom:1px solid #EEEEEE}


.inner-text{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;margin-left: 19.5px;margin-top:7.5px;}


.contract-section .section-dates{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:400;text-align:left;}


.contract-section .section-dates strong{font-weight:500;color:#5680E9;}


.contract-section .section-content .text{color:#8860D0!important;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.contract-section .section-content .text.font-weight-600.mb-0{color:#262A53!important;}


.contract-section .section-content{border-bottom:1px solid #EEEEEE;}


.contracts-scroll perfect-scrollbar{max-height:430px;border-radius:20px;width:calc(100% - .75rem);}


.client-dashboard .img-box{margin-top:1.25rem}


.status-pending{color:#5AB9EA;}


.status-active{color:#58B47C;}


.status-open{color:#8860D0;}


.status-inprogess{color:#10C116;}


.status-closed{color:#828282;}


/*-----------------------------------------------
16. Toaster Alert
-----------------------------------------------*/


.toast-container .ngx-toastr{width:415px!important; background-color:#ffffff!important; border-radius:5px!important; box-shadow:4px 7px 8px #0000001A!important;background-position-x:15px!important;background-position-y:15px!important;}


.toast-success {border:2px solid #5EC090!important; background-image:url('resources/success_circle.f1f9d0525717407c412b.svg')!important;}


.toast-warning {border:2px solid #EC407A!important; background-image:url('resources/warning_circle.6619f57f21f758765591.svg')!important;}


.toast-error {border:2px solid #EC407A!important; background-image:url('resources/error_circle.d33ce532196a79d3003f.svg')!important;}


.toast-info {border:2px solid #5680E9!important; background-image:url('resources/info_circle.66f1c5be5a009c5f484e.svg')!important;}


.toast-title {color:#414857!important; font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)))!important;}


.toast-message {font-size:calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300)))!important; color: #8D929B!important;}


.toast-success .toast-progress {background-color:#5EC090!important;}


.toast-warning .toast-progress {background-color:#EC407A!important;}


.toast-error .toast-progress {background-color:#EC407A!important;}


.toast-info .toast-progress {background-color:#5680E9!important;}


.toast-success .toast-progress, .toast-warning .toast-progress, .toast-error .toast-progress, .toast-info .toast-progress {opacity:1!important; height:2px!important;}


@media screen and (max-width:575px) {
  .toast-container .ngx-toastr{width:280px!important;}
}


/*-----------------------------------------------
17. View Profile
-----------------------------------------------*/


.view-profile-main-container .main-content-box .left-spacing { padding-right: 50px; }


.view-profile-main-container .main-content-box .profile-heading-data { display:flex; align-items:center; }


.view-profile-main-container .main-content-box .card-container .card-view-profile-img .view-profile-image-box {background-color:#5EC090; border-radius:50%; display:flex; justify-content:center; align-items:center; width:150px; height:150px; margin:0 50px 30px 0;}


.view-profile-main-container .main-content-box .card-container .card-view-profile-img .view-profile-image-box .profile-image {width:80px;height:80px;}


.view-profile-main-container .main-content-box .company-name-heading { font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300))); color: #333333; font-weight: 700; margin: 0; padding-bottom: 30px; word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.view-profile-main-container .main-content-box .bio-text {width: 660px;}


.view-profile-main-container .main-content-box .iso-image-container {margin-top:10px;}


.view-profile-main-container .main-content-box .iso-image-spacing {margin-right:15px; width:45px; height:45px;}


.view-profile-main-container .main-content-box .top-spacing {padding-top:30px;}


.view-profile-main-container .main-content-box .website-url {text-decoration:underline; display:block; word-break:break-word;}


.view-profile-main-container .main-content-box .blue-container {background-color: #EBF1FF; padding: 4px 12px; border: none; border-radius: 50px; margin-right:10px; margin-bottom:5px;}


.view-profile-main-container .main-content-box .blue-text {font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); color:#5680E9; font-weight: 500; text-align: center;}


.view-profile-main-container .main-content-box .purple-container {background-color:#F4EEFF; padding: 4px 12px; border: none; border-radius: 50px; margin-right: 10px; margin-bottom:5px;display:flex;align-items:center;justify-content:center;}


.view-profile-main-container .main-content-box .purple-text {font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); color:#8860D0; font-weight: 500;}


.view-profile-main-container .main-content-box .video-style {border-radius: 20px; max-width:600px; max-height:355px; }


.view-profile-main-container .main-content-box .social-links-container {display: flex; flex-direction:row;}


.view-profile-main-container .main-content-box .border-right {color:#2C2C2C; padding-left:5px; padding-right:5px;}


.view-profile-main-container .main-content-box .card-container .linkedin-text { font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); color:#0E76A8; font-weight: 500; }


.view-profile-main-container .main-content-box .facebook-text { font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); color:#4267B2; font-weight: 500; }


.view-profile-main-container .main-content-box .twitter-text { font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); color:#00ACEE; font-weight: 500; }


.view-profile-main-container .main-content-box .instagram-text { font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); color:#8A3AB9; font-weight: 500; }


.view-profile-main-container .main-content-box .image-space { margin-right: 30px; margin-bottom: 10px; }


.view-profile-main-container .main-content-box .image-size {width:300px;height:168px;border-radius:20px;margin-bottom:5px;}


.view-profile-main-container .main-content-box .profile-top.flex-class {display:flex;}


.view-profile-main-container .main-content-box .card-container .card .card-content .text:last-child { padding: 0;}


/* sub user profile */


.view-profile-main-container.sub-user-profile .main-content-box .card-container .card-view-profile-img .view-sub-user-profile-image-box {background-color:#5EC090; border-radius:50%; display:flex; justify-content:center; align-items:center; width:100px; height:100px; margin:0 50px 0px 0;}


.view-profile-main-container.sub-user-profile .main-content-box .user-name-heading { font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300))); color: #333333; font-weight: 700; margin: 0; padding-bottom: 10px; word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.view-profile-main-container.sub-user-profile .main-content-box .profile-edit-card {display: flex;justify-content: space-between;gap: 0rem; margin-bottom: 1.5rem;}


.view-profile-main-container.sub-user-profile .modal-footer .btn.btn-active{background-color:#5EC090;color:#fff;padding:8px 42px;border-radius:21px;}


.view-profile-main-container.sub-user-profile .modal-footer .btn.btn-active:hover{background-color:#4c9b74;}


.view-profile-main-container.sub-user-profile .modal-footer .btn.btn-outline-active{background-color:#fff;color:#5EC090;border:1px solid #5EC090;border-radius:21px;padding:8px 42px}


.view-profile-main-container.sub-user-profile .modal-footer .btn.btn-outline-active:hover{background-color:#5EC090;color:#fff;}


.view-profile-main-container.sub-user-profile .modal-footer .btn.btn-active:focus,
.view-profile-main-container.sub-user-profile .modal-footer .btn.btn-outline-active:focus{box-shadow: 0 0 0 0.25rem #5EC09045;}


.view-profile-main-container.sub-user-profile .card-container .card .card-content{padding-bottom: 10px;}


.view-profile-main-container.sub-user-profile .main-content-box .action-box .btn-with-icon{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#666666;transition:all 0.4s ease-in;}


.view-profile-main-container.sub-user-profile .main-content-box .action-box .btn-with-icon .btn-icon{width:30px;height:30px;margin-right:10px;}


.view-profile-main-container.sub-user-profile .main-content-box .action-box .btn-with-icon .btn-icon.btn-bg{background-color: #ecf2ff;border-radius: 50%;padding:6px}


.view-profile-main-container.sub-user-profile .main-content-box .action-box .btn-with-icon:hover .btn-icon{box-shadow: 0px 0px 5px 2px #c4d7ff;border-radius:50%;}


.view-profile-main-container.sub-user-profile .main-content-box .card-container .card.edit-sub-profile-card{width: -moz-fit-content;width: fit-content;}


.view-profile-main-container.sub-user-profile .main-content-box .action-btn-box{width: 150px;}


.view-profile-not-allowed{ cursor: not-allowed;}


.view-profile-not-allowed-event{ pointer-events: none;}


.view-profile-main-container.sub-user-profile .mat-error { background-color: transparent !important;}


.view-profile-main-container.sub-user-profile .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.3416666667em !important;}


.view-profile-main-container.sub-user-profile .profile-image-container {display: block;width: 100px; height: 100px; position: relative;}


.view-profile-main-container.sub-user-profile .profile-image-block {justify-content: center;display: flex;}


.view-profile-main-container.sub-user-profile .profile-image-upload { align-items: center; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; }


.view-profile-main-container.sub-user-profile .profile-upload-button {  width: 100px; height: 100px; position: absolute; top: 0px; right: 0; left: 0; bottom: 0; opacity: 0;z-index: 10000; display: flex; justify-content: center;  align-items: center;}


.view-profile-main-container.sub-user-profile .profile-upload-button:hover { opacity: 1;}


.view-profile-main-container.sub-user-profile .profile-image-container .image-box{background-color:#5EC090;border-radius:50%;width:100px;height:100px;display:flex;justify-content:center;align-items:center;}


.view-profile-main-container.sub-user-profile .profile-image-container .image-box .profile-image{width:60px;height:60px;}


.view-profile-main-container.sub-user-profile .image-box1{background-color:#5EC090;border-radius:50%;width:100px!important;height:100px!important;display:flex;justify-content:center;align-items:center;}


.view-profile-main-container.sub-user-profile .image-box1 .profile-image{width:60px !important;height:60px !important;}


.upload-file-img{font-size: 30px !important;width:100px !important; height:35px !important;}


.view-profile-main-container.sub-user-profile .card-view-profile-img{width: 100px;margin:0 30px 0px 0;}


.view-profile-main-container.sub-user-profile .profile-image-container-size {width:100px; height:100px; border-radius:50px;}


.view-profile-main-container.sub-user-profile .photo-error-sub-user .mat-error { background-color: transparent !important; font-size: 11px !important; margin-top: 5px !important; margin-left: 2px !important;}


.dark-shadow{ opacity: 0 !important; background-color: #e3e3e3; width:100px; height: 100px; border-radius:50%; position: absolute; top: 0px; right: 0; left: 0; bottom: 0; opacity: 0; z-index: 10; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }


.dark-shadow:hover{opacity: 0.7 !important;}


@media only screen and (min-width: 991px) {
  .view-profile-main-container .main-content-box .image-space:last-child{ margin-right:0;}
}


@media screen and (max-width:991px) {
  .view-profile-main-container .main-content-box .bio-text { width: 100%; }
}


@media screen and (max-width:767px) {
  .view-profile-main-container .main-content-box .video-style {width: 100%;}
}


@media screen and (max-width:575px) {
  .view-profile-main-container .main-content-box .image-size, .view-profile-main-container .main-content-box .image-space {width: 100%; height: auto;}
  .view-profile-main-container .main-content-box .image-space { margin-right:0;}
  .view-profile-main-container .main-content-box .profile-top.flex-class { display: block; }
  .view-profile-main-container .main-content-box .left-spacing { padding-right: 0;width: 100%; }
  .view-profile-main-container .main-content-box .blue-text{text-align: left;}
  .view-profile-main-container .main-content-box .card-container .card-view-profile-img .view-profile-image-box {width:80px; height:80px; margin:0 auto;}
  .view-profile-main-container .main-content-box .card-container .card-view-profile-img .view-profile-image-box .profile-image{width: 50px;height: 50px;}
  .view-profile-main-container .main-content-box .company-name-heading{margin: 0 auto; padding-top: 10px;text-align: center;}
}


/*-----------------------------------------------
18. Interview Section
-----------------------------------------------*/


.interview-container .card-group{display:grid;grid-template-columns: repeat(3,1fr);gap:1rem;}


.interview-container .card-group .card{height: 300px;border: 1px solid #c9cad0;padding:1.5rem}


.interview-container .card-group .card:hover {border:1px solid #48ACF0;box-shadow: 3px 3px 14px #00000014;}


.interview-container .card-group .card  .request-time-of-interview{font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); color: #A2A5AD; font-weight: 500;}


.interview-container .card-group .card .card-image{margin-right:12px; width: 48px; height:48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.interview-container .card-group .card .title{display:block;font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;margin-bottom:8px !important;text-align:start; word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.interview-container .card-group .card .sub-title{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8A8D97;-webkit-hyphens:auto;hyphens:auto;}


.interview-container .card-group .card .sub-title .text-highlight{color:#4FA270;font-weight:600;}


.interview-container .card-group .card .card-footer .btn-sub-text{color: #0F172A;font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


.interview-container .card-group .image-box-wrapper{display: flex; justify-content: space-between;align-items: flex-start;margin-bottom: 8px;}


.interview-container .card-group .card.red{border:1px solid #E94F57;}


.interview-container .card-group .card .image-box{display:flex;}


.interview-container .card-group .card .image-box-content{display:flex; flex-direction: column;gap: 10px;}


.interview-container .card-group .card .text-box{display:block;width:100%;line-height:initial;}


.interview-container .card-group .card .card-image{margin-right:12px; width: 48px; height:48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.interview-container .card-group .card .card-sub-image{width: 24px; height:24px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.interview-container .card-group .card .title{display:block;font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;margin-bottom:8px !important;text-align:start; word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.interview-container .card-group .card .sub-title{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8A8D97;-webkit-hyphens:auto;hyphens:auto;}


.interview-container .card-group .card .sub-title .text-highlight{color:#4FA270;font-weight:600;}


.pad-right-0{padding-right: 0 !important;}


.interview-container .card-group .card .content-title{display: flex; align-items: center;  justify-content: space-between; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#48ACF0;margin-bottom:0px !important;text-align:start; word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.interview-container .card-group .card .content-sub-title{display: flex; align-items: center;  justify-content: space-between; gap: 5px;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;margin-bottom:0px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.interview-container .card-group .card .content-sub-title .text-highlight{color:#4FA270;font-weight:600;}


.interview-container .card-group .card .gap10 { gap: 10px; align-items: flex-end;margin-left: 5px;}


.interview-container .card-group .card .text{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.interview-container .card-group .card .status-box{background-color: #F6F6F6;display:flex;align-items: center;border-radius: 5px;}


.interview-container .card-group .card .status-box .status-text{font-size:calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#595E6C;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom: 0px;}


.interview-container .card-container { border-radius: 20px; background: #F6F6F6; padding:24px 24px 0px; margin: 0px 0px 24px;}


/* .interview-container .card-wrapper {display: flex; justify-content: space-between;} */


.interview-container .card-wrapper-header{display: flex; justify-content: space-between; margin-bottom: 15px;}


.interview-container .card-container .card-wrapper .card-container-title{font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); color: #404656; font-weight: 700;}


.interview-container .card-container .card-wrapper a{font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); color: #419BD8; font-weight: 500;}


.interview-container .card-container .card {border:1px solid #D3D4D9;background-color:#fff;padding:18px; border-radius: 20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; -ms-border-radius: 20px !important; -o-border-radius: 20px;  position: relative;}


.interview-container .card-container .card:hover {border:1px solid #48ACF0;box-shadow: 3px 3px 14px #00000014;}


/* .interview-container .card-container .card .time-with-manu{position: absolute;top: 10px; right: 10px;} */


.interview-container .card-container .card  .card-top-section-menu{display: flex;align-items: center;gap: 5px;margin-right: 10px;}


.interview-container .card-container .card  .request-time-of-interview{font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); color: #A2A5AD; font-weight: 500;margin-top: 8px;}


.interview-container .card-container .card .card-footer { background-color: transparent; border-top: none; display: flex; justify-content: space-between; align-items: center; margin-top: 24px; padding: 0; flex-wrap: wrap;}


.interview-container .card-container .card .card-footer .action-btn.green-btn { background-color:#58B47C; border: 1px solid #58B47C; padding: 5.13px 22.21px; margin-right: 12px; margin-bottom: 4px;}


.interview-container .card-container .card .card-footer .action-btn.green-btn:hover {background-color:#359159;}


.interview-container .card-container .card .card-footer .action-btn.green-btn .btn-text {color: #FFFFFF;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


.interview-container .card-container .card .card-footer .action-btn { display: flex; align-items: center; background-color: #E1F1E7; border: 1px solid #58B47C; border-radius: 22px; padding: 8px 12px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px;}


.interview-container .card-container .card .card-footer .second-round-btn { background-color:transparent; border: 1px solid transparent; margin-right: 12px; display: flex; /* justify-content: center; */ align-items: center; gap: 5px;}


.interview-container .card-container .card .card-footer .second-round-btn:hover {background-color:transparent;}


.interview-container .card-container .card .card-footer .second-round-btn .btn-text {color: #E5A93B;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


.interview-container .card-container .card .card-footer .action-btn.join-call-btn { background-color:#48ACF0; border: 1px solid #48ACF0; padding: 5.13px 10.24px; margin-right: 12px; margin-bottom: 4px; display: flex; /* justify-content: center; */ align-items: center; gap: 5px;}


.interview-container .card-container .card .card-footer .action-btn.join-call-btn:hover {background-color:#419BD8;}


.interview-container .card-container .card .card-footer .action-btn.join-call-btn .btn-text {color: #FFFFFF;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


.interview-container .card-container .card .card-footer .completed-btn { background-color:transparent; border: 1px solid transparent;  display: flex; /* justify-content: center; */ align-items: center; gap: 5px;}


.interview-container .card-container .card .card-footer .completed-btn:hover {background-color:transparent;}


.interview-container .card-container .card .card-footer .completed-btn .btn-text {color: #58B47C;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


.interview-container .card-container .card .card-footer .canceled-btn { background-color:transparent; border: 1px solid transparent; display: flex; /* justify-content: center; */ align-items: center; gap: 5px;}


.interview-container .card-container .card .card-footer .canceled-btn:hover {background-color:transparent;}


.interview-container .card-container .card .card-footer .canceled-btn .btn-text {color: #E94F57;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


.interview-container .card-container .card .action-btn img { height: 12.8px;}


/* .interview-container .card-container .card-wrapper-contant-grid{display: grid;grid-template-columns: repeat(3, 1fr); gap: 24px;} */


.proposed-time{display: flex;flex-direction: column !important; align-items: flex-end !important; gap: 0px }


.interview-container .card-container .card .card-footer .btn-sub-text{color: #0F172A;font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


.interview-container .card-container .image-box-wrapper{display: flex; justify-content: space-between;align-items: flex-start;margin-bottom: 8px;}


.interview-container .card-container .card.red{border:1px solid #E94F57;}


.interview-container .card-container .card .image-box{display:flex;}


.interview-container .card-container .card .image-box-content{display:flex; flex-direction: column;gap: 10px;}


.interview-container .card-container .card .text-box{display:block;width:100%;line-height:initial;}


.interview-container .card-container .card .card-image{margin-right:12px; width: 48px; height:48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.interview-container .card-container .card .card-sub-image{width: 24px; height:24px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.interview-container .card-container .card .title{display:block;font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;margin-bottom:8px !important;text-align:start; word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.interview-container .card-container .card .sub-title{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8A8D97;-webkit-hyphens:auto;hyphens:auto;}


.interview-container .card-container .card .sub-title .text-highlight{color:#4FA270;font-weight:600;}


.pad-right-0{padding-right: 0 !important;}


.interview-container .card-container .card .content-title{display: flex; align-items: center;  justify-content: space-between; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#48ACF0;margin-bottom:0px !important;text-align:start; word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.interview-container .card-container .card .content-sub-title{display: flex; align-items: center;  justify-content: space-between; gap: 5px;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;margin-bottom:0px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.interview-container .card-container .card .content-sub-title .text-highlight{color:#4FA270;font-weight:600;}


.interview-container .card-container .card .gap10 { gap: 10px; align-items: flex-end;margin-left: 5px;}


.interview-container .card-container .card .text{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.gap-24{gap: 24px;}


.gap-20{ gap: 20px;}


.margin-24 { margin: 0px 0px 24px;}


.interview-container .card-container .card .card-footer.history-interview-status { display: flex; justify-content: space-between;align-items: center !important;}


.interview-container .card-container .card .card-footer.history-interview-status .history-interview-content{display: flex;align-items: center;}


.interview-container .card-container .card .card-footer .reason-status-btn-width { width: 25%; justify-content: center;}


.interview-container .card-container .card .card-footer.history-interview-status .rejected-reason-content{display: flex;gap: 5px; border-right: 1px solid #d2d2d2;width: 75%;}


.interview-container .card-container .card .rejected-reason-content .reason-sub-title{display: flex; align-items: center;  justify-content: space-between; gap: 5px;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;}


.interview-container .card-container .card .rejected-reason-content .reason-content {font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));overflow: hidden; text-overflow: ellipsis; white-space: pre; max-width: 300px;}


.rejected-reason{color: #E94F57;font-weight:500;}


.cancle-reason{color: #282F40;font-weight:500;}


.search-filter-position{position:  initial!important;}


/* .filter-by-time{position: absolute !important; top: 0; right: 0;}  */


.filter-by-time .mat-select-value { width: 100%;}


.filter-by-time .mat-form-field-infix {width: -moz-fit-content;width: fit-content;}


.filter-section{position: absolute;top: 0; right: 0;}


.filter-section-wrapper{display: flex; justify-content: space-around; gap: 20px;}


.filter-day-drop-down-class { margin: 0px -1.75rem; width: -moz-fit-content; width: fit-content;}


.custom-tab-group .card-gap .card-image{margin-right:12px; width: 48px; height:48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.custom-tab-group .card-gap .contract-card-sub-image{width: 24px; height:24px; border-radius: 50%; margin: 0 8px 0px 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.custom-tab-group .card-gap .sub-title .text-highlight{color:#4FA270;font-weight:600;}


.custom-tab-group .card-gap .contract-name-title{display: flex; align-items: center; word-break: normal !important; justify-content: space-between; margin-right: 8px; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#48ACF0;margin-bottom:0px !important;text-align:start; word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.custom-tab-group .card-gap .gap10 { gap: 10px; align-items: flex-end;margin-left: 5px;}


.custom-tab-group .card-gap .text{display:block;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.custom-tab-group .card-gap .card-info{ background-color:#FBFBFB; padding: 8px 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.contract-card-sub-details { display: flex; flex-wrap: wrap; align-items: center;}


.contract-profile-img{width: 48px; height: 48px; border-radius: 50%;}


.contract-profile-wrapper{display: flex; flex-direction: row !important;justify-content: flex-start !important; gap: 20px;}


.contract-header-section{display:flex; flex-direction: column;}


.time-and-menu-flex{display: flex; justify-content: space-between;align-items: center;}


.menu-for-edit-contract { margin: -30px 0px;}


.image-btn-icon{display: flex;gap: 8px; align-items: center;}


.if-button-not-there{display: flex; justify-content: space-between;align-items: center; min-height: 40px;}


@media screen and (max-width:492px) {
  .interview-container .card-container .image-box-wrapper { margin-top: 30px;}
  .interview-container .card-container .card .card-top-section-menu { position: absolute; top: 8px; right: 0;}
  .interview-container .card-container .card .card-footer { margin-top: 0px; flex-wrap: nowrap; flex-direction: column-reverse; align-items: flex-start; gap: 10px;}
  .image-box.gap-20 { flex-direction: column; }
  .gap-20 {gap: 0px; }
  .margin-24 {margin: 0px 0px 24px; padding: 0 !important;}
  .proposed-time {align-items: flex-start !important;}
  .interview-container .card-container .card .card-footer .btn-sub-text {text-align: end;}
  .interview-container .card-container .image-box-wrapper {margin-bottom: 0px;}
  .interview-container .card-container .card .gap10 {justify-content: center; margin: 0 !important; }
  .interview-container .card-container .card .content-sub-title {justify-content: center;}
  .interview-container .card-container .card .card-footer.history-interview-status {display: flex; justify-content: flex-end;align-items: flex-end !important;}
  .interview-container .card-container .card .card-footer.history-interview-status {align-items: flex-start !important;flex-direction: column; gap:10px; }
  .interview-container .card-container .card {justify-content: center;}
  .interview-container .card-container .card .card-footer.history-interview-status .rejected-reason-content {width: 100%;}
  .interview-container .card-container .card .card-footer .reason-status-btn-width { width: 35%; justify-content: flex-start;}
}


@media only screen and (max-width: 520px) {
.filter-section-wrapper { flex-direction: column;gap: 0px !important;}
}


@media only screen and (max-width: 576px) {
  .filter-section .dropdown-search .custom-dropdown .mat-form-field-infix,
  .interview-container .dropdown-search .custom-dropdown .mat-form-field-infix { border-top-right-radius:22px; border-bottom-right-radius:22px; border: 1px solid var(--gray-200);}
  .filter-section .dropdown-search .custom-input.custom-search-input .mat-form-field-flex,
  .interview-container .dropdown-search .custom-input.custom-search-input .mat-form-field-flex { border-top-left-radius:22px;  border-bottom-left-radius:22px;}
  .dropdown-search .custom-dropdown .mat-form-field-infix{margin-bottom:0px}
}


@media only screen and (max-width: 768px) {
    .filter-section { position: relative !important;  }
    .filter-section-wrapper { display: flex; justify-content: flex-start !important;   gap: 20px;}
  }


@media only screen and (min-device-width: 845px) and (max-device-width: 920px) {
    .interview-container .card-container .label{margin-top:18px;}
    .interview-container .card-container .card .gap10 { margin: 6px 22px;}
    }


@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .interview-container .card-container .image-box-wrapper { margin-top: 30px;}
    .interview-container .card-container .card .card-top-section-menu { position: absolute; top: 8px; right: 0;}
    .interview-container .card-container .card .card-footer { margin-top: 20px; flex-wrap: nowrap; }
    .image-box.gap-20 { flex-direction: column; }
    .gap-20 { gap: 0px; }
    .proposed-time { margin-top: -22px;}
    .interview-container .card-container .card .card-footer .btn-sub-text { text-align: end;}
    .interview-container .card-container .image-box-wrapper { margin-bottom: 0px;}
    .interview-container .card-container .card .gap10 { justify-content: center; }
    .interview-container .card-container .card .content-sub-title { justify-content: center;}
    .interview-container .card-container .card .card-footer.history-interview-status {align-items: flex-start !important;flex-direction: column; gap:10px;}
    .interview-container .card-container .card {justify-content: center;}
    .interview-container .card-container .card .card-footer.history-interview-status .rejected-reason-content {width: 100%;}
    .interview-container .card-container .card .card-footer .reason-status-btn-width { width: 35%;justify-content: flex-start;}
  }


@media only screen and (max-device-width: 1200px) {
    .page-content .card.contract-card .card-body .card-details .detail-box { display: flex !important;  margin-bottom: 12px; align-items: flex-start !important; flex-direction: column !important; gap: 10px}
}


@media only screen and (max-device-width: 1400px) {
  .page-content .card.contract-card .card-body .card-details .detail-box { display: flex !important; margin-bottom: 12px; align-items: flex-start !important; flex-direction: column !important;  gap: 10px; }
  .contract-card-sub-details { gap: 8px;}
}


@media only screen and (min-device-width: 320px) and (max-device-width: 1400px) {
  .margin-24{margin: 0px 0px 24px;}
}


@media only screen and (min-device-width: 1400px) and (max-device-width: 1635px) {
  .page-content .card.contract-card .card-body .card-details .detail-box { display: flex !important;  margin-bottom: 12px; align-items: flex-start !important; flex-direction: column !important; gap: 10px}
  .page-content .card.contract-card .card-body .card-details .body-text-3.text-color-light { color: #8A8D97; width: 50px;}
}


@media only screen and (min-device-width: 1400px) and (max-device-width: 1750px) {
    .interview-container .card-container .image-box-wrapper { margin-top: 30px;}
    .interview-container .card-container .card .card-top-section-menu { position: absolute; top: 8px; right: 0;}
    .interview-container .card-container .card .card-footer { margin-top: 20px; flex-wrap: nowrap; }
    .interview-container .card-container .card .card-footer.history-interview-status { margin-top: 0px; flex-wrap: nowrap; }
    .image-box.gap-20 { flex-direction: column; }
    .gap-20 { gap: 0px; }
    .proposed-time { margin-top: -22px;}
    .interview-container .card-container .card .card-footer .btn-sub-text { text-align: end;}
    .interview-container .card-container .image-box-wrapper { margin-bottom: 0px;}
    .interview-container .card-container .card .gap10 { justify-content: center; }
    .interview-container .card-container .card .content-sub-title { justify-content: center;}
    .interview-container .card-container .card .card-footer.history-interview-status { align-items: flex-start !important;flex-direction: column; gap:10px; }
    .interview-container .card-container .card {justify-content: center; }
    .interview-container .card-container .card .card-footer.history-interview-status .rejected-reason-content { width: 100%; }
    .interview-container .card-container .card .card-footer .reason-status-btn-width { width: 35%;justify-content: flex-start;}

  }


/* For media  */


/* .interview-container .card-container .image-box-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column-reverse;
}


.interview-container .card-container .card .card-footer {
  background-color: transparent;
  border-top: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  /* margin-top: 24px;
  padding: 0;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}

.interview-container .card-container .card .card-top-section-menu {
  display: flex;
  align-items: center;
  gap: 5px;
  /* margin-right: 3px;
  margin-left: 65px;
} */


/*  */


/*-----------------------------------------------
19. Image Gallery
-----------------------------------------------*/


.g-overlay lightbox {border-radius: 0; bottom: 0; height: 100%; left: 0; max-height: unset; max-width: unset; position: fixed; right: 0; top: 0; width: 100%;}


gallery {background-color: #1a1a1aad!important;}


/*-----------------------------------------------
20. Footer
-----------------------------------------------*/


footer {text-align:center;background-color:#fff;flex-shrink:0}


footer p {font-size:calc(11px + (12 - 11) * ((100vw - 300px) / (1600 - 300)));color:#C0C3C9;font-weight:500;margin-top:16px;margin-bottom:0;display:flex;justify-content:flex-end;}


.section-footer p{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));justify-content:center;margin-bottom:16px;}


.footer{background-color:#5EC090;display:flex;align-items:flex-end;padding:170px 0 0 0;text-align:center;}


.footer .footer-logo{margin-bottom:2.5rem}


.footer .footer-nav-items,.footer-social-items{margin:0 0 2.5rem 0;padding:0;display:flex;justify-content:center;align-items:center;}


.footer .footer-nav-items li,
.footer-social-items li{list-style:none;}


.footer .footer-nav-items li a{font-size:calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#fff;margin:0 .5rem;padding:0 .425rem;display:flex;align-items:center;justify-content:center;
transition: all .3s ease-in-out;}


.footer .footer-nav-items li a:hover{color:#161F42;}


.footer .footer-text{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:#fff;margin:0 0 1rem 0;}


.footer .footer-disclaimer{font-size:calc(11px + (12 - 11) * ((100vw - 300px) / (1600 - 300)));color:#fff;margin:0 0 2rem 0;font-weight:400;}


.footer .footer-disclaimer strong{font-weight:500;}


.footer-social-items li{margin:0 1rem 0 0;}


.footer-social-items li:last-child{margin:0 0 0 0;}


.footer-social-items a img{width:20px;height:20px;}


.footer-text.footer-text-icon-block{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 0 2rem;line-height:30px;border-bottom:1px solid #6ccc9d;padding:0 0 1rem 0;}


.footer-icon:last-child {margin:0 0 0 1rem;}


.footer-icon img{height:16px;margin:0 .3rem;}


.footer p{color:#B2B2B2;font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


@media screen and (max-width:767px) {
  .footer .footer-nav-items{display:flex;flex-direction:column;margin:0 0 30px 0;}
  .footer .footer-nav-items li{margin-bottom:10px;}
}


/*-----------------------------------------------
21. Billing
-----------------------------------------------*/


.billing-section .main-section{height:100%}


.billing-section .card{padding: 24px;}


.billing-section .card-section-title{font-size:calc(32px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#0F172A;-webkit-hyphens:auto;hyphens:auto;}


.billing-section .card-section-subtitle{font-size:calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#404656;-webkit-hyphens:auto;hyphens:auto;display: flex;gap: 8px; align-items: center; flex-wrap: wrap;}


.billing-section .hignlighted-month{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#48ACF0;-webkit-hyphens:auto;hyphens:auto;}


.billing-section .billing-section-wrapper{display: flex;justify-content: space-between; flex-direction: column;gap: 40px;}


.billing-section .billing-section-header{ display: flex; justify-content: space-between; align-items: center;}


.billing-section .billing-section-footer{ display: flex; flex-direction: column;}


.billing-section .button-with-lable{display: flex; align-items: center;justify-content: center; gap: 5px;}


.billing-section .bank-account-header-section{display: flex; justify-content: space-between;align-items: center;}


.billing-section .billing-section-wrapper .billing-section-wrapper-left-section{display: flex;flex-direction: column;}


.billing-section .billing-section-wrapper-right-section .billing-section-wrapper-bill-icon-outer-section{width: 100%; height: 100%; background-color: #E1F1E7; border-radius: 50%; min-width: 76px; min-height: 76px; display: flex; align-items: center; justify-content: center;}


.billing-section .billing-section-wrapper-right-section .billing-section-wrapper-bill-icon-inner-section{height: auto; background-color: #4FA270; border-radius: 50%; color: #E1F1E7; min-width: 38px; min-height: 38px; display: flex; align-items: center; justify-content: center;}


.billing-section .bills-count-paid{font-size:calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-bottom:8px;-webkit-hyphens:auto;hyphens:auto;}


.billing-section .bills-paid-status{font-size:calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#E94F57;margin-bottom:8px;-webkit-hyphens:auto;hyphens:auto; border-left: 1px solid #717682; padding-left: 5px;}


.billing-section .billing-header{display: flex;justify-content: space-between;}


.billing-section .billing-header .billing-heading{font-weight:bold}


.billing-section .billing-header .billing-manage a{color:#48ACF0}


.billing-section .ps__thumb-x, .ps__thumb-y{background-color: transparent}


.billing-section .mat-progress-bar { height: 12px !important; border-radius: 50px;}


.billing-section .mat-progress-bar-buffer {background-color: #E1F1E7 !important;}


.billing-section .mat-progress-bar-fill::after { background-color: #4FA270 !important;}


.billing-section .billing-body{margin-top:1.5rem;display:flex;justify-content: space-between;flex-direction: row;gap:1.5rem;}


.billing-bank-card{position:relative;display:flex;align-items:center;border: 1px solid #D3D4D9;border-radius: 10px;padding:1.5rem;height: 100%;flex-wrap: wrap;}


.billing-client-logo{margin-right:20px;max-width: 48px; max-height: 48px; border-radius: 50px;}


.billing-bank-logo{margin-right: 20px;}


.billing-bank-wrapper{min-width:-moz-max-content;min-width:max-content}


.billing-bank-name{color:#0F172A;font-weight:500;font-size:calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));}


.billing-edit-button{position: absolute;right:12px;top:12px}


.billing-bank-account-number{color:#717682;font-weight:500;font-size:calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));}


.billing-section .billing-menu-icon{display:flex;flex-direction: column-reverse;align-items: flex-end;margin-left:auto;}


.billing-section .bank-account-status{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.billing-section .bank-account-status .primary-bank{color:#48ACF0}


.billing-section .bank-account-status .secondary-bank{color:#717682}


.bank-account-modal .modal-dialog {max-width: 396px;margin: 0.5rem auto;}


.bank-account-modal .modal-dialog .modal-content .modal-body .billing-bank-card.red{border: 1px solid #E94F57}


.bank-account-modal .modal-dialog .modal-content .modal-body .billing-delete-text{color:#0F172A;font-weight: 500;font-size: 14px;margin-top:1.5rem}


.billing-section .mat-tab-labels { padding: 12px 0px 24px 0px;}


.billing-section .card .talent-profile-section .card-wrapper-header { display: flex; justify-content: space-between; margin-bottom: 15px;}


.billing-section .card .talent-profile-section .card-wrapper-header .card-container-title {font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));color: #0F172A; font-weight: 700;}


.billing-section .card .talent-profile-section .card-wrapper-header a { font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); color: #419BD8; font-weight: 500;}


.billing-section .bank-card-scroll-section { display: flex; gap: 1.5rem;flex-wrap: nowrap; padding-bottom: 15px;}


.billing-section .bank-account-card-flex-gap{display: flex; flex-direction: column; justify-content: space-between; gap: 8px; }


.billing-section .billing-details { display: flex; justify-content: space-between; align-items: flex-end;}


.billing-section .billing-details .img-group { display: flex; margin-bottom: 0.5rem;}


.billing-section .billing-details .img-group .img:first-child { margin-left: 0;}


.billing-section .billing-details .img-group .img { height: 40px; width: 40px; margin-left: -20px; border: 2px solid #FFFFFF; border-radius: 50%; color: #FFFFFF; display: flex; justify-content: center; align-items: center; background-color: #48ACF0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}


.billing-section .mat-tab-body-content { overflow: hidden;}


.billing-section .bank-bill-status .bank-bill-status-text{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-bottom:8px;-webkit-hyphens:auto;hyphens:auto;width: 100%; background: #FBFBFB; padding: 12px; border-radius: 5px;}


.billing-section .bank-bill-status .bank-bill-status-text.rejected-reason{color: #E94F57;}


.billing-section .bank-bill-status .bank-bill-status-text .text-highlighted{color: #58B47C;}


.billing-section .rejected-reason-card:hover{  border: 1px solid #E94F57;}


.billing-section .billing-client-view-profile{margin-left:auto}


.billing-section  .billing-contract-card{display:flex;justify-content: space-between;flex-wrap: wrap;width:100% }


.billing-section .billing-client-view-profile-button{border: 1px solid #48ACF0;border-radius: 22px;color:#48ACF0;padding:8px 12px;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.billing-section .card-section-second-title{font-size:calc(24px + (28 - 24) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#0F172A;-webkit-hyphens:auto;hyphens:auto;}


.billing-section .billing-client-name{font-size:calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));color:#282F40;font-weight:500;}


.billing-section .billing-client-location{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:#8A8D97;font-weight:500;}


.billing-section .billing-client-status-search{display:flex;justify-content: flex-end;margin-top:2rem}


.invoice-modal .modal-dialog {max-width: 768px;margin: 0.5rem auto;}


.invoice-modal .modal-dialog .modal-content .modal-body .card .card-image{height:80px;width:80px;}


.invoice-modal .modal-dialog .modal-content .modal-body .card .sub-title{margin-bottom:8px;}


.invoice-modal .modal-dialog .modal-content .invoice-summary-card{background-color: #F6F6F6;border-radius:20px;padding:24px;margin-top:20px;}


.invoice-modal .modal-dialog .modal-content .invoice-summary-card .invoice-summary-title .summary-title{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#404656;line-height:initial;}


.invoice-modal .modal-dialog .modal-content .invoice-summary-card .invoice-summary-body{border: 1px solid #D3D4D9;border-radius: 15px;padding:24px 24px 0px 24px;margin-top:24px;background-color: #fff;font-weight:500;font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));}


.invoice-modal .modal-dialog .modal-content .invoice-summary-card .invoice-summary-data{display: flex;justify-content: space-between;margin-bottom:1.5rem}


.invoice-modal .modal-dialog .modal-content .invoice-summary-card .invoice-summary-data .invoice-amount{color:#4FA270;}


.invoice-modal .modal-dialog .modal-content .invoice-summary-card .invoice-summary-data .invoice-summary-data-left{color:#717682;}


.invoice-modal .modal-dialog .modal-content .invoice-summary-card .invoice-summary-data .invoive-cycle{color:#282F40}


.invoice-modal .modal-dialog .modal-content .invoice-summary-card .invoice-summary-data .invoice-summary-data-total{color:#0F172A}


.invoice-modal .modal-dialog .modal-content .invoice-summary-card .invoice-summary-total-row{border-top: 1px solid #D3D4D9;border-bottom: 1px solid #D3D4D9; padding:12px 0px}


.billing-section.page-content .search-filter-billing-section.custom-input .mat-form-field-infix{width: 230px;}


.total-progress-chip{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#FFFFFF;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;min-width: 55px; min-height: 23px;max-height: 23px; max-width: 55px; /* padding: 0px 24px; */}


.total-progress-chip.total-progress-chip-positive{text-align: center;background-color: #48ACF0;border-radius: 13px;display: flex; justify-content: center; align-items: center;}


.total-progress-chip.total-progress-chip-negetive{text-align: center;background-color: #E94F57;border-radius: 13px; display: flex; justify-content: center;align-items: center;}


.talent-card:hover { border: 1px solid #48ACF0;  box-shadow: 3px 3px 14px #00000014;overflow: hidden;}


.body-text-3.text-highlight{font-weight: 600 !important;word-break: normal;}


.body-text-3.text-highlight span { font-weight: 500 !important;}


@media screen and (min-width:992px) and (max-width:1100px) {
  .billing-section  .billing-contract-card{flex-direction: column-reverse;}
  .page-content .card.contract-card .card-footer .status{padding-bottom:10px;}
  .billing-bank-logo{margin-right:12px;}
  .billing-bank-logo img{width:40px;}
}


@media screen and (max-width:767px) {
  .billing-bank-logo img,
  .billing-section-wrapper-right-section img{width:50px}
  .billing-section .card{padding:16px;}
  .billing-section .billing-client-view-profile-button{padding:6px 9px;}
  .billing-bank-logo{margin-right:15px;}
  .billing-bank-card{padding:16px;}
  .invoice-modal .modal-dialog .modal-content .invoice-summary-card .invoice-summary-body {padding: 16px;}
  .invoice-modal .modal-dialog .modal-content .invoice-summary-card { padding: 16px; margin-top: 10px;}
}


@media screen and (min-width:576px) and (max-width:610px) {
  .billing-bank-logo{margin-right:12px;}
  .billing-bank-logo img{width:40px;}
}


@media screen and (max-width:575px) {
  .billing-section .billing-client-status-search{flex-direction: column;}
  .billing-section .billing-client-status-search .custom-dropdown .mat-form-field-wrapper{width:100%}
  .invoice-modal .modal-dialog .modal-content .modal-body .modal-form .label{margin-top:0px;}
  .invoice-modal .modal-dialog .modal-content {width: 100%!important;margin: 0px 0.5rem}
  .billing-section .bank-account-header-section {flex-direction: column; align-items: flex-start; margin-bottom: 1rem;}
  .invoice-modal .modal-dialog .modal-content .invoice-summary-card .invoice-summary-data {  margin-bottom: 0.5rem; flex-direction: column;}
  .billing-section .mat-tab-labels { padding: 24px 0px 24px 0px;}

  .billing-section.page-content .dropdown-search .custom-dropdown .mat-form-field-infix { border-top-right-radius:22px; border-bottom-right-radius:22px; border: 1px solid var(--gray-200);}
  .billing-section.page-content .dropdown-search .custom-input.custom-search-input .mat-form-field-flex { border-top-left-radius:22px;  border-bottom-left-radius:22px;}
  .filter-with-search-and-dropdown.search-and-dropdown-end{justify-content: flex-start !important;}

}


/*-----------------------------------------------
22. Tab container
-----------------------------------------------*/


.page-content .tab-container .custom-tab-group .mat-tab-header{width: calc(100% - 420px);margin-bottom: 20px;}


.page-content .tab-container .custom-input{position:absolute;top:0;right:0;}


.page-content .tab-container .custom-input.employee-set-price-input .mat-form-field-label{margin-top: 2px;}


.custom-input.employee-set-price-input .mat-form-field-wrapper .mat-form-field-infix{width: 100px !important;padding: 8px 12px;}


.custom-input.employee-set-price-input.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:0;}


.custom-input.employee-set-price-input.mat-form-field-label-wrapper{top: -1.45em;}


.custom-input.employee-set-price-input .mat-form-field-label{padding: 2px 12px;margin-top: 2px;}


.custom-input.employee-set-availability-input .mat-form-field-wrapper .mat-form-field-infix{width: 200px !important;padding: 8px 12px;}


.custom-input.employee-set-availability-input.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:0;}


.custom-input.employee-set-availability-input.mat-form-field-label-wrapper{top: -1.45em;}


.custom-input.employee-set-availability-input .mat-form-field-label{padding: 2px 12px;margin-top: 2px;}


.billing-section.page-content .custom-input { position: absolute; top: 16px; right: 0;}


.page-content .tab-container .custom-input .mat-form-field-infix{width:240px;}


.billing-section.page-content .tab-container .custom-input .mat-form-field-infix{width: 280px;}


.billing-section.page-content .search-filter-billing-section.custom-input .mat-form-field-infix{width: 230px;}


@media screen and (max-width:575px) {
  .full-width{width: 100%;}
}


.page-content .card-gap{row-gap:24px;}


.page-content .card.contract-card { padding:24px; border: 1px solid #D3D4D9;display:flex; justify-content:space-between; transition:all 0.2s linear ; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-transition:all 0.2s linear ; -moz-transition:all 0.2s linear ; -ms-transition:all 0.2s linear ; -o-transition:all 0.2s linear;}


.page-content .card.contract-card .item-spacing{margin-bottom:24px;}


.page-content .card.contract-card .card-header{margin:0px 0px 8px 0px;word-break: break-all;padding:0; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column; background-color:transparent; border:none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }


.page-content .card.contract-card .text-color-light{color:#717682;}


.page-content .card.contract-card .text-color-lighter{color:#A2A5AD;}


.page-content .card.contract-card .card-header .body-text-1{font-weight:600;margin-bottom:4px;}


.page-content .card.contract-card .card-header .body-text-3{margin-bottom:4px;}


.page-content .card.contract-card .card-body{padding:0;}


.page-content .card.contract-card .card-body .card-details{display:flex;flex-direction: column;}


.page-content .card.contract-card .card-body .card-details .detail-box{display: flex;margin-bottom: 12px; align-items: center;}


.page-content .card.contract-card .card-body .card-details .detail-box:last-child{margin-bottom: 0;}


.page-content .card.contract-card .card-body .card-details .body-text-3{color:#282F40;}


.page-content .card.contract-card .card-body .card-details .body-text-3.text-color-light{color:#8A8D97;min-width: 90px;}


.page-content .card.contract-card .card-body .card-details .body-text-3.text-highlight.green{color:#4FA270 !important;font-weight: 500;}


.page-content .card.contract-card .card-body .card-details .body-text-3 span{color:#282F40;}


.page-content .card.contract-card .card-body .card-info{ background-color:#FBFBFB; padding: 8px 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.custom-tab-group .card-gap .body-text-3 .text-highlight{color:#4FA270 !important;font-weight:600;}


.page-content .card.contract-card .image-box{display:flex;}


.page-content .card.contract-card .image-box .text-box{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}


.page-content .card.contract-card .image-box .text-box .inner-text-box{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;}


.page-content .card.contract-card .image-box .text-box .inner-text-box .text-highlight{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#58B47C;margin-bottom:8px;}


.page-content .card.contract-card .image-box .text-box .inner-text-box .text-highlight.yellow-text{color:#E5A93B;display: flex;align-items: center;line-height: initial;}


.page-content .card.contract-card:hover{border: 1px solid #48ACF0;box-shadow: 3px 3px 14px #00000014;}


.page-content .card.contract-card.rejected-card:hover{border: 1px solid #E94F57;box-shadow: 3px 3px 14px #00000014;}


.page-content .card.contract-card .image-box .text-box .inner-text-box .text-highlight .timer{cursor:default;}


.page-content .card.contract-card .card-image{margin-right:12px; width: 80px; height:80px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.page-content .card.contract-card .title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:800;color:#282F40;margin-bottom:0;margin-right:10px;margin-bottom:8px; word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.page-content .card.contract-card .side-title{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-bottom:8px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.page-content .card.contract-card .side-title .text-bold{font-weight:700;color:#282F40;}


/* .page-content .card.contract-card.reject .side-title{opacity:0.5;} */


.page-content .card.contract-card .sub-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;margin-bottom:8px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.page-content .card.contract-card .sub-title .text-highlight{color:#4FA270;font-weight:700;}


.page-content .card.contract-card .text{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.page-content .card.contract-card .card-footer{background-color:transparent;border-top:none;display: flex;justify-content:space-between;align-items: center;padding:0;flex-wrap: wrap;}


.page-content .card.contract-card .card-footer .secondary-small-btn{height: -moz-fit-content !important;height: fit-content !important;align-self: flex-end;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));}


.page-content .card.contract-card .card-footer .secondary-small-btn.blue-btn{background-color: var(--blue-color);color:var(--white-color);border:1px solid var(--blue-color);}


.page-content .card.contract-card .card-footer .secondary-small-btn.blue-btn.button-with-img{    gap: 8px; display: flex; align-items: center; width: -moz-fit-content; width: fit-content; padding: 8px 18px;}


.page-content .card.contract-card .card-footer .secondary-small-btn.blue-btn:hover{background-color: var(--dark-blue-color);}


.page-content .card.contract-card .card-footer .status {display: flex; align-items: center;}


.page-content .card.contract-card .card-footer .status .status-icon {width: 16px;height: auto;margin-right: 6px;}


.page-content .card.contract-card .card-footer .status .status-text {color: #595E6C;}


@media screen and (max-width:1199px) {
  .page-content .card.contract-card .card-footer .secondary-small-btn{padding: 8px 18px;}
}


@media screen and (max-width:767px) {
  .page-content .card.contract-card{padding: 16px;}
  .page-content .card.contract-card .card-footer .secondary-small-btn{padding: 6px 9px;}
  .page-content .card.contract-card .item-spacing{margin-bottom:16px;}
  .page-content .tab-container .custom-input{position: static;}
  .page-content .tab-container .custom-tab-group .mat-tab-header{width:100%;}
  .page-content .card.contract-card .card-body .card-details .body-text-3.text-color-light { width: 50px;}
  .page-content.contract-container .card.contract-card .card-body .card-details .body-text-3.text-color-light { width: 100px;}
  .page-content .card.contract-card .card-image{width:60px;height:60px}
  .page-content .card.contract-card .title,
  .page-content .card.contract-card .sub-title{margin-bottom:5px;}
  .page-content .card.contract-card .card-body .card-info{padding:6px 9px;}

}


/*-----------------------------------------------
17. Create Contract
-----------------------------------------------*/


/* Contract Page */


.page-content.contract-details-container .tab-container .custom-tab-group .mat-tab-header{width: calc(100% - 300px);}


.page-content.contract-details-container .tab-container .custom-input{position:absolute;top:0;right:0;}


.page-content.contract-details-container .tab-container .custom-input .mat-form-field-infix{width:240px;}


.page-content.contract-details-container .card-gap{row-gap:24px;}


.page-content.contract-details-container .card.contract-card { padding:24px; border: 1px solid #D3D4D9;display:flex; justify-content:space-between; transition:all 0.2s linear ; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-transition:all 0.2s linear ; -moz-transition:all 0.2s linear ; -ms-transition:all 0.2s linear ; -o-transition:all 0.2s linear;}


.page-content.contract-details-container .card.contract-card .item-spacing{margin-bottom:24px;}


.page-content.contract-details-container .card.contract-card .card-header{padding:0; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column; background-color:transparent; border:none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }


.page-content.contract-details-container .card.contract-card .text-color-light{color:#717682;}


.page-content.contract-details-container .card.contract-card .text-color-lighter{color:#A2A5AD;}


.page-content.contract-details-container .card.contract-card .card-header .body-text-1{font-weight:600;margin-bottom:4px;}


.page-content.contract-details-container .card.contract-card .card-header .body-text-3{margin-bottom:4px;}


.page-content.contract-details-container .card.contract-card .card-body{padding:0;}


.page-content.contract-details-container .card.contract-card .card-body .card-details{display:flex;flex-direction: column;}


.page-content.contract-details-container .card.contract-card .card-body .card-details .detail-box{display: flex;margin-bottom: 12px;}


.page-content.contract-details-container .card.contract-card .card-body .card-details .detail-box:last-child{margin-bottom: 0;}


.page-content.contract-details-container .card.contract-card .card-body .card-details .body-text-3{color:#282F40;}


.page-content.contract-details-container .card.contract-card .card-body .card-details .body-text-3.text-color-light{color:#8A8D97;width: 100px;}


.page-content.contract-details-container .card.contract-card .card-body .card-info{ background-color:#FBFBFB; padding: 8px 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.page-content.contract-details-container .card.contract-card .image-box{display:flex;}


.page-content.contract-details-container .card.contract-card .image-box .text-box{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}


.page-content.contract-details-container .card.contract-card .image-box .text-box .inner-text-box{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;}


.page-content.contract-details-container .card.contract-card .image-box .text-box .inner-text-box .text-highlight{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#58B47C;margin-bottom:8px;}


.page-content.contract-details-container .card.contract-card .image-box .text-box .inner-text-box .text-highlight.yellow-text{color:#E5A93B;display: flex;align-items: center;line-height: initial;}


.page-content.contract-details-container .card.contract-card:hover{border: 1px solid #48ACF0;box-shadow: 3px 3px 14px #00000014;}


.page-content.contract-details-container .card.contract-card .image-box .text-box .inner-text-box .text-highlight .timer{cursor:default;}


.page-content.contract-details-container .card.contract-card .card-image{margin-right:12px; width: 80px; height:80px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.page-content.contract-details-container .card.contract-card .title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:800;color:#282F40;margin-bottom:0;margin-right:10px;margin-bottom:8px; word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.page-content.contract-details-container .card.contract-card .side-title{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-bottom:8px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.page-content.contract-details-container .card.contract-card .side-title .text-bold{font-weight:700;color:#282F40;}


/* .page-content.contract-details-container .card.contract-card.reject .side-title{opacity:0.5;} */


.page-content.contract-details-container .card.contract-card .sub-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;margin-bottom:8px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.page-content.contract-details-container .card.contract-card .sub-title .text-highlight{color:#4FA270;font-weight:700;}


.page-content.contract-details-container .card.contract-card .text{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}


.page-content.contract-details-container .card.contract-card .card-footer{background-color:transparent;border-top:none;display: flex;justify-content:space-between;align-items: center;padding:0;flex-wrap: wrap;}


.page-content.contract-details-container .card.contract-card .card-footer .secondary-small-btn{background-color:var(--white-color); font-size:var(--body-text-2-font-size); font-weight:var(--font-weight-500); color:var(--green-color); line-height:var(--font-line-height); word-break:var(--font-word-break); hyphens:var(--font-hyphens); -webkit-hyphens:var(--font-hyphens); -moz-hyphens:var(--font-hyphens); -ms-hyphens:var(--font-hyphens); margin:0px; padding:8px 24px; border:1px solid var(--green-color); border-radius:var(--button-border-radius); -webkit-border-radius:var(--button-border-radius); -moz-border-radius:var(--button-border-radius); -ms-border-radius:var(--button-border-radius); -o-border-radius:var(--button-border-radius); transition:var(--button-transition); -webkit-transition:var(--button-transition); -moz-transition:var(--button-transition); -ms-transition:var(--button-transition); -o-transition:var(--button-transition);}


.page-content.contract-details-container .card.contract-card .card-footer .secondary-small-btn:hover{background-color:var(--dark-green-color);border:1px solid var(--green-color);color:var(--white-color);}


.page-content.contract-details-container .card.contract-card .card-footer .secondary-small-btn:disabled{background-color:var(--gray-100);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


.page-content.contract-details-container .card.contract-card .card-footer .secondary-small-btn.blue-btn{background-color: var(--blue-color);color:var(--white-color);border:1px solid var(--blue-color);}


.page-content.contract-details-container .card.contract-card .card-footer .secondary-small-btn.blue-btn:hover{background-color: var(--dark-blue-color);}


.page-content.contract-details-container .card.contract-card .card-footer .status {display: flex; align-items: center;}


.page-content.contract-details-container .card.contract-card .card-footer .status .status-icon {width: 16px;height: auto;margin-right: 6px;}


.page-content.contract-details-container .card.contract-card .card-footer .status .status-text {color: #595E6C;}


@media screen and (max-width:1199px) {
  .page-content.contract-details-container .card.contract-card .card-footer .secondary-small-btn{padding: 8px 18px;}
}


@media screen and (max-width:767px) {
  .page-content.contract-details-container .card.contract-card{padding: 16px;}
  .page-content.contract-details-container .card.contract-card .card-footer .secondary-small-btn{padding: 8px 12px;}
  .page-content.contract-details-container .card.contract-card .item-spacing{margin-bottom:16px;}
  .page-content.contract-details-container .tab-container .custom-input{position: static;}
  .page-content.contract-details-container .tab-container .custom-tab-group .mat-tab-header{width:100%;}
}


/* Create Contract Page */


.middle-section{width:100%;}


.middle-section .section-spacing{margin-bottom:40px;}


.middle-section .card{display:flex;flex-direction:row;align-items:center;border:1px solid var(--gray-100);padding:24px;width:auto;height: auto; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }


.middle-section .card .image{width: 80px;height:80px;margin-right:12px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.middle-section .card .card-content{display:flex;flex-direction:column;}


.middle-section .card .card-content .body-text-2{color:#0F172A;font-weight:700;margin-bottom:8px;}


.middle-section .card .card-content .body-text-3{color:#595E6C;font-weight:500;margin-bottom:8px;}


.middle-section .card .card-content .body-text-3:last-child{color:#595E6C;font-weight:500;margin-bottom:0;}


.middle-section .card .card-content .body-text-3 .highlighted-text{color:#4FA270;font-weight:700;}


.middle-section .form-section{margin-bottom:20px;}


.middle-section .details-section{ background-color:#F6F6F6;padding:24px;border:1px solid #F6F6F6; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }


.middle-section .details-section.error-indicator{border:1px solid var(--red-color);}


.middle-section .details-section .title-box{margin-bottom:24px;display:flex;justify-content:space-between;}


.middle-section .details-section .title-box .body-text-2{color:#404656;font-weight:700;}


.middle-section .details-section .title-box .action-btn{display:flex;align-items:center;justify-content:center;margin:0; padding:0;color:#419BD8 !important;font-size:var(--body-text-2-font-size); font-weight:var(--font-weight-500); color:var(--font-color); line-height:var(--font-line-height);margin:0;padding:0; word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);}


.middle-section .details-section .title-box .action-btn .icon{margin-right:8px;}


.middle-section .details-section .title-box .action-btn .icon path{fill:#419BD8;}


.middle-section .details-section .card{display:flex;flex-direction:column;}


.middle-section .details-section .title-box .action-btn:hover .icon{animation:spin .3s ease-out}


.middle-section .details-section .card .data-row{display:flex;justify-content:space-between;width:100%;margin-bottom:24px;}


.middle-section .details-section .card .data-row.top-section-divide{border-top:1px solid #D3D4D9;padding-top: 24px;}


.middle-section .details-section .card .data-row .body-text-2{color:#717682;font-weight:500;}


.middle-section .details-section .card .data-row .body-text-2.highlighted-text{color:#4FA270;font-weight:500;}


.middle-section .details-section .card .data-row.total{border-top:1px solid #D3D4D9;border-bottom:1px solid #D3D4D9;padding:12px 0;}


.middle-section .details-section .card .data-row.total .body-text-2{color:#0F172A;font-weight:500;}


.middle-section .details-section .card .data-row.total .body-text-2.highlighted-text{color:#4FA270;font-weight:500;}


.middle-section .details-section .card .data-row.note:last-child{margin-bottom:0;}


.middle-section .details-section .card .data-row.note .body-text-2{color:#717682;font-weight:500;}


.middle-section .details-section .card .data-row.note .body-text-2.highlighted-text{color:#282F40;font-weight:500;}


.middle-section .details-section .custom-radio .card{width:100%;margin-bottom:24px;padding:0;}


.middle-section .details-section .custom-radio .card:last-child{margin-bottom:0;}


.middle-section .details-section .custom-radio .card .mat-radio-label{display:flex;flex-direction:row-reverse;justify-content:space-between;width:100%;padding:24px;}


.middle-section .details-section .custom-radio .card .mat-radio-label .radio-image{ display:flex; width:46px; height:46px;margin-right:16px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.middle-section .details-section .custom-radio .card .mat-radio-label .mat-radio-label-content{display:flex;align-items:center;flex-wrap:wrap;}


.middle-section .details-section .custom-radio .card .mat-radio-label .radio-content{display:flex;flex-direction:column;}


.middle-section .details-section .custom-radio .card .mat-radio-label .radio-content .body-text-2:first-child{margin-bottom: 8px;}


.middle-section .details-section .custom-radio .card.mat-radio-checked{border: 1px solid #48ACF0;box-shadow: 3px 3px 14px #00000014;}


.middle-section .end-section .mat-checkbox-inner-container{margin-top:2px;}


@media screen and (max-width:767px) {
  .middle-section{width:100%;}
  .middle-section .card,
  .middle-section .details-section{padding:16px;}
  .middle-section .details-section .title-box{margin-bottom:16px;}
  .middle-section .section-spacing{margin-bottom:16px;}
  .middle-section .form-section{margin-bottom:0;}
  .middle-section .details-section .custom-radio .card{margin-bottom:16px;}
}


@media screen and (max-width:575px) {
  .middle-section .details-section .card .data-row{flex-direction:column;}
  .middle-section .details-section .card .data-row .body-text-2:first-child{margin-bottom:4px;}
}


/* Contract Details Page */


.middle-section .card.basic-details{align-items:unset;}


.middle-section .card .basic-details-heading {font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); font-weight: var(--font-weight-500); color: #8A8D97;}


.middle-section .card .basic-details-row{display: flex;flex-direction: column;}


/* .middle-section .card .basic-details-spacing{margin-bottom: 25px;} */


.middle-section .card .basic-details-spacing:last-child{margin-bottom: 0px;}


.middle-section .details-section .bank-account-card .card{display: flex; flex-direction: row;}


.middle-section .details-section .bank-account-card .card .bank-account-image{ display:flex; width:46px; height:46px;margin-right:16px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.middle-section .details-section .bank-account-card .card .bank-account-content{display:flex;flex-direction:column;}


.middle-section .details-section .card .body-text-2.highlighted-text{color:#717682;}


.middle-section .details-section .bank-account-card .card .bank-account-content .body-text-2:first-child{margin-bottom: 8px;}


@media screen and (max-width:575px) {
  .middle-section .card .basic-details-row{margin-bottom: 25px;}
  .middle-section .card .basic-details-row:last-child{margin-bottom: 0px;}
}


/*-----------------------------------------------
22. Admin
-----------------------------------------------*/


/* Admin section */


.admin-section .main-section{height:100%}


.admin-title{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#404656;margin:0 0 24px 0}


.total-progress-chip{text-align:center;background-color:#4FA270;border-radius:13px;display:flex;justify-content:center;align-items:center;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#FFFFFF;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;min-width:55px;min-height:23px;max-height:23px;max-width:75px;padding:0px 24px}


.page-content .card.contract-card .card-footer .secondary-small-btn.green-btn{background-color:var(--dark-green-color);color:var(--white-color);border:1px solid var(--dark-green-color);padding:8px 11px}


.deal-view-details{padding:8px 11px !important}


.deal-view-details:hover{color:var(--green-color) !important;background-color:var(--white-color) !important;border:1px solid var(--green-color) !important}


.page-content .card.contract-card .card-body .card-details .body-text-3.text-color-light.detail-label{width:140px}


.page-content .card.contract-card .card-body .card-details .body-text-3.text-highlight.blue{color:var(--dark-blue-color);font-weight:500 !important}


.deal-content{color:#595E6C !important}


.page-content .card.contract-card .card-body .card-details .detail-box.detail-box-flex{flex-direction:row !important}


.deal-status .status-text{font-size:calc(10px + (13 - 10) * ((100vw - 300px) / (1600 - 300)));color:#595E6C}


.deal-status .status-icon{width:16px;height:auto;margin-right:6px}


.deal-count.mat-form-field-appearance-legacy .mat-form-field-label{top:0}


.model-detail-label{width:170px;color:#8A8D97 !important}


.deal-label-wrapper{display:flex;margin-bottom:12px;align-items:flex-start;flex-direction:row}


.width-calc{width:calc(100% - 170px)}


.deal-sub-label{color:#282F40 !important}


.filter-with-search-and-dropdown.search-and-dropdown-end.position-absolute{margin-top:8px}


.custom-tab-group.deal-engine .mat-tab-label.mat-tab-label-active:hover{border:1px solid var(--blue-color)}


.admin-section .card{padding: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300))); overflow: hidden;}


.admin-section .card-section-title{font-size:calc(38px + (40 - 38) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#0F172A;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;line-height: 1;}


.admin-section .card-section-subtitle{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#404656;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;}


.admin-section .hignlighted-month{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#48ACF0;margin-bottom:8px;-webkit-hyphens:auto;hyphens:auto;}


.admin-section .admin-section-wrapper{display: flex;justify-content: space-between; flex-direction: column;gap: 24px;}


.admin-section .admin-section-header{ display: flex; justify-content: space-between; align-items: center;}


.admin-section .admin-section-footer{ display: flex; flex-direction: column;}


.admin-section .status-of-users{ display: flex; align-items: center;}


.admin-section .admin-section-wrapper .admin-section-wrapper-left-section{display: flex;flex-direction: column;gap:8px;}


.admin-section .admin-section-wrapper-right-section .admin-section-wrapper-bill-icon-outer-section{width: 100%; height: 100%; background-color: #E1F1E7; border-radius: 50%; min-width: 76px; min-height: 76px; display: flex; align-items: center; justify-content: center;}


.admin-section .admin-section-wrapper-right-section .admin-section-wrapper-bill-icon-inner-section{height: auto; background-color: #4FA270; border-radius: 50%; color: #E1F1E7; min-width: 38px; min-height: 38px; display: flex; align-items: center; justify-content: center;}


.admin-section .bills-count-paid{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-bottom:8px;-webkit-hyphens:auto;hyphens:auto;}


.admin-section .bills-paid-status{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#E94F57;margin-bottom:8px;-webkit-hyphens:auto;hyphens:auto; border-left: 1px solid #717682; padding-left: 5px;}


.admin-section .count-of-user-name{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#404656;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;}


.admin-section .count-of-user-number{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#404656;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;}


.admin-section .count-of-user-sepration{border: 1px solid #717682; margin:0px 5px;}


.admin-section .total-onboard-chip{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#FFFFFF;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;min-width: 48px; min-height: 23px; max-width: 55px; padding: 0px 24px;}


.admin-section .total-onboard-chip.total-onboard-chip-positive{text-align: center;background-color: #48ACF0;border-radius: 13px;display: flex; justify-content: center; align-items: center;}


.admin-section .total-onboard-chip.total-onboard-chip-negetive{text-align: center;background-color: #E94F57;border-radius: 13px; display: flex; justify-content: center;align-items: center;}


.admin-section .published-chip{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:400;border-radius: 13px;border: 1px solid #BBBDC3; background-color: #FFFFFF; color:#595E6C;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;padding: 4px 12px;}


.admin-section .totel-onboard-number-gap{display: flex; align-items: center;gap: 8px;}


.admin-section .mat-progress-bar { height: 12px !important; border-radius: 50px;}


.admin-section .mat-progress-bar-buffer {background-color: #E1F1E7 !important;}


.admin-section .mat-progress-bar-fill::after { background-color: #4FA270 !important;}


.admin-section.page-content .main-section {margin: 0;}


.admin-section .mat-tab-labels { padding: 0px;}


.talent-card:hover { border: 1px solid #48ACF0; box-shadow: 3px 3px 14px #00000014;overflow: hidden;}


.admin-section .admin-revenue-wrapper.card-wrapper-header {display: flex; flex-direction: column;}


.admin-section .admin-revenue-header{border-bottom: 1px solid #D3D4D9;padding: 24px 24px 12px; }


.admin-section .admin-card-header{border-bottom: 1px solid #D3D4D9;padding: 24px 24px 12px; }


/* .admin-section .admin-revenue-chart-section{display: flex;justify-content: center;align-items: center;} */


.admin-section .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center,.admin-section .apexcharts-legend.apx-legend-position-top.apexcharts-align-center { justify-content: space-between !important; margin: 0px 30px;border-top: 1px solid #d2d2d2; inset: auto 0px -20px 0px!important;}


.admin-section .card .talent-profile-section .card-wrapper-header .card-container-title {font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));color: #0F172A; font-weight: 600;}


.admin-section .card .talent-profile-section .card-wrapper-header .card-container-title-gray {font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));color: #8A8D97; font-weight: 600;}


.admin-section .admin-data-card-section-wrapper .contract-header-section .body-text-1 { font-weight: 600; margin-bottom: 4px;}


.admin-section .admin-data-card-section-wrapper .contract-header-section .body-text-3 { margin-bottom: 4px;}


.admin-section .admin-data-card-section-wrapper .contract-header-section .text-color-light { color: #717682;}


/* .admin-section .card-data-section{padding: 12px 0px;} */


.admin-section  .admin-card-wrapper{overflow: hidden;}


.admin-card-inner-section-scroll{max-height: 380px;}


.admin-section .card-data-section-wrapper{display: flex; justify-content: space-between; align-items: center;}


.data-card-padding{padding: 12px 24px;}


.data-card-padding:hover{background-color: #F6F6F6;}


.admin-section .body-text-3.text-highlight span{font-weight:500 !important;}


.admin-section .body-text-3.text-highlight.gray span{color: #717682;}


.admin-section .body-text-3.text-highlight{font-weight: 600 !important;word-break: normal;}


.admin-section .card .card-title {font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 800; color: #282F40; margin-bottom: 0px; margin-right: 10px; word-break: break-word; -webkit-hyphens: auto; hyphens: auto;}


.admin-section .card .card-sub-title { font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500; color: #282F40; margin-bottom: 0px; word-break: break-word; -webkit-hyphens: auto; hyphens: auto;}


.admin-section .card .card-sub-title .text-highlight { color: #4FA270; font-weight: 700;}


.admin-section .card .body-text-3.text-highlight-green { color: #4FA270;}


.wrap-sm-flex { padding: 2px 0px;}


/*-----------------------------------------------
23. Deal Engine Css
-----------------------------------------------*/


.create-deal-btn {  padding: 6px 16px;  line-height: 1;gap: 8px;}


.create-deal-btn:hover {  padding: 6px 16px;  line-height: 1;  gap: 8px;}


.page-content.deal-engine-section .tab-container .custom-input .mat-form-field-infix { width: 180px;}


.filter-deals {  left: -14.5rem;}


.deal-engine-section .custom-tab-group .mat-tab-label{padding: 0px !important;}


.deal-engine-section .tab-btn{padding:8px 30px;}


.deal-engine-section .mat-table th{position:sticky;top:0;z-index:1;background-color:#fff;color:#171725;font-size:14px;font-weight:600}


.deal-engine-section .mat-table thead .mat-header-row th{white-space:nowrap;border-bottom:0px solid #828282;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:600}


.deal-engine-section .mat-table tr th,.deal-engine-section .mat-table tr td{padding:10px 12px;text-align:left}


.deal-engine-section .mat-table tr td{font-family:"Open Sans", sans-serif;font-weight:500;color:#717171;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)))}


.deal-engine-section .mat-table tr td .sub-text{ font-family:"Open Sans", sans-serif; font-weight:500; word-break:break-word; -webkit-hyphens:auto; hyphens:auto; display:flex; width:inherit; -ms-hyphens:auto; }


.deal-engine-section .mat-table tr td.mat-column-employeeExperience,
.deal-engine-section .mat-table tr th.mat-column-employeeName{white-space:nowrap;}


.deal-engine-section .mat-table .tag{display:flex;justify-content:center;align-items:center;width:78px;height:24px;font-size:12px;font-weight:500;margin:0;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}


.deal-engine-section .mat-table .tag.purple-tag{background-color:#f4eeff;color:#8860d0}


.deal-engine-section .mat-table .tag.blue-tag{background-color:#eef3ff;color:#5680e9}


.deal-engine-section .mat-table thead {border-bottom: 1px solid #EBEDF2;}


/* .deal-engine-section .deal-table{ border: 1px solid #D3D4D9; border-radius:20px !important ; overflow: hidden; -webkit-border-radius:20px !important ; -moz-border-radius:20px !important ; -ms-border-radius:20px !important ; -o-border-radius:20px !important ; } */


.modal.employee-contract-list .deal-table{width:auto;margin-right:20px;}


.deal-table th{font-weight:500;font-size:14px;color:#262A53;}


/* .datatable th, */


/* .datatable td{border:1px solid #EBEDF2;} */


.deal-table .mat-table thead {border-bottom: 1px solid #EBEDF2;}


.deal-table tr.mat-header-row{height:46px;border-bottom: 1px solid #EBEDF2;}


.deal-table th.mat-header-cell,
.deal-table td.mat-footer-cell{font-weight:600;color:#262A53;}


.deal-table td.mat-cell{font-weight:500}


.deal-table th.mat-he.deal-table .mat-table thead {border-bottom: 1px solid #EBEDF2;}


.deal-table span.material-icons,
.deal-table td.mat-cell .material-icons{font-family:'Material Icons',sans-serif;}


.deal-table{width:calc(100% - 0rem);}


.deal-table{ border: 1px solid #D3D4D9; border-radius:20px !important ; -webkit-border-radius:20px !important ; -moz-border-radius:20px !important ; -ms-border-radius:20px !important ; -o-border-radius:20px !important ; }


.deal-table .mat-table{ background-color:transparent!important;    border: solid 1px grey;}


.deal-engine-section .deal-table table { width: 100%; border-collapse: collapse; border-radius: 5em; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; }


.deal-engine-section .deal-table table tr:last-child td /*To remove the last border*/{ border-bottom:0 solid}


.deal-engine-section .mat-table thead .mat-header-row th:first-child {  border-top-left-radius: 20px !important;overflow: hidden;}


.deal-engine-section .mat-table thead .mat-header-row th:last-child {  border-top-right-radius: 20px !important; overflow: hidden;}


.deal-engine-section .deal-table td.mat-cell.mat-column-actions {  width: 150px;}


.deal-engine-section th.mat-sort-header.mat-header-cell.mat-column-no { text-align: center;  width: 100px;padding-left: 35px;}


.deal-engine-section td.mat-cell.mat-column-no {  width: 100px; text-align: center;}


.deal-engine-section .custom-dropdown .mat-select-value {   padding-right: 12px;}


/*-----------------------------------------------
24. Create Deal Modal Css
-----------------------------------------------*/


/* .create-deal-modal .create-deal-modal-view{} */


/* .create-deal-modal .modal-dialog{max-width: 1600px;margin:1rem auto;} */


.create-deal-modal .modal-dialog .modal-content{margin:1rem;}


.create-deal-modal .main-content-box{width:100%;padding: 2rem;}


.create-deal-modal .main-content-box .main-container-header{display:flex;justify-content:space-between;align-items:flex-start;margin:0px 0 20px;}


.create-deal-modal .main-content-box .main-container-header .title{font-size:calc(24px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#333333;margin-bottom:10px!important;margin-left:12px;}


.create-deal-modal{z-index:1050;}


.create-deal-modal .modal-dialog{max-width:768px;max-height:auto;margin:1.7rem auto;}


.create-deal-modal .modal-body{padding: 20px 30px;}


.create-deal-modal .modal-body .profile-upload-button{ font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); color:#8D929B; font-weight:500; border: 1px solid #8D929B; border-radius: 20px; background-color: transparent; padding: 5px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }


.create-deal-modal .modal-body .profile-upload-size-info {font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); padding-top:4px;}


.create-deal-modal .modal-body .profile-image-container {display:flex; align-items: center; padding-bottom: 20px;}


.create-deal-modal .modal-header{padding:20px 30px;border-bottom:1px solid #D9DBDF;}


.create-deal-modal .modal-header .modal-title{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#363636;}


.create-deal-modal .modal-header.with-button{display:flex;justify-content:space-between;}


.create-deal-modal .modal-header.with-button .delete-btn{ display:flex; justify-content:center; align-items:center; padding:5px 12px; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:500; color:#717171; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; }


.create-deal-modal .modal-header.with-button .delete-btn .delete-img{margin-right:5px;}


.create-deal-modal .modal-header.with-button .delete-btn:hover{background-color:#eee;}


.create-deal-modal .modal-body .modal-text{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;margin-bottom:0;text-align:center;}


.create-deal-modal .modal-body .modal-text.top-space{margin-top:30px;}


.create-deal-modal .modal-body .modal-link{color:#5680E9;text-decoration:none;}


.create-deal-modal .modal-body .modal-link:hover{text-decoration:underline;}


.create-deal-modal .modal-footer{padding:20px 30px;display:flex;justify-content: flex-start;}


.create-deal-modal .modal-footer.otp-footer{padding:20px 30px;display:flex;justify-content: space-between;}


.create-deal-modal .modal-footer .btn{ font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); font-weight:500; border-radius:20px;-webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }


.create-deal-modal .modal-footer .btn.btn-active{background-color:var(--green-color);color:var(--background-color);padding:8px 32px}


.create-deal-modal .modal-footer .btn.btn-active:hover{background-color:#4c9b74;}


.create-deal-modal .modal-footer .btn.btn-outline-active{ background-color:var(--background-color); color:var(--green-color); border:1px solid var(--green-color); border-radius:21px; padding:8px 32px; -webkit-border-radius:21px; -moz-border-radius:21px; -ms-border-radius:21px; -o-border-radius:21px; }


.create-deal-modal .modal-footer .btn.btn-outline-active:hover{background-color:var(--green-color);color:var(--background-color);}


.create-deal-modal .modal-footer .btn.btn-active:focus,
.create-deal-modal .modal-footer .btn.btn-outline-active:focus{box-shadow: 0 0 0 0.25rem var(--green-box-shadow);}


/* form css for create deal modal */


.create-deal-modal .mat-form-field-label-wrapper {top: 0px; padding-top: 0;}


.create-deal-modal .modal .mat-form-field .mat-form-field-infix { width: 100%;}


.create-deal-modal .form .deal-count{position: relative;}


.create-deal-modal .form .character-counter{position:absolute;bottom:-18px;right:0px;display:flex;justify-content:flex-end;font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;}


.create-deal-modal .form .character-counter .exceeded{color:red;}


.create-deal-modal .form .mat-input-element:-webkit-autofill{box-shadow: 0 0 0 50px #f6f6f6 inset;}


.create-deal-modal .form .date-icon-field{position: relative;}


.create-deal-modal .form .date-toggle{position: absolute; top: -22px; bottom: 0; left: -44px; font-size: 5px; line-height: 0px; width: 26px; height: 26px;}


.create-deal-modal .form .date-icon-field button.mat-focus-indicator.mat-icon-button.mat-button-base { font-size: 24px;}


@media screen and (max-width:767px) {
  .create-deal-modal .modal-body .top-space-responsive {padding-top: 15px;}
  .create-deal-modal .modal-body .week-time-row, .create-deal-modal .modal-body .week-copytime-class {flex-direction: column;display: flex; align-items: flex-start;}
  .create-deal-modal .modal-body .working-hours {padding-top: 10px;}
  .create-deal-modal .modal-body .copy-time-container {padding-left: 0; padding-top: 10px;}
  .create-deal-modal .modal-body .week-time-responsive {justify-content:space-between;align-items: flex-end;}
  .create-deal-modal .modal-body .weekday-width {margin-bottom: 10px;}
  .create-deal-modal .modal-body .working-hours .error-box{bottom:6px;}
}


@media screen and (max-width:575px) {
  .create-deal-modal .modal-dialog {margin:0.5rem auto;}
  .create-deal-modal .modal-footer .btn.btn-active,.create-deal-modal .modal-footer .btn.btn-outline-active{padding:8px 20px}
  .create-deal-modal .modal-body .profile-image-container {display: block;}
  .create-deal-modal .modal-body .profile-image-block {justify-content: center;display: flex; padding-bottom: 15px;}
  .create-deal-modal .modal-body .form .profile-image-upload {align-items: center;}
  .create-deal-modal .modal-body .profile-upload-button {padding: 5px 0px;width:150px;}
  .create-deal-modal .modal-body .week-time-responsive {flex-direction: column;align-items: center;justify-content: center;}
  .create-deal-modal .modal-body .week-time-row, .create-deal-modal .modal-body .week-copytime-class {display: flex; align-items: center;}
  .create-deal-modal .modal-body .copy-time-container{padding-top:10px;margin-top: 20px;margin-left: 0;}
  .create-deal-modal .modal-body .weekday-width {display: flex;justify-content: center;}
  .create-deal-modal .modal-header{padding:15px 20px;}
  .create-deal-modal .modal-body{padding: 15px 20px;}
  .create-deal-modal .modal-footer{padding:15px 20px;justify-content: space-between;}
  .create-deal-modal .modal-footer .btn{width: 48%;margin: 0;}
}


@media screen and (min-width:576px) {
  .create-deal-modal.modal-dialog-centered {min-height:calc(100% - 100px);}
}


/*-----------------------------------------------
22. Admin
-----------------------------------------------*/


/* Admin section */


.admin-section .main-section{height:100%}


.admin-title{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#404656;margin:0 0 24px 0}


.total-progress-chip{text-align:center;background-color:#4FA270;border-radius:13px;display:flex;justify-content:center;align-items:center;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#FFFFFF;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;min-width:55px;min-height:23px;max-height:23px;max-width:75px;padding:0px 24px}


.page-content .card.contract-card .card-footer .secondary-small-btn.green-btn{background-color:var(--dark-green-color);color:var(--white-color);border:1px solid var(--dark-green-color);padding:8px 11px}


.deal-view-details{padding:8px 11px !important}


.deal-view-details:hover{color:var(--green-color) !important;background-color:var(--white-color) !important;border:1px solid var(--green-color) !important}


.page-content .card.contract-card .card-body .card-details .body-text-3.text-color-light.detail-label{width:140px}


.page-content .card.contract-card .card-body .card-details .body-text-3.text-highlight.blue{color:var(--dark-blue-color);font-weight:500 !important}


.deal-content{color:#595E6C !important}


.page-content .card.contract-card .card-body .card-details .detail-box.detail-box-flex{flex-direction:row !important}


.deal-status .status-text{font-size:calc(10px + (13 - 10) * ((100vw - 300px) / (1600 - 300)));color:#595E6C}


.deal-status .status-icon{width:16px;height:auto;margin-right:6px}


.deal-count.mat-form-field-appearance-legacy .mat-form-field-label{top:12px}


.model-detail-label{width:170px;color:#8A8D97 !important}


.deal-label-wrapper{display:flex;margin-bottom:12px;align-items:flex-start;flex-direction:row}


.width-calc{width:calc(100% - 170px)}


.deal-sub-label{color:#282F40 !important}


.filter-with-search-and-dropdown.search-and-dropdown-end.position-absolute{margin-top:8px}


.custom-tab-group.deal-engine .mat-tab-label.mat-tab-label-active:hover{border:1px solid var(--blue-color)}


.admin-section .card{padding: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300))); overflow: hidden;}


.admin-section .card-section-title{font-size:calc(38px + (40 - 38) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#0F172A;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;line-height: 1;}


.admin-section .card-section-subtitle{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#404656;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;}


.admin-section .hignlighted-month{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#48ACF0;margin-bottom:8px;-webkit-hyphens:auto;hyphens:auto;}


.admin-section .admin-section-wrapper{display: flex;justify-content: space-between; flex-direction: column;gap: 24px;}


.admin-section .admin-section-header{ display: flex; justify-content: space-between; align-items: center;}


.admin-section .admin-section-footer{ display: flex; flex-direction: column;}


.admin-section .status-of-users{ display: flex; align-items: center;}


.admin-section .admin-section-wrapper .admin-section-wrapper-left-section{display: flex;flex-direction: column;gap:8px;}


.admin-section .admin-section-wrapper-right-section .admin-section-wrapper-bill-icon-outer-section{width: 100%; height: 100%; background-color: #E1F1E7; border-radius: 50%; min-width: 76px; min-height: 76px; display: flex; align-items: center; justify-content: center;}


.admin-section .admin-section-wrapper-right-section .admin-section-wrapper-bill-icon-inner-section{height: auto; background-color: #4FA270; border-radius: 50%; color: #E1F1E7; min-width: 38px; min-height: 38px; display: flex; align-items: center; justify-content: center;}


.admin-section .bills-count-paid{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-bottom:8px;-webkit-hyphens:auto;hyphens:auto;}


.admin-section .bills-paid-status{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#E94F57;margin-bottom:8px;-webkit-hyphens:auto;hyphens:auto; border-left: 1px solid #717682; padding-left: 5px;}


.admin-section .count-of-user-name{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#404656;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;}


.admin-section .count-of-user-number{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#404656;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;}


.admin-section .count-of-user-sepration{border: 1px solid #717682; margin:0px 5px;}


.admin-section .total-onboard-chip{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#FFFFFF;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;min-width: 48px; min-height: 23px; max-width: 55px; padding: 0px 24px;}


.admin-section .total-onboard-chip.total-onboard-chip-positive{text-align: center;background-color: #48ACF0;border-radius: 13px;display: flex; justify-content: center; align-items: center;}


.admin-section .total-onboard-chip.total-onboard-chip-negetive{text-align: center;background-color: #E94F57;border-radius: 13px; display: flex; justify-content: center;align-items: center;}


.admin-section .published-chip{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:400;border-radius: 13px;border: 1px solid #BBBDC3; background-color: #FFFFFF; color:#595E6C;margin-bottom:0px;-webkit-hyphens:auto;hyphens:auto;padding: 4px 12px;}


.admin-section .totel-onboard-number-gap{display: flex; align-items: center;gap: 8px;}


.admin-section .mat-progress-bar { height: 12px !important; border-radius: 50px;}


.admin-section .mat-progress-bar-buffer {background-color: #E1F1E7 !important;}


.admin-section .mat-progress-bar-fill::after { background-color: #4FA270 !important;}


.admin-section.page-content .main-section {margin: 0;}


.admin-section .mat-tab-labels { padding: 0px;}


.talent-card:hover { border: 1px solid #48ACF0; box-shadow: 3px 3px 14px #00000014;overflow: hidden;}


.admin-section .admin-revenue-wrapper.card-wrapper-header {display: flex; flex-direction: column;}


.admin-section .admin-revenue-header{border-bottom: 1px solid #D3D4D9;padding: 24px 24px 12px; }


.admin-section .admin-card-header{border-bottom: 1px solid #D3D4D9;padding: 24px 24px 12px; }


/* .admin-section .admin-revenue-chart-section{display: flex;justify-content: center;align-items: center;} */


.admin-section .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center,.admin-section .apexcharts-legend.apx-legend-position-top.apexcharts-align-center { justify-content: space-between !important; margin: 0px 30px;border-top: 1px solid #d2d2d2; inset: auto 0px -20px 0px!important;}


.admin-section .card .talent-profile-section .card-wrapper-header .card-container-title {font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));color: #0F172A; font-weight: 600;}


.admin-section .card .talent-profile-section .card-wrapper-header .card-container-title-gray {font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));color: #8A8D97; font-weight: 600;}


.admin-section .admin-data-card-section-wrapper .contract-header-section .body-text-1 { font-weight: 600; margin-bottom: 4px;}


.admin-section .admin-data-card-section-wrapper .contract-header-section .body-text-3 { margin-bottom: 4px;}


.admin-section .admin-data-card-section-wrapper .contract-header-section .text-color-light { color: #717682;}


/* .admin-section .card-data-section{padding: 12px 0px;} */


.admin-section  .admin-card-wrapper{overflow: hidden;}


.admin-card-inner-section-scroll{max-height: 380px;}


.admin-section .card-data-section-wrapper{display: flex; justify-content: space-between; align-items: center;}


.data-card-padding{padding: 12px 24px;}


.data-card-padding:hover{background-color: #F6F6F6;}


.admin-section .body-text-3.text-highlight span{font-weight:500 !important;}


.admin-section .body-text-3.text-highlight.gray span{color: #717682;}


.admin-section .body-text-3.text-highlight{font-weight: 600 !important;word-break: normal;}


.admin-section .card .card-title {font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 800; color: #282F40; margin-bottom: 0px; margin-right: 10px; word-break: break-word; -webkit-hyphens: auto; hyphens: auto;}


.admin-section .card .card-sub-title { font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500; color: #282F40; margin-bottom: 0px; word-break: break-word; -webkit-hyphens: auto; hyphens: auto;}


.admin-section .card .card-sub-title .text-highlight { color: #4FA270; font-weight: 700;}


.admin-section .card .body-text-3.text-highlight-green { color: #4FA270;}


.wrap-sm-flex { padding: 2px 0px;}


@media screen and (max-width:767px) {
  .deal-label-wrapper{flex-direction:column;}
  .deal-label-wrapper .width-calc{width: 100%;}
}


/*-----------------------------------------------
23. Deal Engine Css
-----------------------------------------------*/


.create-deal-btn {  padding: 6px 16px;  line-height: 1;gap: 8px;}


.create-deal-btn:hover {  padding: 6px 16px;  line-height: 1;  gap: 8px;}


.page-content.deal-engine-section .tab-container .custom-input .mat-form-field-infix { width: 180px;}


.filter-deals {  left: -14.5rem;}


.deal-engine-section .custom-tab-group .mat-tab-label{padding: 0px !important;}


.deal-engine-section .tab-btn{padding:8px 30px;}


.deal-engine-section .mat-table th{position:sticky;top:0;z-index:1;background-color:#fff;color:#171725;font-size:14px;font-weight:600}


.deal-engine-section .mat-table thead .mat-header-row th{white-space:nowrap;border-bottom:0px solid #828282;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:600}


.deal-engine-section .mat-table tr th,.deal-engine-section .mat-table tr td{padding:10px 12px;text-align:left}


.deal-engine-section .mat-table tr td{font-family:"Open Sans", sans-serif;font-weight:500;color:#717171;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)))}


.deal-engine-section .mat-table tr td .sub-text{ font-family:"Open Sans", sans-serif; font-weight:500; word-break:break-word; -webkit-hyphens:auto; hyphens:auto; display:flex; width:inherit; -ms-hyphens:auto; }


.deal-engine-section .mat-table tr td.mat-column-employeeExperience,
.deal-engine-section .mat-table tr th.mat-column-employeeName{white-space:nowrap;}


.deal-engine-section .mat-table .tag{display:flex;justify-content:center;align-items:center;width:78px;height:24px;font-size:12px;font-weight:500;margin:0;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}


.deal-engine-section .mat-table .tag.purple-tag{background-color:#f4eeff;color:#8860d0}


.deal-engine-section .mat-table .tag.blue-tag{background-color:#eef3ff;color:#5680e9}


.deal-engine-section .mat-table thead {border-bottom: 1px solid #EBEDF2;}


/* .deal-engine-section .deal-table{ border: 1px solid #D3D4D9; border-radius:20px !important ; overflow: hidden; -webkit-border-radius:20px !important ; -moz-border-radius:20px !important ; -ms-border-radius:20px !important ; -o-border-radius:20px !important ; } */


.modal.employee-contract-list .deal-table{width:auto;margin-right:20px;}


.deal-table th{font-weight:500;font-size:14px;color:#262A53;}


/* .datatable th, */


/* .datatable td{border:1px solid #EBEDF2;} */


.deal-table .mat-table thead {border-bottom: 1px solid #EBEDF2;}


.deal-table tr.mat-header-row{height:46px;border-bottom: 1px solid #EBEDF2;}


.deal-table th.mat-header-cell,
.deal-table td.mat-footer-cell{font-weight:600;color:#262A53;}


.deal-table td.mat-cell{font-weight:500}


.deal-table th.mat-he.deal-table .mat-table thead {border-bottom: 1px solid #EBEDF2;}


.deal-table span.material-icons,
.deal-table td.mat-cell .material-icons{font-family:'Material Icons',sans-serif;}


.deal-table{width:calc(100% - 0rem);}


.deal-table{ border: 1px solid #D3D4D9; border-radius:20px !important ; -webkit-border-radius:20px !important ; -moz-border-radius:20px !important ; -ms-border-radius:20px !important ; -o-border-radius:20px !important ; }


.deal-table .mat-table{ background-color:transparent!important;    border: solid 1px grey;}


.deal-engine-section .deal-table table { width: 100%; border-collapse: collapse; border-radius: 5em; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; }


.deal-engine-section .deal-table table tr:last-child td /*To remove the last border*/{ border-bottom:0 solid}


.deal-engine-section .mat-table thead .mat-header-row th:first-child {  border-top-left-radius: 20px !important;overflow: hidden;}


.deal-engine-section .mat-table thead .mat-header-row th:last-child {  border-top-right-radius: 20px !important; overflow: hidden;}


.deal-engine-section .deal-table td.mat-cell.mat-column-actions {  width: 150px;}


.deal-engine-section th.mat-sort-header.mat-header-cell.mat-column-no { text-align: center;  width: 100px;padding-left: 35px;}


.deal-engine-section td.mat-cell.mat-column-no {  width: 100px; text-align: center;}


.deal-engine-section .custom-dropdown .mat-select-value {   padding-right: 12px;}


/*-----------------------------------------------
24. Create Deal Modal Css
-----------------------------------------------*/


/* .create-deal-modal .create-deal-modal-view{} */


/* .create-deal-modal .modal-dialog{max-width: 1600px;margin:1rem auto;} */


.create-deal-modal .modal-dialog .modal-content{margin:1rem;}


.create-deal-modal .main-content-box{width:100%;padding: 2rem;}


.create-deal-modal .main-content-box .main-container-header{display:flex;justify-content:space-between;align-items:flex-start;margin:0px 0 20px;}


.create-deal-modal .main-content-box .main-container-header .title{font-size:calc(24px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#333333;margin-bottom:10px!important;margin-left:12px;}


.create-deal-modal{z-index:1050;}


.create-deal-modal .modal-dialog{max-width:768px;max-height:auto;margin:1.7rem auto;}


.create-deal-modal .modal-body{padding: 20px 30px;}


.create-deal-modal .modal-body .profile-upload-button{ font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); color:#8D929B; font-weight:500; border: 1px solid #8D929B; border-radius: 20px; background-color: transparent; padding: 5px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }


.create-deal-modal .modal-body .profile-upload-size-info {font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); padding-top:4px;}


.create-deal-modal .modal-body .profile-image-container {display:flex; align-items: center; padding-bottom: 20px;}


.create-deal-modal .modal-header{padding:20px 30px;border-bottom:1px solid #D9DBDF;}


.create-deal-modal .modal-header .modal-title{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#363636;}


.create-deal-modal .modal-header.with-button{display:flex;justify-content:space-between;}


.create-deal-modal .modal-header.with-button .delete-btn{ display:flex; justify-content:center; align-items:center; padding:5px 12px; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:500; color:#717171; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; }


.create-deal-modal .modal-header.with-button .delete-btn .delete-img{margin-right:5px;}


.create-deal-modal .modal-header.with-button .delete-btn:hover{background-color:#eee;}


.create-deal-modal .modal-body .modal-text{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;margin-bottom:0;text-align:center;}


.create-deal-modal .modal-body .modal-text.top-space{margin-top:30px;}


.create-deal-modal .modal-body .modal-link{color:#5680E9;text-decoration:none;}


.create-deal-modal .modal-body .modal-link:hover{text-decoration:underline;}


.create-deal-modal .modal-footer{padding:20px 30px;display:flex;justify-content: flex-start;}


.create-deal-modal .modal-footer.otp-footer{padding:20px 30px;display:flex;justify-content: space-between;}


.create-deal-modal .modal-footer .btn{ font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); font-weight:500; border-radius:20px;-webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }


.create-deal-modal .modal-footer .btn.btn-active{background-color:var(--green-color);color:var(--background-color);padding:8px 32px}


.create-deal-modal .modal-footer .btn.btn-active:hover{background-color:#4c9b74;}


.create-deal-modal .modal-footer .btn.btn-outline-active{ background-color:var(--background-color); color:var(--green-color); border:1px solid var(--green-color); border-radius:21px; padding:8px 32px; -webkit-border-radius:21px; -moz-border-radius:21px; -ms-border-radius:21px; -o-border-radius:21px; }


.create-deal-modal .modal-footer .btn.btn-outline-active:hover{background-color:var(--green-color);color:var(--background-color);}


.create-deal-modal .modal-footer .btn.btn-active:focus,
.create-deal-modal .modal-footer .btn.btn-outline-active:focus{box-shadow: 0 0 0 0.25rem var(--green-box-shadow);}


/* form css for create deal modal */


.create-deal-modal .mat-form-field-label-wrapper {top: 0px; padding-top: 0;}


.create-deal-modal .modal .mat-form-field .mat-form-field-infix { width: 100%;}


.create-deal-modal .form .deal-count{position: relative;}


.create-deal-modal .form .character-counter{position:absolute;bottom:-18px;right:0px;display:flex;justify-content:flex-end;font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;}


.create-deal-modal .form .character-counter .exceeded{color:red;}


.create-deal-modal .form .mat-input-element:-webkit-autofill{box-shadow: 0 0 0 50px #f6f6f6 inset;}


.create-deal-modal .form .date-icon-field{position: relative;}


.create-deal-modal .form .date-toggle{position: absolute; top: -22px; bottom: 0; left: -44px; font-size: 5px; line-height: 0px; width: 26px; height: 26px;}


.create-deal-modal .form .date-icon-field button.mat-focus-indicator.mat-icon-button.mat-button-base { font-size: 24px;}


@media screen and (max-width:767px) {
  .create-deal-modal .modal-body .top-space-responsive {padding-top: 15px;}
  .create-deal-modal .modal-body .week-time-row, .create-deal-modal .modal-body .week-copytime-class {flex-direction: column;display: flex; align-items: flex-start;}
  .create-deal-modal .modal-body .working-hours {padding-top: 10px;}
  .create-deal-modal .modal-body .copy-time-container {padding-left: 0; padding-top: 10px;}
  .create-deal-modal .modal-body .week-time-responsive {justify-content:space-between;align-items: flex-end;}
  .create-deal-modal .modal-body .weekday-width {margin-bottom: 10px;}
  .create-deal-modal .modal-body .working-hours .error-box{bottom:6px;}
}


@media screen and (max-width:575px) {
  .create-deal-modal .modal-dialog {margin:0.5rem auto;}
  .create-deal-modal .modal-footer .btn.btn-active,.create-deal-modal .modal-footer .btn.btn-outline-active{padding:8px 20px}
  .create-deal-modal .modal-body .profile-image-container {display: block;}
  .create-deal-modal .modal-body .profile-image-block {justify-content: center;display: flex; padding-bottom: 15px;}
  .create-deal-modal .modal-body .form .profile-image-upload {align-items: center;}
  .create-deal-modal .modal-body .profile-upload-button {padding: 5px 0px;width:150px;}
  .create-deal-modal .modal-body .week-time-responsive {flex-direction: column;align-items: center;justify-content: center;}
  .create-deal-modal .modal-body .week-time-row, .create-deal-modal .modal-body .week-copytime-class {display: flex; align-items: center;}
  .create-deal-modal .modal-body .copy-time-container{padding-top:10px;margin-top: 20px;margin-left: 0;}
  .create-deal-modal .modal-body .weekday-width {display: flex;justify-content: center;}
  .create-deal-modal .modal-header{padding:15px 20px;}
  .create-deal-modal .modal-body{padding: 15px 20px;}
  .create-deal-modal .modal-footer{padding:15px 20px;justify-content: space-between;}
  .create-deal-modal .modal-footer .btn{width: 48%;margin: 0;}
}


@media screen and (min-width:576px) {
  .create-deal-modal.modal-dialog-centered {min-height:calc(100% - 100px);}
}


/*-----------------------------------------------
25. Project Management Css - Start
-----------------------------------------------*/


/* status tab group css - start */


.project-management-section .project-tab-group .mat-tab-group {
  display: flex;
  flex-direction: column;
  max-width: -moz-fit-content;
  max-width: fit-content;
}


.tab-container .mat-tab-body-content{
  overflow: hidden;
  padding: 0px !important;
}


.project-management-section .project-tab-group .inactive-tab-btn{
background-color: var(--white-color);
border:none;
color: #989DA7;
}


.project-management-section .project-tab-group .inactive-tab-btn.active-tab-btn{
  color: #419BD8;
}


.project-management-section .project-tab-group .tab-col-title span,.project-management-section .project-tab-group .active-tab-btn .tab-col-title span{
  background-color: #419BD8;
  color: var(--white-color);
  font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));
}


.project-management-section .project-tab-group .pm-tab-group .mat-ink-bar{
  background-color: #419BD8 !important;
}


.project-management-section .project-tab-group .pm-tab-group .mat-tab-label{
  opacity: 1;
}


/* status tab group css - end  */


.blue-color { color:#5680E9 !important;}


.light-blue-color { color:#419BD8 !important;}


.green-color { color:#4FA270 !important;}


.p-title{font-size:calc(26px + (28 - 26) * ((100vw - 300px) / (1600 - 300))); font-weight:700;word-break: break-all;}


.p-card{border:1px solid #c9cad0;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;-ms-border-radius:20px!important;-o-border-radius:20px!important}


.p-card .link{font-family:"Open Sans", sans-serif;color:#666666;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));text-decoration:underline;font-weight:500}


.p-card .link:hover{text-decoration:none}


.p-icon-box{ display:flex;justify-content:center;align-items:center;height: 40px; width: 40px;color:#282F40;background-color: #F8F8F8; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }


.p-label-dark{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); font-weight:700;color:#282F40; cursor: default;}


/* .p-label-light{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:500;color:#8A8D97;cursor: default;word-wrap: break-word;}  */


.p-text-big{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); font-weight:600;color:#0F172A;cursor: default;word-break: break-word;}


.p-text-small{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:700;color:#0F172A;cursor: default;word-break: break-all;}


.p-text-medium{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300))); font-weight:600;color:#0F172A;cursor: default;word-break: break-all;}


.p-gray{color:#717682;}


.p-poc-profile-box{ display:flex;justify-content:center;align-items:center;height: 50px; width: 50px;color:#282F40;background-color: #5EC090; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; cursor: default;}


.w-type-1{width: 60% !important;}


.w-type-2{width: 40% !important;max-width: 600px;}


.w-20{width: 20% !important;}


.w-30{width: 30% !important;}


.w-40{width: 40% !important;}


.w-type-3{width: 15% !important;}


.w-type-4{width: 85% !important;}


.w-type-5{width: 90% !important;}


.gap-18{gap:18px;}


.phone-error{font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));}


.phone-sub-error{width: 100%; position: absolute;}


.task-list-card{display: flex;align-items: center;justify-content: space-between;width:100%;}


.log-card{display: flex;align-items: center;justify-content: space-between;}


.task-list-card:hover{border-color: #0082cb;cursor: pointer;}


.log-card .w-20{width: 20% !important;}


.log-card .w-40{width: 40% !important;}


.p-dark-border{border: 1px solid #717682 !important;}


.read-more{color: #48ACF0; font-weight: 500; font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));cursor:pointer;}


.scroll-content-vertical .ps-content{display: flex;height:100%;min-width:250px;flex-direction: column; align-items: flex-start; }


.scroll-content .ps-content{display: flex; align-items: center; max-width: 1470px; }


.milestone-details{background-color: #F2F4F6;}


.milestone-card:first-of-type{margin-left:0px;}


.milestone-card:last-of-type{margin-right:0px;}


.milestone-card{background-color:#FFFFFF;min-width:300px;margin:8px;width:25%;border:1px solid #D3D4D9;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;-ms-border-radius:20px!important;-o-border-radius:20px!important}


.assignee-details{background-color: #F2F4F6;}


.assignee-card:first-of-type{margin-left:0px;}


.assignee-card:last-of-type{margin-right:0px;}


.assignee-card{background-color:#FFFFFF;min-width:300px;margin:8px;width:25%;border:1px solid #D3D4D9;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;-ms-border-radius:20px!important;-o-border-radius:20px!important}


.dragbox-list {
  width: 500px;
  max-width: 100%;
  border: solid 1px #ccc;
  min-height: 60px;
  display: block;
  background: white;
  border-radius: 4px;
  overflow: hidden;
}


.dragbox {
  padding: 20px 10px;
  border-bottom: solid 1px #ccc;
  color: rgba(0, 0, 0, 0.87);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  cursor: move;
  background: white;
  font-size: 14px;
  z-index: 1200 !important;
}


.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
              0 8px 10px 1px rgba(0, 0, 0, 0.14),
              0 3px 14px 2px rgba(0, 0, 0, 0.12);
}


.cdk-drag-placeholder {
  opacity: 0;
}


.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}


.dragbox:last-child {
  border: none;
}


.dragbox-list.cdk-drop-list-dragging .dragbox:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  -ms-transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  -o-transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}


.p-top-section{gap:1rem;}


.p-bottom-section{gap:1rem;margin: 8px 0px;}


.project-details{display:flex;width:100%;gap:1rem;}


.text-wrap-dot{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.text-wrap-dot-stackholder{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:200px;}


.project-basic{gap:1rem;width: 100%;}


.project-other{min-width:500px;}


.poc-details{width:100%;display: flex;align-items: center;word-break: break-all;overflow: auto;}


.details-box{display:flex;justify-content: space-between;gap:1rem;flex-direction: column-reverse;}


.project-other-details{display: flex;width:100%;flex-direction: column;gap:1rem;justify-content: space-between;margin-left: 0px;}


.project-attachment{display:flex !important;flex-direction: column !important;overflow: auto;}


.my-cell-width{min-width: 190px;}


.my-email-cell-width{min-width: 320px !important; align-items: flex-start !important;}


.profile-group .profile-margin:first-child{margin-left: 0px;}


.profile-group .profile-margin{margin-left: -10px;}


.w-1x{width:100px;}


.w-2x{width:200px;}


.w-3x{width:300px;}


.w-4x{width:400px;}


.card-view-flex{display: flex;flex-direction: column;justify-content: space-between;}


.modal-body .upload-container { display: flex; align-items: center;justify-content: space-between;width: 100%;}


.modal-body .file-section{display: flex;align-items: flex-start;justify-content: flex-start;}


.modal-body .uploadFile{ position: absolute; top: 0%; right: 0; bottom: 0; opacity: 0; width: 100%; height: 100%; z-index: 10; left: 0; cursor: pointer;}


.modal-body .dropzone { cursor: pointer; width: 240px; height: 44px; border: 1.5px dashed #419BD8; white-space: nowrap; padding: 0 1rem; text-align: center; font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); color: #419bd8;display: flex; flex-direction: column; justify-content: center; background: #47B5FF14; position: relative; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.modal-body .drag-text{color: #717682;font-weight: 500; }


.modal-body .browse-text{color: #419bd8; font-weight: 500; text-decoration: underline !important; cursor: pointer;}


.modal-body .pad-r-0{padding-right : 0 !important}


.modal-body .pad-l-0{padding-left : 0 !important}


.modal-body .file-count{color: #419BD8 !important;}


.modal-body .file-display {  display: flex;  align-items: center; padding: 5px;  background-color: transparent;}


.modal-body .file-display:hover { display: flex; align-items: center; padding: 5px; background-color: #f2f4f6; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.modal-body .file-display .remove-btn-hover{opacity: 0;}


.modal-body .file-display:hover .remove-btn-hover{opacity: 1;}


.modal-body .file-icon {  margin-right: 5px;}


.modal-body .file-name {  flex-grow: 1; font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;white-space: nowrap;}


.modal-body .remove-button {  border: none; background-color: transparent; cursor: pointer; display: flex; justify-content: center; align-items: center;}


.modal-body .remove-all-button{ font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#EC4040; text-decoration: underline !important; border: none; background-color: transparent; cursor: pointer; display: flex; justify-content: center; align-items: center;gap: 5px; margin: 0 0 0 10px;white-space: nowrap;}


.modal-body .mat-date-range-input-container {font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


.modal-body .iti input,.modal-body .iti input[type=text],.modal-body .iti input[type=tel]{padding-right: 6px !important; padding-left: 58px !important;}


.modal-body .custom-country-phone-code-dropdown.tel-input-error .iti input[type=tel]{border-bottom:none !important;}


.p-poc-profile-box .pad-10 {padding: 10px;background-color: #5EC090;}


.modal-body .card-view-profile-img {background-color:#5EC090; border-radius:50%; display:flex; justify-content:center; align-items:center; width:100px; height:100px; margin:0 50px 0px 0;}


.modal-body .profile-image-container {display: block;width: 100px; height: 100px; position: relative;}


.modal-body .profile-image-block {justify-content: center;display: flex;}


.modal-body .profile-image-upload { align-items: center; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; }


.modal-body .profile-upload-button {  width: 100px; height: 100px; position: absolute; top: -10px; right: 0; left: 0; bottom: 0; opacity: 0;z-index: 10000; display: flex; justify-content: center;  align-items: center;}


.modal-body .profile-upload-button:hover { opacity: 1;}


.task-overview .filter-section .dropdown-search .custom-input.custom-search-input .mat-form-field-flex{ border-radius:22px !important; -webkit-border-radius:22px !important; -moz-border-radius:22px !important; -ms-border-radius:22px !important; -o-border-radius:22px !important; }


.page-content .tab-container.task-overview .filter-section .dropdown-search .custom-input { position: absolute; top: 16px !important; right: 0;}


.task-overview .filter-section .dropdown-search .mat-form-field-appearance-legacy .mat-form-field-wrapper,.task-overview .filter-section .dropdown-search .mat-form-field-wrapper,.p-bottom-section .dropdown-search .mat-form-field-appearance-legacy .mat-form-field-wrapper,.p-bottom-section .dropdown-search .mat-form-field-wrapper{padding-bottom: 0px !important;}


.task-overview .filter-section .dropdown-search .mat-form-field-appearance-legacy .mat-form-field-wrapper,.task-overview .filter-section .dropdown-search .mat-form-field-wrapper,.p-bottom-section .custom-dropdown .mat-form-field-wrapper,.p-bottom-section .custom-dropdown .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom: 0px !important;}


.task-overview .filter-section .dropdown-search .mat-form-field-appearance-legacy .mat-form-field-wrapper,.task-overview .filter-section .dropdown-search .mat-form-field-wrapper,.p-bottom-section .dropdown-search .custom-input.custom-search-input .mat-form-field-flex{ border-radius:22px !important; -webkit-border-radius:22px !important; -moz-border-radius:22px !important; -ms-border-radius:22px !important; -o-border-radius:22px !important; }


.modal-body .profile-image-container .image-box{background-color:#5EC090;border-radius:50%;width:100px;height:100px;display:flex;justify-content:center;align-items:center;}


.modal-body .profile-image-container .image-box .profile-image{width:60px;height:60px;}


.modal-body .image-box1{background-color:#5EC090;border-radius:50%;width:100px!important;height:100px!important;display:flex;justify-content:center;align-items:center;}


.modal-body .image-box1 .profile-image{width:60px !important;height:60px !important;}


.upload-file-img{font-size: 30px !important;width:100px !important; height:35px !important;}


.modal-body .card-view-profile-img{width: 100px;margin:0 50px 30px 0;}


.modal-body .profile-image-container-size {width:100px; height:100px; border-radius:50px;}


.modal-body .photo-error-poc-user .mat-error { background-color: transparent !important; font-size: 11px !important; margin-top: 5px !important; margin-left: 2px !important;}


.dark-shadow{ opacity: 0 !important; background-color: #e3e3e3; width:100px; height: 100px; border-radius:50%; position: absolute; top: 0px; right: 0; left: 0; bottom: 0; opacity: 0; z-index: 10; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }


.dark-shadow:hover{opacity: 0.7 !important;}


.small-img{padding: 6px;}


.filter-timesheet{width: 350px;}


@media screen and (max-width:768px) {
.filter-timesheet{width: 100%;}
}


.project-heading{font-size:calc(17px + (23 - 22) * ((100vw - 300px) / (1600 - 300)));}


.project-card-updated{position:relative;padding: 0 !important;}


.project-card-updated .card-body{padding: 2rem 0rem !important;}


@media screen and (max-width:1900px) {
  .project-other-details{flex-direction: column;width: 100%;}
  .poc-details{width:100%;display: flex;align-items: center;}
  .details-box{display:flex;flex-direction:column;justify-content: space-between;gap:1rem}
  .scroll-content-vertical .ps-content{display: flex;height:unset;max-width: 1100px !important; align-items: center;flex-direction: row;}
  .project-attachment{display:flex !important;height: unset;flex-direction: column !important; align-items: flex-start !important;}
}


@media screen and (max-width:1600px) {
  .project-other{min-width:400px;flex-direction: column !important; align-items: flex-start !important;}
  /* .poc-details{width:unset;flex-direction: column;justify-content: flex-start;align-items: baseline;} */
}


@media screen and (max-width:1400px) {
  .poc-details{width:unset;flex-direction: column;justify-content: flex-start;align-items: baseline;}
}


@media screen and (max-width:1400px) {
  .project-other{min-width:400px;flex-direction: column !important; align-items: flex-start !important;}
  .poc-details{width:unset;flex-direction: column;justify-content: flex-start;align-items: baseline;}
}


@media screen and (max-width:992px) {
  .project-details{flex-direction:column;}
  .project-basic{width:100%}
  .project-other{width:100%;flex-direction: row !important;justify-content: space-between;}
}


@media screen and (max-width:767px) {
  .project-other-details{flex-direction: column;width: 100%;}
  /* file */
  .modal-body .file-section {
    width: 300px;
  }
  .modal-body .upload-container{
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
    gap: 10px;
  }
  .modal-body .pad-l-0 {
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
  }
  .modal-body .file-section-main{
  margin-top: 1.25em;
  }
  .modal-body .remove-all-button{
  margin: 0;
  }

  .log-card{flex-direction: column;align-items: baseline;position: relative;}
  .log-card .w-20{width: 100% !important;}
  .log-card .w-40{width: 100% !important;}
  .log-card .p-icon-box{position: absolute;top:20px;right:20px}
  .task-list-card{flex-direction: column;align-items: baseline;position: relative;}
  .task-list-card .p-icon-box{position: absolute;top:20px;right:20px}
}


@media screen and (max-width:575px) {
  .project-other{width:100%;flex-direction: column !important;min-width:unset;}
  .project-attachment{min-width: unset;display:flex !important;flex-direction: column !important;align-items: baseline !important;}
  .scroll-content-vertical .ps-content{height:100%;min-width:100% !important;flex-direction: column !important; align-items: flex-start !important; }

}


/*-----------------------------------------------
25. Project Management Css - End
-----------------------------------------------*/


/*-----------------------------------------------
26. Risk Management Css - Start
-----------------------------------------------*/


.rm-title-wrapper{display:flex;align-items:center;justify-content:space-between;}


.rm-title-wrapper .btn{background-color:#5EC090;color:#fff;padding:10px 24px;font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-radius:22px;}


.row.rm-card-content{margin:0px -3px;}


.row.rm-card-content .main-section{height: 100%;}


.row.rm-card-content .main-section .card.rm-view-card{height: 100%;}


.row.rm-card-content>*{padding:6px;}


.card.rm-view-card{padding:0;}


.rm-card-content .main-section{height: 100%;}


.card.rm-view-card:hover{border:1px solid #58B47C;}


.card.rm-view-card .card-body{padding:1.25rem;}


.card.rm-view-card .card-title{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;}


.progress-indication.low{height:10px;width:10px;background-color:#58B47C;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.medium{height:10px;width:10px;background-color:#B7BDC9;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.high{height:10px;width:10px;background-color:#EC4040;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.urgent{height:10px;width:10px;background-color:#5580E9;border-radius:50%;display:inline-block;margin-right:8px;}


.card.rm-view-card .card-content{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#717682;margin:12px 0 33px;}


.card.rm-view-card .card-footer{position: absolute;bottom: 16px;background-color:transparent;border-top:0;padding:0;}


.card.rm-view-card .risk-date{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;}


.card.rm-view-card .risk-view-navigation{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;text-decoration:underline !important;}


.rm-dropdown .mat-form-field-label{left:15px;top:26px !important;}


.rm-plan-title{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin:20px 0;}


.rm-view-field-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;word-break: break-all;}


.rm-view-field{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin:4px 0 32px; word-wrap: break-word;}


.rm-view-field.low{color:#58B47C;}


.rm-view-field.medium{color:#F29F57;}


.bio-character-counter.rm-view{top:30px;}


.rm-view-mitigation-wrapper .add-mitigation{background:#419BD8;border-radius:22px;padding:8px 24px;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#FFFFFF;}


.rm-view-mitigation-wrapper .cancel{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;}


.rm-title-wrapper .edit-btn{background-color:#fff;color:#58B47C;border:1px solid #58B47C;}


.rm-title-wrapper .edit-btn:hover{background-color:#58B47C;color:#fff;}


.rm-view-project-name{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#419BD8;margin:20px 0;word-break: break-all;}


.card.rm-view-mitigation-card{padding:20px;margin-top:30px;border:1px solid #58B47C;}


.card.rm-view-mitigation-card .card-body{padding:0;}


.card.rm-view-mitigation-card .card-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;}


.card.rm-view-mitigation-card .rm-view-field{margin:8px 0 0 !important;}


/*-----------------------------------------------
26. Risk Management Css - End
-----------------------------------------------*/


/*-----------------------------------------------
27. Escalation Management Css - Start
-----------------------------------------------*/


.em-card{padding:20px;}


.em-card .card-header{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;align-items:center;flex-direction:row !important;}


.em-card .rm-view-field-title{margin-top:20px;}


.profile-name-wrapper{display:flex;align-items:center;margin-top:8px;}


.em-profile-photo{width:40px;height:40px;border-radius: 50%;}


.profile-name{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin-left:8px;}


.rm-view-field.in-progress{color:#5580E9;}


.rm-view-field.details{color:#717682;}


.em-view-field{margin:4px 0;}


.em-view-field.closed{color:#58B47C;}


.em-view-field.open{color:#5580E9;}


.em-field-img{margin:0 0 0 8px;}


.em-field{margin:4px 0 24px;}


.em-field.closed{color:#58B47C;}


.em-field.open{color:#5580E9;}


.escalation-view-navigation{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;text-decoration:underline !important;}


.chat-ps .ps{border-radius:20px;}


.chat-ps .ps-content{height:70vh;}


.chat-container{width:100%;background:#f2f4f6;border-radius:20px;display:flex; flex-direction:column;align-items:flex-start;gap:20px;padding:16px;}


.chat-container .right-card{align-self:flex-end;}


.chat-container .card{max-width:500px;border-radius:12px !important;}


.chat-container .left-card .card{border:1px solid #419BD8;}


.chat-container .right-card .card{border:1px solid #4FA270;}


.chat-container .card-body{padding:0;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;}


.chat-container .left-card .card-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#419BD8;}


.chat-container .right-card .card-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#4FA270;}


.chat-container .card-bottom{font-size:calc(9px + (11 - 9) * ((100vw - 300px) / (1600 - 300)));font-weight:500;
  color:#717682;text-align:right;margin-top:12px;}


.task-comment .chat-ps .ps-content{max-height:50vh; height: auto;}


.task-comment .chat-container{width:100%;background:#f2f4f6;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;}


.task-comment .chat-wrapper {width: 100%;}


.task-comment .chat-container .card{ max-width: 100%!important; border-radius:12px !important; -webkit-border-radius:12px !important; -moz-border-radius:12px !important; -ms-border-radius:12px !important; -o-border-radius:12px !important; padding: 12px; }


.task-comment .chat-container .card-bottom{margin-top:8px!important;}


.no-chat .ps-content{height: 0;}


/*-----------------------------------------------
27. Escalation Management Css - End
-----------------------------------------------*/


/*-----------------------------------------------
28. Task Management Css - Start
-----------------------------------------------*/


.tm-container{margin-top:54px;}


.tm-title{margin-bottom:54px !important;}


.tm-date{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#717682;background:#f2f4f6;padding:2px 14px;}


.tm-card-wrapper{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 2px 22px;border-bottom:1px solid #EBF1FF;}


.tm-content-wrapper{margin:16px 14px 0 14px;width:17%;}


.tm-content-wrapper.long-wrapper{max-width:360px;width:25%;}


.tm-content-wrapper.short-wrapper{max-width:90px;}


.tm-card-title{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;font-style:italic;display:none;}


.tm-card-wrapper:nth-child(2) .tm-card-title{display:block;}


.tm-card-content{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin-top:16px;}


.tm-card-content-disable{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#a6a6a6;margin-top:16px;}


.tm-card-content.project-content{font-weight:400;word-break: break-all;}


.tm-card-content .tm-task-name{font-weight:500;color:#419BD8;}


.tm-card-content .tm-task-description{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-top:8px;word-break:break-word;}


.tm-card-view{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#58B47C;border:1px solid #58B47C;padding:8px 24px;border-radius:22px;margin-top:16px;}


.tm-card-view:hover{color:#fff;background:#58B47C;border:1px solid #58B47C;}


.tm-card-view:focus{border:1px solid #58B47C;color:#58B47C;}


.tm-card-view-gray{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;border:1px solid #717682;padding:8px 24px;border-radius:22px;margin-top:16px;}


.tm-card-view-gray:hover{color:#fff;background:#717682;border:1px solid #717682;}


.tm-card-view-gray:focus{border:1px solid #717682;color:#717682;}


@media screen and (max-width:1199px) {
  .tm-card-wrapper{flex-wrap:wrap;justify-content:flex-start;}
  .tm-content-wrapper{width:29% !important;max-width:100%;}
  .tm-card-content{margin:5px 0 20px;}
  .tm-card-view{margin:0 0 20px;}
  .tm-card-title{display:block;}
}


@media screen and (max-width:991px) {
  .tm-content-wrapper{width:30% !important;}
}


@media screen and (max-width:767px) {
  .tm-content-wrapper{width:44% !important;}
}


@media screen and (max-width:575px) {
  .tm-content-wrapper{width:100% !important;}
  .tm-card-content{margin:5px 0 12px;}
}


/*-----------------------------------------------
28. Task Management Css - End
-----------------------------------------------*/


/*-----------------------------------------------
29. Project management css - Start
-----------------------------------------------*/


.project-management-section .dropdown-search .custom-input.custom-search-input .mat-form-field-flex  { border-top-left-radius: 22px !important;border-bottom-left-radius: 22px !important;}


.project-management-section .filter-section  { position: absolute;  top: -3.4rem;  right: 0; display: flex;  flex-direction: column;  gap: 1rem;  align-items: flex-end !important;}


.project-management-section .table-border{ border:1px solid #D3D4D9; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; -ms-border-radius:1px; -o-border-radius:1px; }


.project-management-section .datatable .mat-table thead {border-bottom: 1px solid #EBEDF2;}


.project-management-section .mat-chip-list-wrapper .mat-standard-chip{ height:auto; text-align:center; border-radius:21px; -webkit-border-radius:21px; -moz-border-radius:21px; -ms-border-radius:21px; -o-border-radius:21px; }


.project-management-section th{color:#161F42 !important;}


.milestone-cursor{cursor: pointer !important;}


.project-management-section .mat-menu-item{padding: 0 30px !important}


.project-management-section .dropdown .mat-form-field-wrapper{width:150px}


.project-management-section .mat-select-arrow-wrapper{display:block;position:relative;top:-2px}


.project-management-section .mat-button.icon-button{padding:0;padding-right:16px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}


.project-management-section .mat-button.icon-button:hover:not(.mat-button-disabled)
.project-management-section .mat-button-focus-overlay,.mat-stroked-button.icon-button:hover:not(.mat-button-disabled)
.project-management-section .mat-button-focus-overlay{opacity:0}


.project-management-section .mat-button.icon-button .button-icon{position:relative;top:0;background-color:var(--very-light-blue-color);color:var(--dark-blue-text-color);width:30px;height:30px;font-size:20px;padding-top:5px;padding-left:1px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}


.project-management-section .mat-button.icon-button:hover .button-icon{animation:spin .3s ease-out}


.project-management-section .mat-button.icon-button .text{position:relative;top:-1px;margin-left:10px;color: #666;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:500}


.project-management-section .mat-table th{position:sticky;top:0;z-index:1;background-color:#fff;color:#171725;font-size:14px;font-weight:600}


.project-management-section .mat-table thead .mat-header-row th{white-space:nowrap;border-bottom:0px solid #828282;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:600}


.project-management-section .mat-table tr th,.mat-table tr td{padding:10px 12px;text-align:left}


.project-management-section .mat-table tr td{font-family:"Open Sans", sans-serif;font-weight:500;color:#717171;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300))); white-space: nowrap;}


.project-management-section .mat-table tr td .sub-text{ font-family:"Open Sans", sans-serif; font-weight:500; word-break:break-word; -webkit-hyphens:auto; hyphens:auto; display:flex; width:inherit; -ms-hyphens:auto; }


.project-management-section .mat-table tr td.mat-column-employeeExperience,
.project-management-section .mat-table tr th.mat-column-employeeName{white-space:nowrap;}


.project-management-section .mat-table .tag{display:flex;justify-content:center;align-items:center;width:78px;height:24px;font-size:12px;font-weight:500;margin:0;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}


.project-management-section .mat-table .tag.purple-tag{background-color:#f4eeff;color:#8860d0}


.project-management-section .mat-table .tag.blue-tag{background-color:#eef3ff;color:#5680e9}


/* .project-management-section.tab-container .mat-tab-body-content { padding: 24px 12px !important;} */


.project-management-section .space-left {margin-left:10px;}


.project-management-section .inactive-tab-btn { background-color:#ECECEF; color:#595E6C; min-width:160px; border: 1px solid transparent; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


.project-management-section .btn-width {width:220px;}


.project-management-section .active-tab-btn{border:1px solid #48ACF0; color:#48ACF0; background-color:#DEF0FC;}


.project-management-section .main-heading {font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300))); font-weight: 400; color:#404656;}


.project-management-section .view-container, .project-management-section .view-heading-container {display:flex; justify-content:space-between; margin:24px 0 20px 0;}


.img-group { display: flex; margin-bottom: 0.5rem;}


.img-group .img:first-child { margin-left: 0;}


.img-group .img { height: 40px; width: 40px; margin-left: -20px; border: 2px solid #FFFFFF; border-radius: 50%; color: #FFFFFF; display: flex; justify-content: center; align-items: center; background-color: #48ACF0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}


.img-group .img-margin{margin-left: -30px;}


.img-employee {align-items: center;  justify-content: flex-start;  gap: 15px;}


.pad-10 {padding: 10px;}


.project-management-section button:focus:not(:focus-visible) { outline: none !important;}


/* .project-management-section .tab-col-title{color:#282F40;font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight: 600; display:flex;justify-content: space-between; align-items:center;padding: 15px;} */


.project-management-section .tab-col-title span{margin-left:10px;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight: 500; background-color:#FFFFFF; color:#626b84; padding:4px 8px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


/* Create Project section css */


.project-management-module .create-project-form { margin: auto; max-width: 720px;}


.project-management-module .character-counter{position:absolute;bottom:-18px;right:0px;display:flex;justify-content:flex-end;font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;}


.project-management-module .character-counter .exceeded{color:red;}


.project-management-module .upload-container { display: flex; align-items: center;justify-content: space-between;width: 100%;}


.project-management-module .file-section{display: flex;align-items: flex-start;justify-content: flex-start;}


.project-management-module .uploadFile{ position: absolute; top: 0%; right: 0; bottom: 0; opacity: 0; width: 100%; height: 100%; z-index: 10; left: 0; cursor: pointer;}


.project-management-module .dropzone { cursor: pointer; width: 240px; height: 44px; border: 1.5px dashed #419BD8; white-space: nowrap; padding: 0 1rem; text-align: center; font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); color: #419bd8;display: flex; flex-direction: column; justify-content: center; background: #47B5FF14; position: relative; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.project-management-module .drag-text{color: #717682;font-weight: 500; }


.project-management-module .browse-text{color: #419bd8; font-weight: 500; text-decoration: underline !important; cursor: pointer;}


.project-management-module .pad-r-0{padding-right : 0 !important}


.project-management-module .pad-l-0{padding-left : 0 !important}


.project-management-module .file-count{color: #419BD8 !important;}


.project-management-module .file-display {  display: flex;  align-items: center; padding: 5px;  background-color: transparent;}


.project-management-module .file-display:hover { display: flex; align-items: center; padding: 5px; background-color: #f2f4f6; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.project-management-module .file-display .remove-btn-hover{opacity: 0;}


.project-management-module .file-display:hover .remove-btn-hover{opacity: 1;}


.project-management-module .file-icon {  margin-right: 5px;}


.project-management-module .file-name {  flex-grow: 1; font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;white-space: nowrap;}


.project-management-module .remove-button {  border: none; background-color: transparent; cursor: pointer; display: flex; justify-content: center; align-items: center;}


.project-management-module .remove-all-button{ font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#EC4040; text-decoration: underline !important; border: none; background-color: transparent; cursor: pointer; display: flex; justify-content: center; align-items: center;gap: 5px; margin: 0 0 0 10px;white-space: nowrap;}


/* .project-management-module .upload-container .ps-content {  width: 320px;} */


.project-management-module .pad-02{padding-top: 0.2rem;}


.project-management-module .addnew-btn{font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));}


.project-management-module .headerTag{font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))) !important;text-align: left;line-height: 1;color: #404656 !important;cursor: default;}


.project-management-module .subheaderTag{font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))) !important;text-align: left;line-height: 1;color: #717682 !important;cursor: default;word-break: break-word;}


.project-management-module .mat-form-field .mat-form-field-infix { width: 100%;}


.project-management-module .form.projectStatus{position: relative;}


.project-management-module .form.projectStatus.mat-form-field-appearance-legacy .mat-form-field-label{top: 2.0125em !important; left: 1rem !important;}


.project-management-module .custom-dropdown .mat-select-value {   padding-right: 12px;}


.project-management-module .scroll-content .ps-content{display: flex; align-items: center; }


.project-management-module .milestone-details{background-color: #F2F4F6;}


.project-management-module .milestone-card:first-of-type{margin-left:0px;}


.project-management-module .milestone-card:last-of-type{margin-right:0px;}


.project-management-module .milestone-card{position: relative; background-color:#FFFFFF;min-width:300px;height:100%; min-height: 315px; display: flex; flex-direction: column; justify-content: space-between; margin:8px;width:25%;border:1px solid #D3D4D9;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;-ms-border-radius:20px!important;-o-border-radius:20px!important;}


.project-management-module .milestone-card .position-remove {position: absolute;right: 0;top: 20px; opacity: 0;}


.project-management-module .milestone-card:hover .position-remove {opacity: 1;}


.mis-discription{  overflow: hidden;white-space: pre-wrap;word-break: break-all; text-overflow: ellipsis; min-height:65px; max-height: 65px;}


.project-management-module .assignee-details{background-color: #F2F4F6;}


.project-management-module .assignee-card:first-of-type{margin-left:0px;}


.project-management-module .assignee-card:last-of-type{margin-right:0px;}


.project-management-module .assignee-card{position: relative; background-color:#FFFFFF;min-width:300px;height:100%;margin:8px;width:25%;border:1px solid #D3D4D9;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;-ms-border-radius:20px!important;-o-border-radius:20px!important}


.project-management-module .assignee-card .position-remove {position: absolute;right: 0;top: 20px; opacity: 0;}


.project-management-module .assignee-card:hover .position-remove {opacity: 1;}


.project-management-module .assignee-card .position-shadow {position: absolute;right: 30px;top: 20px; opacity: 0;}


.project-management-module .assignee-card:hover .position-shadow {opacity: 1;}


.project-management-module .poc-card{display: flex;justify-content: space-between;align-items: center; background-color:#FFFFFF;height:100%;width:100%;margin:8px;border:1px solid #D3D4D9;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;-ms-border-radius:20px!important;-o-border-radius:20px!important}


.project-management-module .poc-details{background-color: #F2F4F6;}


.project-management-module .milestone-header-section{height: 100%;  max-height: 140px;  display: flex;  flex-direction: column;  justify-content: space-between;  gap: 5px;}


.project-management-module .p-chip{ padding:4px 12px; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; -ms-border-radius:13px; -o-border-radius:13px; }


.project-management-module .p-chip-blue-color{ background-color:#5580E91A;}


.project-management-module .p-chip-text-warning{ background-color:#5580E91A;}


.project-management-module .p-chip-text-danger{ background-color:#5580E91A;}


.project-management-module .p-chip-text-success{ background-color:#5580E91A;}


.project-management-module .p-chip-text-info{ background-color:#5580E91A;}


.project-management-module .p-chip-text-primary{ background-color:#5580E91A;}


.project-management-module .view-milestone{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); text-decoration: underline !important; font-weight:500;color:#5580E9;}


.project-management-module .mat-date-range-input-container {font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


.project-management-section .button-container{  display: flex; flex-wrap: wrap; gap: 20px;}


.trash-btn{ max-width:60px !important;min-width: 60px !important;height: 38px; border-radius:50px !important ;  -webkit-border-radius:50px !important ; -moz-border-radius:50px !important ; -ms-border-radius:50px !important ; -o-border-radius:50px !important ; }


.trash-wrapper{  display: flex;}


.stackholder-chip-wrapper{width:100%;display:flex;flex-wrap:wrap;gap:10px;}


.stackholder-chip{border:1px solid #4FA270;border-radius:40px;box-shadow:2px 2px 6px #0000001A;width:calc(50% - 10px);display:flex;align-items:center;justify-content:space-between;padding: 6px;}


.client-chip-wrapper{width:100%;display:flex;flex-wrap:wrap;gap:10px;}


.client-chip{border:1px solid #419BD8;border-radius:40px;box-shadow:2px 2px 6px #0000001A;width:calc(50% - 10px);display:flex;align-items:center;justify-content:space-between;padding: 6px;}


@media screen and (max-width:1900px) {
  .project-management-section .filter-section { position: relative; top: unset; right: unset; display: flex; flex-direction: row; gap: 1rem; align-items: flex-start !important;  flex-wrap: wrap; }
  .trash-wrapper{  display: flex;  flex-direction: row-reverse; gap:8px; }
}


@media screen and (max-width:1600px) {
  .project-management-section .filter-section { position: relative; top: unset; right: unset; display: flex; flex-direction: row; gap: 1rem; align-items: flex-start !important; }
  .project-management-section .inactive-tab-btn { margin: 0;}
  .project-management-section .addnew-btn{ margin: 0 !important;}
}


@media screen and (max-width:767px) {
  .project-management-module .file-section {width: 300px;}
  .project-management-module .upload-container{align-items: flex-start; justify-content: flex-start;width: 100%; flex-direction: column; gap: 10px;}
  .project-management-module .pad-l-0 {padding-left: calc(var(--bs-gutter-x) * .5) !important;}
  .project-management-module .file-section-main{margin-top: 1.25em;}
  .project-management-module .remove-all-button{margin: 0;}
}


@media screen and (max-width:520px) {
  .project-management-section .filter-section {  position: relative; top: unset; right: unset; display: flex;flex-direction: column;}
  .project-management-section .inactive-tab-btn {width: 120px;}


}


/*-----------------------------------------------
29. Project management css - end
-----------------------------------------------*/


/*-----------------------------------------------
30. MileStone Modal Modal Css- start
-----------------------------------------------*/


.mileStone-modal .modal-dialog .modal-content{margin:1rem;}


.mileStone-modal .main-content-box{width:100%;padding: 2rem;}


.mileStone-modal .main-content-box .main-container-header{display:flex;justify-content:space-between;align-items:flex-start;margin:0px 0 20px;}


.mileStone-modal .main-content-box .main-container-header .title{font-size:calc(24px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#333333;margin-bottom:10px!important;margin-left:12px;}


.mileStone-modal{z-index:1050;}


.mileStone-modal .modal-dialog{max-width:768px;max-height:auto;margin:1.7rem auto;}


.mileStone-modal .modal-body{padding: 20px 30px;}


.mileStone-modal .modal-header{padding:20px 30px;border-bottom:1px solid #D9DBDF; justify-content: space-between;}


.mileStone-modal .modal-header .modal-title{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#363636;}


.mileStone-modal .modal-header.with-button{display:flex;justify-content:space-between;}


.mileStone-modal .modal-header.with-button .delete-btn{ display:flex; justify-content:center; align-items:center; padding:5px 12px; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:500; color:#717171; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; }


.mileStone-modal .modal-header.with-button .delete-btn .delete-img{margin-right:5px;}


.mileStone-modal .modal-header.with-button .delete-btn:hover{background-color:#eee;}


.mileStone-modal .modal-body .modal-text{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;margin-bottom:0;text-align:center;}


.mileStone-modal .modal-body .modal-text.top-space{margin-top:30px;}


.mileStone-modal .modal-body .modal-link{color:#5680E9;text-decoration:none;}


.mileStone-modal .modal-body .modal-link:hover{text-decoration:underline;}


.mileStone-modal .modal-footer{padding:20px 30px;display:flex;justify-content: flex-start;}


.mileStone-modal .modal-footer.otp-footer{padding:20px 30px;display:flex;justify-content: space-between;}


.mileStone-modal .modal-footer .btn{ font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); font-weight:500; border-radius:20px;-webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }


.mileStone-modal .modal-footer .btn.btn-active{background-color:var(--green-color);color:var(--background-color);padding:8px 32px}


.mileStone-modal .modal-footer .btn.btn-active:hover{background-color:#4c9b74;}


.mileStone-modal .modal-footer .btn.btn-outline-active{ background-color:var(--background-color); color:var(--green-color); border:1px solid var(--green-color); border-radius:21px; padding:8px 32px; -webkit-border-radius:21px; -moz-border-radius:21px; -ms-border-radius:21px; -o-border-radius:21px; }


.mileStone-modal .modal-footer .btn.btn-outline-active:hover{background-color:var(--green-color);color:var(--background-color);}


.mileStone-modal .modal-footer .btn.btn-active:focus,
.mileStone-modal .modal-footer .btn.btn-outline-active:focus{box-shadow: 0 0 0 0.25rem var(--green-box-shadow);}


/* form css for create milestone modal */


.mileStone-modal .modal .mat-form-field .mat-form-field-infix { width: 100%;}


.mileStone-modal .form .character-counter{position:absolute;bottom:-18px;right:0px;display:flex;justify-content:flex-end;font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;}


.mileStone-modal .form .character-counter .exceeded{color:red;}


.mileStone-modal .form .mat-input-element:-webkit-autofill{box-shadow: 0 0 0 50px #f6f6f6 inset;}


.mileStone-modal .form .date-icon-field{position: relative;}


.mileStone-modal .form .date-toggle{position: absolute; top: -22px; bottom: 0; left: -44px; font-size: 5px; line-height: 0px; width: 26px; height: 26px;}


.mileStone-modal .form .date-icon-field button.mat-focus-indicator.mat-icon-button.mat-button-base { font-size: 24px;}


.mileStone-modal .custom-dropdown .mat-select-value {   padding-right: 12px;}


.mileStone-modal .form.projectStatus.mat-form-field-appearance-legacy .mat-form-field-label{top: 2.0125em !important; left: 1rem !important;;}


.mileStone-modal .mat-date-range-input-container {font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


@media screen and (max-width:767px) {
  .mileStone-modal .modal-body .top-space-responsive {padding-top: 15px;}
  .mileStone-modal .modal-body .week-time-row, .mileStone-modal .modal-body .week-copytime-class {flex-direction: column;display: flex; align-items: flex-start;}
  .mileStone-modal .modal-body .working-hours {padding-top: 10px;}
  .mileStone-modal .modal-body .copy-time-container {padding-left: 0; padding-top: 10px;}
  .mileStone-modal .modal-body .week-time-responsive {justify-content:space-between;align-items: flex-end;}
  .mileStone-modal .modal-body .weekday-width {margin-bottom: 10px;}
  .mileStone-modal .modal-body .working-hours .error-box{bottom:6px;}
}


@media screen and (max-width:575px) {
  .mileStone-modal .modal-dialog {margin:0.5rem auto;}
  .mileStone-modal .modal-footer .btn.btn-active,.mileStone-modal .modal-footer .btn.btn-outline-active{padding:8px 20px}
  .mileStone-modal .modal-body .profile-image-container {display: block;}
  .mileStone-modal .modal-body .profile-image-block {justify-content: center;display: flex; padding-bottom: 15px;}
  .mileStone-modal .modal-body .form .profile-image-upload {align-items: center;}
  .mileStone-modal .modal-body .profile-upload-button {padding: 5px 0px;width:150px;}
  .mileStone-modal .modal-header{padding:15px 20px;}
  .mileStone-modal .modal-body{padding: 15px 20px;}
  .mileStone-modal .modal-footer{padding:15px 20px;justify-content: space-between;}
  .mileStone-modal .modal-footer .btn{width: 48%;margin: 0;}
}


@media screen and (min-width:576px) {
  .mileStone-modal.modal-dialog-centered {min-height:calc(100% - 100px);}
}


/*-----------------------------------------------
30. MileStone Modal Modal Css- start
-----------------------------------------------*/


/*-----------------------------------------------
31. Poc Modal Modal Css - Start
-----------------------------------------------*/


.poc-modal .modal-dialog .modal-content{margin:1rem;}


.poc-modal .main-content-box{width:100%;padding: 2rem;}


.poc-modal .main-content-box .main-container-header{display:flex;justify-content:space-between;align-items:flex-start;margin:0px 0 20px;}


.poc-modal .main-content-box .main-container-header .title{font-size:calc(24px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#333333;margin-bottom:10px!important;margin-left:12px;}


.poc-modal{z-index:1050;}


.poc-modal .modal-dialog{max-width:768px;max-height:auto;margin:1.7rem auto;}


.poc-modal .modal-body{padding: 20px 30px;}


.poc-modal .modal-header{padding:20px 30px;border-bottom:1px solid #D9DBDF;}


.poc-modal .modal-header .modal-title{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#363636;}


.poc-modal .modal-header.with-button{display:flex;justify-content:space-between;}


.poc-modal .modal-header.with-button .delete-btn{ display:flex; justify-content:center; align-items:center; padding:5px 12px; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:500; color:#717171; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; }


.poc-modal .modal-header.with-button .delete-btn .delete-img{margin-right:5px;}


.poc-modal .modal-header.with-button .delete-btn:hover{background-color:#eee;}


.poc-modal .modal-body .modal-text{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;margin-bottom:0;text-align:center;}


.poc-modal .modal-body .modal-text.top-space{margin-top:30px;}


.poc-modal .modal-body .modal-link{color:#5680E9;text-decoration:none;}


.poc-modal .modal-body .modal-link:hover{text-decoration:underline;}


.poc-modal .modal-footer{padding:20px 30px;display:flex;justify-content: flex-start;}


.poc-modal .modal-footer.otp-footer{padding:20px 30px;display:flex;justify-content: space-between;}


.poc-modal .modal-footer .btn{ font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); font-weight:500; border-radius:20px;-webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }


.poc-modal .modal-footer .btn.btn-active{background-color:var(--green-color);color:var(--background-color);padding:8px 32px}


.poc-modal .modal-footer .btn.btn-active:hover{background-color:#4c9b74;}


.poc-modal .modal-footer .btn.btn-outline-active{ background-color:var(--background-color); color:var(--green-color); border:1px solid var(--green-color); border-radius:21px; padding:8px 32px; -webkit-border-radius:21px; -moz-border-radius:21px; -ms-border-radius:21px; -o-border-radius:21px; }


.poc-modal .modal-footer .btn.btn-outline-active:hover{background-color:var(--green-color);color:var(--background-color);}


.poc-modal .modal-footer .btn.btn-active:focus,
.poc-modal .modal-footer .btn.btn-outline-active:focus{box-shadow: 0 0 0 0.25rem var(--green-box-shadow);}


.poc-modal .mat-date-range-input-container {font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


.poc-modal .iti input,.poc-modal .iti input[type=text],.poc-modal .iti input[type=tel]{padding-right: 6px !important; padding-left: 58px !important;}


.poc-modal .custom-country-phone-code-dropdown.tel-input-error .iti input[type=tel]{border-bottom:none !important;}


.p-poc-profile-box .pad-10 {padding: 10px;background-color: #5EC090;}


.poc-modal .card-view-profile-img {background-color:#5EC090; border-radius:50%; display:flex; justify-content:center; align-items:center; width:100px; height:100px; margin:0 50px 0px 0;}


.poc-modal .profile-image-container {display: block;width: 100px; height: 100px; position: relative;}


.poc-modal .profile-image-block {justify-content: center;display: flex;}


.poc-modal .profile-image-upload { align-items: center; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; }


.poc-modal .profile-upload-button {  width: 100px; height: 100px; position: absolute; top: 0px; right: 0; left: 0; bottom: 0; opacity: 0;z-index: 10000; display: flex; justify-content: center;  align-items: center;}


.poc-modal .profile-upload-button:hover { opacity: 1;}


.poc-modal .profile-image-container .image-box{background-color:#5EC090;border-radius:50%;width:100px;height:100px;display:flex;justify-content:center;align-items:center;}


.poc-modal .profile-image-container .image-box .profile-image{width:60px;height:60px;}


.poc-modal .image-box1{background-color:#5EC090;border-radius:50%;width:100px!important;height:100px!important;display:flex;justify-content:center;align-items:center;}


.poc-modal .image-box1 .profile-image{width:60px !important;height:60px !important;}


.upload-file-img{font-size: 30px !important;width:100px !important; height:35px !important;}


.poc-modal .card-view-profile-img{width: 100px;margin:0 50px 30px 0;}


.poc-modal .profile-image-container-size {width:100px; height:100px; border-radius:50px;}


.poc-modal .photo-error-poc-user .mat-error { background-color: transparent !important; font-size: 11px !important; margin-top: 5px !important; margin-left: 2px !important;}


.dark-shadow{ opacity: 0 !important; background-color: #e3e3e3; width:100px; height: 100px; border-radius:50%; position: absolute; top: 0px; right: 0; left: 0; bottom: 0; opacity: 0; z-index: 10; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }


.dark-shadow:hover{opacity: 0.7 !important;}


/* form css for create poc modal */


.poc-modal .modal .mat-form-field .mat-form-field-infix { width: 100%;}


.poc-modal .form .character-counter{position:absolute;bottom:-18px;right:0px;display:flex;justify-content:flex-end;font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;}


.poc-modal .form .character-counter .exceeded{color:red;}


.poc-modal .form .mat-input-element:-webkit-autofill{box-shadow: 0 0 0 50px #f6f6f6 inset;}


.poc-modal .form .date-icon-field{position: relative;}


.poc-modal .form .date-toggle{position: absolute; top: -22px; bottom: 0; left: -44px; font-size: 5px; line-height: 0px; width: 26px; height: 26px;}


.poc-modal .form .date-icon-field button.mat-focus-indicator.mat-icon-button.mat-button-base { font-size: 24px;}


.poc-modal .custom-dropdown .mat-select-value {   padding-right: 12px;}


.poc-modal .form.projectStatus.mat-form-field-appearance-legacy .mat-form-field-label{top: 2.0125em !important; left: 1rem !important;;}


.poc-modal .phone-error{font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));}


@media screen and (max-width:767px) {
  .poc-modal .modal-body .top-space-responsive {padding-top: 15px;}
  .poc-modal .modal-body .week-time-row, .poc-modal .modal-body .week-copytime-class {flex-direction: column;display: flex; align-items: flex-start;}
  .poc-modal .modal-body .working-hours {padding-top: 10px;}
  .poc-modal .modal-body .copy-time-container {padding-left: 0; padding-top: 10px;}
  .poc-modal .modal-body .week-time-responsive {justify-content:space-between;align-items: flex-end;}
  .poc-modal .modal-body .weekday-width {margin-bottom: 10px;}
  .poc-modal .modal-body .working-hours .error-box{bottom:6px;}
}


@media screen and (max-width:575px) {
  .poc-modal .modal-dialog {margin:0.5rem auto;}
  .poc-modal .modal-footer .btn.btn-active,.poc-modal .modal-footer .btn.btn-outline-active{padding:8px 20px}
  .poc-modal .modal-body .profile-image-container {display: block;}
  .poc-modal .modal-body .profile-image-block {justify-content: center;display: flex; padding-bottom: 15px;}
  .poc-modal .modal-body .form .profile-image-upload {align-items: center;}
  .poc-modal .modal-body .profile-upload-button {padding: 5px 0px;width:150px;}
  .poc-modal .modal-header{padding:15px 20px;}
  .poc-modal .modal-body{padding: 15px 20px;}
  .poc-modal .modal-footer{padding:15px 20px;justify-content: space-between;}
  .poc-modal .modal-footer .btn{width: 48%;margin: 0;}
}


@media screen and (min-width:576px) {
  .poc-modal.modal-dialog-centered {min-height:calc(100% - 100px);}
}


/*-----------------------------------------------
31. Poc Modal Modal Css - end
-----------------------------------------------*/


/*-----------------------------------------------
32. Assignee Modal Modal Css - Start
-----------------------------------------------*/


.assignee-modal .modal-dialog .modal-content{margin:1rem;}


.assignee-modal .main-content-box{width:100%;padding: 2rem;}


.assignee-modal .main-content-box .main-container-header{display:flex;justify-content:space-between;align-items:flex-start;margin:0px 0 20px;}


.assignee-modal .main-content-box .main-container-header .title{font-size:calc(24px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#333333;margin-bottom:10px!important;margin-left:12px;}


.assignee-modal{z-index:1050;}


.assignee-modal .modal-dialog{max-width:768px;max-height:auto;margin:1.7rem auto;}


.assignee-modal .modal-body{padding: 20px 30px;}


.assignee-modal .modal-header{padding:20px 30px;border-bottom:1px solid #D9DBDF;}


.assignee-modal .modal-header .modal-title{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#363636;}


.assignee-modal .modal-header.with-button{display:flex;justify-content:space-between;}


.assignee-modal .modal-header.with-button .delete-btn{ display:flex; justify-content:center; align-items:center; padding:5px 12px; font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:500; color:#717171; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; }


.assignee-modal .modal-header.with-button .delete-btn .delete-img{margin-right:5px;}


.assignee-modal .modal-header.with-button .delete-btn:hover{background-color:#eee;}


.assignee-modal .modal-body .modal-text{font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;margin-bottom:0;text-align:center;}


.assignee-modal .modal-body .modal-text.top-space{margin-top:30px;}


.assignee-modal .modal-body .modal-link{color:#5680E9;text-decoration:none;}


.assignee-modal .modal-body .modal-link:hover{text-decoration:underline;}


.assignee-modal .modal-footer{padding:20px 30px;display:flex;justify-content: flex-start;}


.assignee-modal .modal-footer.otp-footer{padding:20px 30px;display:flex;justify-content: space-between;}


.assignee-modal .modal-footer .btn{ font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); font-weight:500; border-radius:20px;-webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }


.assignee-modal .modal-footer .btn.btn-active{background-color:var(--green-color);color:var(--background-color);padding:8px 32px}


.assignee-modal .modal-footer .btn.btn-active:hover{background-color:#4c9b74;}


.assignee-modal .modal-footer .btn.btn-outline-active{ background-color:var(--background-color); color:var(--green-color); border:1px solid var(--green-color); border-radius:21px; padding:8px 32px; -webkit-border-radius:21px; -moz-border-radius:21px; -ms-border-radius:21px; -o-border-radius:21px; }


.assignee-modal .modal-footer .btn.btn-outline-active:hover{background-color:var(--green-color);color:var(--background-color);}


.assignee-modal .modal-footer .btn.btn-active:focus,
.assignee-modal .modal-footer .btn.btn-outline-active:focus{box-shadow: 0 0 0 0.25rem var(--green-box-shadow);}


.assignee-modal .mat-date-range-input-container {font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


/* form css for create poc modal */


.assignee-modal .modal .mat-form-field .mat-form-field-infix { width: 100%;}


.assignee-modal .form .character-counter{position:absolute;bottom:-18px;right:0px;display:flex;justify-content:flex-end;font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;}


.assignee-modal .form .character-counter .exceeded{color:red;}


.assignee-modal .form .mat-input-element:-webkit-autofill{box-shadow: 0 0 0 50px #f6f6f6 inset;}


.assignee-modal .form .date-icon-field{position: relative;}


.assignee-modal .form .date-toggle{position: absolute; top: -22px; bottom: 0; left: -44px; font-size: 5px; line-height: 0px; width: 26px; height: 26px;}


.assignee-modal .form .date-icon-field button.mat-focus-indicator.mat-icon-button.mat-button-base { font-size: 24px;}


.assignee-modal .custom-dropdown .mat-select-value {   padding-right: 12px;}


.assignee-modal .form.projectStatus.mat-form-field-appearance-legacy .mat-form-field-label{top: 2.0125em !important; left: 1rem !important;;}


@media screen and (max-width:767px) {
  .assignee-modal .modal-body .top-space-responsive {padding-top: 15px;}
  .assignee-modal .modal-body .week-time-row, .assignee-modal .modal-body .week-copytime-class {flex-direction: column;display: flex; align-items: flex-start;}
  .assignee-modal .modal-body .working-hours {padding-top: 10px;}
  .assignee-modal .modal-body .copy-time-container {padding-left: 0; padding-top: 10px;}
  .assignee-modal .modal-body .week-time-responsive {justify-content:space-between;align-items: flex-end;}
  .assignee-modal .modal-body .weekday-width {margin-bottom: 10px;}
  .assignee-modal .modal-body .working-hours .error-box{bottom:6px;}
}


@media screen and (max-width:575px) {
  .assignee-modal .modal-dialog {margin:0.5rem auto;}
  .assignee-modal .modal-footer .btn.btn-active,.assignee-modal .modal-footer .btn.btn-outline-active{padding:8px 20px}
  .assignee-modal .modal-body .profile-image-container {display: block;}
  .assignee-modal .modal-body .profile-image-block {justify-content: center;display: flex; padding-bottom: 15px;}
  .assignee-modal .modal-body .form .profile-image-upload {align-items: center;}
  .assignee-modal .modal-body .profile-upload-button {padding: 5px 0px;width:150px;}
  .assignee-modal .modal-header{padding:15px 20px;}
  .assignee-modal .modal-body{padding: 15px 20px;}
  .assignee-modal .modal-footer{padding:15px 20px;justify-content: space-between;}
  .assignee-modal .modal-footer .btn{width: 48%;margin: 0;}
}


@media screen and (min-width:576px) {
  .assignee-modal.modal-dialog-centered {min-height:calc(100% - 100px);}
}


/*-----------------------------------------------
32. Assignee Modal Modal Css - end
-----------------------------------------------*/


/*-----------------------------------------------
33. Value Addition Css - Start
-----------------------------------------------*/


.va-title-wrapper{display:flex;align-items:center;justify-content:space-between;}


.va-title-wrapper .btn{background-color:#5EC090;color:#fff;padding:10px 24px;font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-radius:22px;}


.row.va-card-content{margin:0px -3px;}


.row.va-card-content>*{padding:6px;}


.card.va-view-card{padding:0;}


.card.va-view-card:hover{border:1px solid #58B47C;}


.card.va-view-card .card-body{padding:1.25rem;}


.card.va-view-card .card-title{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;}


.progress-indication.green{height:10px;width:10px;background-color:#58B47C;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.grey{height:10px;width:10px;background-color:#B7BDC9;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.red{height:10px;width:10px;background-color:#EC4040;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.violet{height:10px;width:10px;background-color:#5580E9;border-radius:50%;display:inline-block;margin-right:8px;}


.card.va-view-card .card-content{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#717682;margin:12px 0 33px;}


.card.va-view-card .card-footer{display:flex;justify-content:space-between;background-color:transparent;border-top:0;padding:0;}


.card.va-view-card .risk-date{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;}


.card.va-view-card .risk-view-navigation{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;text-decoration:underline !important;}


.va-dropdown .mat-form-field-label{left:15px;top:26px !important;}


.va-plan-title{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin:20px 0;}


.va-view-field-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-top:16px;}


.va-view-field{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin-top:4px;word-break: break-all;}


.va-view-field.low{color:#58B47C;}


.va-view-field.medium{color:#F29F57;}


.bio-character-counter.va-view{top:30px;}


.va-view-mitigation-wrapper .add-mitigation{background:#419BD8;border-radius:22px;padding:8px 24px;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#FFFFFF;}


.va-view-mitigation-wrapper .cancel{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;}


.va-title-wrapper .edit-btn{background-color:#fff;color:#58B47C;border:1px solid #58B47C;}


.va-title-wrapper .edit-btn:hover{background-color:#58B47C;color:#fff;}


.va-addition-title{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#419BD8;margin:6px 0;}


.white-space-nowrap{white-space: nowrap; }


.max-7{max-width: 700px;}


.value-Addition-card{position: relative;}


.value-Addition-card .position-remove {position: absolute;right: 15px;top: 30px; opacity: 0;}


.value-Addition-card .position-edit {position: absolute;right: 45px;top: 30px; opacity: 0;}


.value-Addition-card:hover .position-remove {opacity: 1;}


.value-Addition-card:hover .position-edit {opacity: 1;}


.mat-form-field.readonly .mat-input-element{background-color:transparent!important;cursor: not-allowed!important;}


.mat-form-field-appearance-fill.readonly .mat-form-field-flex{background-color: #f9f9f9!important;cursor: not-allowed!important;}


/*-----------------------------------------------
33. Value Addition Css - End
-----------------------------------------------*/


/*-----------------------------------------------
34. File Storage Css - start
-----------------------------------------------*/


.fs-card{display: flex; flex-direction: column; justify-content: space-between; gap: 2.688rem;}


.fs-card:hover {border: 1px solid #c9cad0 !important; box-shadow: none !important;}


.fs-card-bg-gray{background-color: #F2F4F6;border: none !important;box-shadow: none !important;position: relative;}


.fs-card-bg-gray img{position:absolute;top:-10%;right:0;}


.fs-card-bg-gray:hover{border: none !important;box-shadow: none !important;}


.fs-title{font-size:calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;max-width: 21.875rem; word-wrap: break-word;}


.fs-sub-title{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;max-width: 21.875rem; word-wrap: break-word;}


.fs-field-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-top:16px;}


.fs-btn{ width: -moz-fit-content; width: fit-content;}


.fs-overview-wrapper{ display: flex; justify-content: flex-start; align-items: center;  gap: 16px;}


.fs-overview-wrapper span{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40; }


.dark-bg-back{ background-color: #F2F4F6; width: 50px; height: 50px; display: flex; justify-content: center;  align-items: center;border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; }


.fs-head-title span{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin:6px 0; padding-right: 1rem !important;}


.cp-pointer{cursor: pointer;}


.fs-card-hover:hover {border: 1px solid #48ACF0;  box-shadow: 3px 3px 14px #00000014; cursor: pointer;}


/* .fs-ml-3{margin-left: 2.2rem !important;} */


.graph-size{width:10rem;}


.round-yellow{ width: 12px; height: 12px; background-color: #F8BE72; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; }


.round-green{ width: 12px; height: 12px; background-color: #58B47C; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; }


.round-blue{ width: 12px; height: 12px; background-color: #419BD8; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; }


.round-purple{ width: 12px; height: 12px; background-color: #B778EE; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; }


.mat-menu-btn-section button span a{color:#0F172A !important;}


.fs-label{z-index:1;}


.fs-graph-count{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))) !important;font-weight:400 !important;color:grey !important;}


@media screen and (max-width:767px) {
  .fs-card-bg-gray img{display:none;}
}


/*-----------------------------------------------
34. File Storage Css - end
-----------------------------------------------*/


/*-----------------------------------------------
35. Project Feedback Css - Start
-----------------------------------------------*/


.pf-header-section {display: flex;justify-content: flex-start !important;  align-items: center !important; gap: 10px;flex-direction: row !important;}


.pf-title-wrapper{display:flex;align-items:center;justify-content:space-between;}


.pf-title-wrapper .btn{background-color:#5EC090;color:#fff;padding:10px 24px;font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-radius:22px;}


.pf-rating-section {display: flex; justify-content: flex-start !important; align-items: center; gap: 5px; flex-direction: row !important;}


.row.pf-card-content{margin:0px -3px;}


.row.pf-card-content>*{padding:6px;}


.card.pf-view-card{padding:0;}


.card.pf-view-card:hover{border:1px solid #58B47C;}


.card.pf-view-card .card-body{padding:1.25rem;}


.card.pf-view-card .card-title{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;}


.progress-indication.green{height:10px;width:10px;background-color:#58B47C;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.grey{height:10px;width:10px;background-color:#B7BDC9;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.red{height:10px;width:10px;background-color:#EC4040;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.violet{height:10px;width:10px;background-color:#5580E9;border-radius:50%;display:inline-block;margin-right:8px;}


.card.pf-view-card .card-content{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#717682;margin:12px 0 33px;}


.card.pf-view-card .card-footer{display:flex;justify-content:space-between;background-color:transparent;border-top:0;padding:0;}


.card.pf-view-card .risk-date{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;}


.pf-dropdown .mat-form-field-label{left:15px;top:26px !important;}


.pf-plan-title{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin:20px 0;}


.pf-view-field-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-top:32px;}


.pf-view-field{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin-top:4px;}


.pf-view-field.low{color:#58B47C;}


.pf-view-field.medium{color:#F29F57;}


.bio-character-counter.pf-view{top:30px;}


.pf-view-mitigation-wrapper .add-mitigation{background:#419BD8;border-radius:22px;padding:8px 24px;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#FFFFFF;}


.pf-view-mitigation-wrapper .cancel{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;}


.pf-title-wrapper .edit-btn{background-color:#fff;color:#58B47C;border:1px solid #58B47C;}


.pf-title-wrapper .edit-btn:hover{background-color:#58B47C;color:#fff;}


.pf-addition-title{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin:6px 0; padding-right: 1rem !important;}


.feedback-card{justify-content: flex-start !important; }


.discription-section-feedback{min-height: 110px;}


.max-7{max-width: 700px;}


.pf-rating-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;}


.pf-project-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;margin-top:8px;}


.general-feedback{color:#53a4dc;font-weight: 600;}


.milestone-feedback{color:#58b47c;font-weight: 600;}


.completion-feedback{color:#7c59df;font-weight: 600;}


.feedback-rating .star.star-full,
.feedback-rating .star.star-half,
.feedback-rating .star.star-empty {background-color:#FFC107!important; height:30px!important; width:35px!important;}


.feedback-rating .stars-line {top:5px;}


.feedback-rating .rating-box {display: flex;flex-wrap: wrap;}


.feedback-rating .rating {display: flex;}


.feedback-rating .rating .star-rating::after {content:",";margin-right: 5px;}


.feedback-rating .rating:last-child .star-rating::after {content: "";}


.feedback-rating.skills-rating-display .stars-line{top: 3px;}


.feedback-rating.skills-rating-display .rating-number{color:#FFC107;margin-right: 5px;font-weight:600;}


.mat-form-field.readonly .mat-input-element{background-color:transparent!important;cursor: not-allowed!important;}


.mat-form-field-appearance-fill.readonly .mat-form-field-flex{background-color: #f9f9f9!important;cursor: not-allowed!important;}


.readonly{cursor: not-allowed!important;}


.readonly mat-select{  pointer-events: none;}


.mis-discription{  overflow: hidden;white-space: pre-wrap;word-break: break-all; text-overflow: ellipsis; min-height:65px; max-height: 65px;}


.overall-rating{display:flex;align-items: center;height:50px;}


.overall-rating .score{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;}


.overall-rating .total{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#717682;}


.overall-rating .title-1{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#58B47C;}


.overall-rating .title-2{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#419BD8;}


.vertical-divider{border-left: 1px solid #C4CADA;width: 0px;height:100%;margin:0px 16px}


/*-----------------------------------------------
35. Project Feedback Css - End
-----------------------------------------------*/


/*-----------------------------------------------
36. Project Reports Css - Start
-----------------------------------------------*/


.pr-chart-container .row>*{margin-top:20px;}


.pr-chart-container .card-header{padding:20px;background-color:transparent;border-bottom:0;}


.pr-chart-container .card-title{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;}


.pr-chart-container .card-subtitle{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-top:12px;}


.pr-chart-container .card-body{padding:20px;}


.filter-field .mat-form-field-infix{border:1px solid #48ACF0;border-radius:16px;padding:4px 20px;width:320px}


.filter-field .mat-form-field-label{margin:2px 0 0 20px;}


.filter-field .mat-select-value-text span{color:#48ACF0 !important;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)))!important;}


.filter-field .mat-select-arrow{color:#48ACF0;}


.inner.filter-field .mat-select-arrow{visibility: hidden;}


.pr-chart-container .mat-form-field-appearance-legacy .mat-form-field-underline{display: none !important;}


.project-filter-position{right:0;left:auto;}


.square-blue{ width: 12px; height: 12px; background-color: #419BD8;  }


.square-yellow{ width: 12px; height: 12px; background-color: #FEAD44;  }


.square-green{ width: 12px; height: 12px; background-color: #58B47C;  }


.square-red{ width: 12px; height: 12px; background-color: #EC407A;  }


.square-gray{width: 12px; height: 12px; background-color: #717682; }


.pr-overview-wrapper{ display: flex; justify-content: flex-start; align-items: center;  gap: 16px;  max-width: 150px;  min-width: 150px;}


.pr-overview-wrapper span{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40; }


.pr-head-title span{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin:6px 0; padding-right: 1rem !important;}


.pr-margin-1{ margin: 1rem 0 2rem 0;}


.pr-margin-2 {  margin: 1rem 0rem;}


.pr-chart-container .filter-field .mat-form-field-infix{padding: 8px 20px;}


.pr-chart-container .mat-form-field-label-wrapper{ top: -0.54375em;}


.pr-chart-container .mat-form-field.mat-focused .mat-form-field-label{color: #48ACF0 !important;}


.mile-card{height: 100%; max-height: 500px;}


/*-----------------------------------------------
36. Project Reports Css - End
-----------------------------------------------*/


.update-icon{width:20px;height: 20px;}


/*-----------------------------------------------
36. Task Overview Pipeline - Start
-----------------------------------------------*/


.pipeline-drag{min-width:1400px;padding-bottom:14px;}


.pipeline-container {height:-moz-fit-content;height:fit-content;min-width: 400px;max-width: 100%;margin: 0px 24px 0px 0px;display: inline-block;vertical-align: top;background-color: #F2F4F6;border-radius: 8px;}


.pipeline-container:last-child{margin:0;}


.pipeline-container .pipline-col-title{color:#282F40;font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight: 600; display:flex;justify-content: space-between; align-items:center;padding: 15px;}


.pipeline-container .pipline-col-title span{margin-left:10px;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight: 500; background-color:#FFFFFF; color:#626b84; padding:4px 8px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.pipeline-list {min-height:60px;background-color: #FFFFFF;border-radius: 4px;overflow: hidden;display: block;}


.pipeline-list .ps-content{max-height:calc(100vh - 320px);min-height:-moz-fit-content;min-height:fit-content;height:-moz-fit-content;height:fit-content;}


.pipeline-list .pipeline-list-container{padding: 1px;}


.pipeline-box .pipeline-title-box{display: flex;justify-content:space-between;width:100%;margin-bottom: 4px;}


.pipeline-box .pipeline-title{ font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:#282F40;font-weight: 600; word-break: break-word; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; }


.pipeline-text-1{ font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:#419BD8;font-weight: 500; word-break: break-word; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; }


.pipeline-text-2{ font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));color:#282F40;font-weight: 400; word-break: break-word; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; }


.pipeline-box .pipeline-title:hover{cursor: pointer;text-decoration: underline;}


.pipeline-box .pipline-text{color:#8D929B;margin-right: 40px;margin-bottom: 4px;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight: 400;word-break: break-word; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}


.pipeline-box .pipline-text.dark{color:#5e6269;font-size: calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;margin-bottom: 0px;word-break: break-word; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}


.pipeline-box { position:relative; padding: 16px 20px; color: rgba(0, 0, 0, 0.87); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; box-sizing: border-box; cursor: move; font-size: 14px; margin-bottom:1px; background: #ffff;  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }


.pipeline-box:hover{box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}


.pipeline-box:last-child{ margin-bottom: 0; border-radius:0px 0px 8px 8px; -webkit-border-radius:0px 0px 8px 8px; -moz-border-radius:0px 0px 8px 8px; -ms-border-radius:0px 0px 8px 8px; -o-border-radius:0px 0px 8px 8px; }


.pipeline-box .drag-icon{width:30px;height:auto;opacity:0.2;position:absolute;bottom:14px;right:16px;}


.pipeline-box:hover .drag-icon{opacity: 0.4 !important;}


.pipeline-box .pipline-badge{ height: -moz-fit-content; height: fit-content; font-size: calc(11px + (12 - 11) * ((100vw - 300px) / (1600 - 300))); font-weight:500; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;}


.pipeline-box .pipline-badge.small{background-color:#fff;color:#00a7f9; padding:2px 4px;font-size:11px;margin-left:8px!important;box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 0px 2px 0px;font-weight:600;}


.cdk-drag-preview { box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),0 8px 10px 1px rgba(0, 0, 0, 0.14),0 3px 14px 2px rgba(0, 0, 0, 0.12); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }


.cdk-drag-placeholder {opacity: 0;}


.cdk-drag-animating {transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);}


.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) {transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);}


.badge{background-color:#35A1FF25;color: #35A1FF!important;padding:4px 8px;margin-right:4px;margin-top:4px;height: -moz-fit-content;height: fit-content; font-size: calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300))); font-weight:500!important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;}


.badge:last-child{margin-right:0;}


.application-form{border-top: 1px solid #D9DBDF;margin-top:1.5rem;padding-top: 1rem}


.add-members{width:200px;}


.no-team-members{margin:0.7rem 0 2rem;font-size:14px;color:grey}


.p-assignee-profile{background-color:#D3D4D9;color:#FFFFFF;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:600;display:grid;place-items:center;min-height:40px;min-width:40px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }


.bg-color-1{background-color: #419BD8 !important;}


.bg-color-2{background-color: #4FA270 !important;}


.bg-color-3{background-color: #5580E9 !important;}


.bg-color-4{background-color: #EC407A !important;}


.bg-color-5{background-color: #717682 !important;}


.bg-color-6{background-color: #F27D41 !important;}


@media only screen and (max-width: 767px) {
  .pipeline-list .ps-content{max-height:calc(100vh - 360px);}
}


/*-----------------------------------------------
36. Task Overview Pipeline - Start
-----------------------------------------------*/


/*-----------------------------------------------
37. Worklogs Details - Start
-----------------------------------------------*/


.wl-container{margin-top:54px;}


.wl-title{margin-bottom:54px !important;}


.wl-date{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#717682;background:#f2f4f6;padding:2px 14px;}


.wl-card-wrapper{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 2px 22px;border-bottom:1px solid #EBF1FF;}


.wl-content-wrapper{margin:16px 14px 0 14px;width:17%;}


.wl-content-wrapper-checkbox{margin:16px 14px 0 14px;width:2%;}


.wl-content-wrapper.long-wrapper{max-width:360px;width:25%;}


.wl-content-wrapper.short-wrapper{max-width:90px;}


.wl-card-title{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;font-style:italic;display:none; min-height: 20px;}


.wl-card-wrapper:nth-child(2) .wl-card-title{display:block;}


.wl-card-content{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin-top:16px;}


.wl-card-content-disable{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#a6a6a6;margin-top:16px;}


.wl-card-content.project-content{font-weight:400;word-break: break-all;}


.wl-card-content .wl-task-name{font-weight:500;color:#419BD8;}


.wl-card-content .wl-task-description{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;margin-top:8px;word-break:break-word;}


.wl-card-view{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#58B47C;border:1px solid #58B47C;padding:8px 24px;border-radius:22px;margin-top:16px;}


.wl-card-view:hover{color:#fff;background:#58B47C;border:1px solid #58B47C;}


@media screen and (max-width:1199px) {
  .wl-card-wrapper{flex-wrap:wrap;justify-content:flex-start;}
  .wl-content-wrapper{width:29% !important;max-width:100%;}
  .wl-card-content{margin:5px 0 20px;}
  .wl-card-view{margin:0 0 20px;}
  .wl-card-title{display:block;}
}


@media screen and (max-width:991px) {
  .wl-content-wrapper{width:30% !important;}
}


@media screen and (max-width:767px) {
  .wl-content-wrapper{width:44% !important;}
}


@media screen and (max-width:575px) {
  .wl-content-wrapper{width:100% !important;}
  .wl-card-content{margin:5px 0 12px;}
}


.wl-view-field.approve{color:#58B47C;}


.wl-view-field.reject{color:#EC4040;}


/*-----------------------------------------------
37. Worklogs Details - End
-----------------------------------------------*/


/*-----------------------------------------------
38. List Active Project - Start
-----------------------------------------------*/


.p-label-dark{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); font-weight:700;color:#282F40; cursor: default;}


.p-label-light{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:500;color:#8A8D97;cursor: default;word-wrap: break-word;}


.p-text-big{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); font-weight:600;color:#0F172A;cursor: default;word-break: break-word;}


.p-text-small{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight:700;color:#0F172A;cursor: default;word-break: break-all;}


.p-text-medium{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300))); font-weight:600;color:#0F172A;cursor: default;word-break: break-all;}


.p-gray{color:#717682;}


.card.project-card{padding:2rem 0rem;cursor: pointer;height: 100%;justify-content: space-between;}


.card.project-card:hover{border:1px solid #58B47C;}


.card.project-card .p-status{white-space:nowrap;border-radius: 0px 15px 15px 0px;padding: 0.3rem 1rem;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))); font-weight:700;}


.card.project-card .p-status.not-started{background-color: #D3D4D9;color: #717682;}


.card.project-card .p-status.in-progress{background-color: #C7E9FF;color: #419BD8;}


.card.project-card .p-status.on-hold{background-color: #FFF4D5;color: #DE8C22;}


.card.project-card .p-status.delay{background-color: #F59697;color: #D1001F;}


.card.project-card .p-status.completed{background-color: #CFF5DF;color: #4FA270;}


.lp-title-wrapper{display:flex;align-items:center;justify-content:space-between;}


.lp-title-wrapper .btn{background-color:#5EC090;color:#fff;padding:10px 24px;font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-radius:22px;}


.row.lp-card-content{margin:0px -3px;}


.row.lp-card-content>*{padding:6px;}


.card.project-card .card-body{padding:1.25rem;}


.card.project-card .card-title{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;}


.progress-indication.green{height:10px;width:10px;background-color:#58B47C;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.grey{height:10px;width:10px;background-color:#B7BDC9;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.red{height:10px;width:10px;background-color:#EC4040;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.violet{height:10px;width:10px;background-color:#5580E9;border-radius:50%;display:inline-block;margin-right:8px;}


.card.project-card .card-content{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#717682;margin:12px 0 33px;}


.card.project-card .card-footer{display:flex;justify-content:space-between;background-color:transparent;border-top:0;padding:0;}


.card.project-card .risk-date{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;}


.card.project-card .risk-view-navigation{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;text-decoration:underline !important;}


.lp-dropdown .mat-form-field-label{left:15px;top:26px !important;}


.lp-plan-title{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin:20px 0;}


.hours-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;margin:10px 0 0;}


.hours.low{ color:#58B47C;font-weight: 600; }


.log-progress-wrapper{display:flex;flex-direction:column;align-items:flex-start;}


.log-table-progressbar .log-green-progress-cell{width:200px;}


.log-green-progress{border-radius:10px;height:8px !important;width:200px !important;}


.log-green-progress .mat-progress-bar-buffer{background-color:#CCCCCC;}


.log-green-progress .mat-progress-bar-fill::after{background-color:#58B47C;border-radius:10px;}


.rlog-itle-wrapper{display:flex;align-items:center;justify-content:space-between;}


.log-title-wrapper .btn{background-color:#5EC090;color:#fff;padding:10px 24px;font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;border-radius:22px;}


.row.log-card-content{margin:0px -3px;}


.row.log-card-content>*{padding:6px;}


.card.log-view-card{padding:0;width: 100%; min-width: 300px;max-width: 300px;margin-right: 1rem;}


.log-card-content .main-section{height: 100%;}


.log-card-content{display: flex;}


.card.log-view-card:hover{border:1px solid #58B47C;}


.card.log-view-card .card-body{padding:1.25rem;}


.card.log-view-card .card-title{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;}


.progress-indication.low{height:10px;width:10px;background-color:#58B47C;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.medium{height:10px;width:10px;background-color:#B7BDC9;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.high{height:10px;width:10px;background-color:#EC4040;border-radius:50%;display:inline-block;margin-right:8px;}


.progress-indication.urgent{height:10px;width:10px;background-color:#5580E9;border-radius:50%;display:inline-block;margin-right:8px;}


.card.log-view-card .card-content{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#717682;margin:12px 0 33px;}


.card.log-view-card .card-footer{display:flex;justify-content:space-between;background-color:transparent;border-top:0;padding:0;}


.card.log-view-card .risk-date{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;}


.card.log-view-card .risk-view-navigation{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;text-decoration:underline !important;}


.log-dropdown .mat-form-field-label{left:15px;top:26px !important;}


.log-plan-title{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin:20px 0;}


.log-view-field-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;word-break: break-all;}


.log-view-field{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#282F40;margin:4px 0 32px;word-break: break-all;}


.log-view-field.low{color:#58B47C;}


.log-view-field.medium{color:#F29F57;}


.bio-character-counter.log-view{top:30px;}


.log-view-mitigation-wrapper .add-mitigation{background:#419BD8;border-radius:22px;padding:8px 24px;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#FFFFFF;}


.log-view-mitigation-wrapper .cancel{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;}


.log-title-wrapper .edit-btn{background-color:#fff;color:#58B47C;border:1px solid #58B47C;}


.log-title-wrapper .edit-btn:hover{background-color:#58B47C;color:#fff;}


.log-view-project-name{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#419BD8;margin:20px 0;}


.card.log-view-mitigation-card{padding:20px;margin-top:30px;border:1px solid #58B47C;}


.card.log-view-mitigation-card .card-body{padding:0;}


.card.log-view-mitigation-card .card-title{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#717682;}


.card.log-view-mitigation-card .log-view-field{margin:8px 0 0 !important;}


.log-card-view-white{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;border:1px solid #282F40;padding:8px 24px;border-radius:22px;margin-top:16px;}


.log-card-view-white:hover{color:#fff;background:#282F40;border:1px solid #282F40;}


.log-card-view-white:focus{border:1px solid #282F40;}


.disabled-btn-csv{cursor: not-allowed;}


.disabled-btn-DownloadCSV {pointer-events: none;font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;border:1px solid #282F40;padding:8px 24px;border-radius:22px;margin-top:16px;}


.disabled-btn-DownloadCSV:hover {cursor: not-allowed;color:#282F40;background:#fff;border:1px solid #282F40;}


.log-container .table-title-wrapper { white-space: initial !important;  max-width: 480px;}


.log-csv-btn{  width: 100%;  min-width: 205px;}


.log-container .ps-content{padding-bottom: 0.5rem;}


.log-c .table-border{ border:1px solid #D3D4D9; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; -ms-border-radius:1px; -o-border-radius:1px; }


/*-----------------------------------------------
38. List Active Project - End
-----------------------------------------------*/


/*-----------------------------------------------
39. PMS Helpdesk Css - Start
-----------------------------------------------*/


.pms-helpdesk-container .tab-container{margin-top:20px;}


.pms-helpdesk-container .table-title-wrapper{white-space:initial !important;max-width:480px;}


.pms-helpdesk-container .table-title{color:#5580E9;display:block;word-wrap: break-word;}


.pms-helpdesk-container .table-comment{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;display:block;}


.pms-helpdesk-container .table-name{display:block;color:#282F40;}


.pms-helpdesk-container .table-date{display:block;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.pms-helpdesk-container .priority-low{background-color:#F2F4F6;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;padding:3px 8px;}


.pms-helpdesk-container .priority-medium{background-color:#FFA93933;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;padding:3px 8px;}


.pms-helpdesk-container .priority-high{background-color:#FF4E4E33;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;padding:3px 8px;}


.attachment-divider{height:1px;width:100%;background:#bdbdbd;margin:10px auto 30px;}


.title-status-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:20px;}


.ticket-status{padding:4px 8px;font-size:calc(8px + (10 - 8) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#ffffff;}


.ticket-status.closed{background:#58B47C;}


.ticket-status.open{background:#FC5000;}


.ticket-chat-container .left-card .card{border:0;}


.ticket-chat-container .left-card .card-title{font-weight:600;color:#5580E9;}


.ticket-chat-container .left-card .va-view-field{font-weight:500;}


.ticket-chat-container .right-card .card{border:0;background-color:#5580E9;}


.ticket-chat-container .right-card .card-title{font-weight:600;color:#FFFFFF;}


.ticket-chat-container .right-card .card-body{color:#FFFFFF;}


.ticket-chat-container .right-card .card-bottom{color:#FFFFFF;}


.ticket-chat-container .right-card .va-view-field{font-weight:500;color:#FFFFFF;}


.not-available.rm-view-field{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:400;color:#000000;}


/*-----------------------------------------------
39. PMS Helpdesk Css - End
-----------------------------------------------*/


.image-gallery-model .modal-dialog{max-width: 1600px;margin:1rem auto;}


.image-gallery-model .modal-dialog .modal-content{margin:1rem;}


.image-gallery-model .main-content-box{width:100%;padding: 2rem;}


.image-gallery-model .main-content-box .main-container-header{display:flex;justify-content:space-between;align-items:flex-start;margin:0px 0 20px;}


.image-gallery-model .main-content-box .main-container-header .title{font-size:calc(24px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));font-weight:700;color:#333333;margin-bottom:10px!important;margin-left:12px;}


.image-gallery-model .modal-header {border-bottom: none !important;}


.image-gallery-model .icon-button-gallery {  background: transparent !important;}


.task-status-name .modal-footer{padding:0px 10px;display:flex;justify-content: flex-end;margin-top: -1rem;margin-bottom: 1rem;gap:10px;}


.task-status-name .modal-footer.otp-footer{padding:20px 30px;display:flex;justify-content: space-between;}


.task-status-name .modal-footer .btn{ font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); border: 1px solid var(--green-color);font-weight:500; border-radius:20px;-webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }


.task-status-name .modal-footer .btn.btn-active{background-color:var(--green-color);color:var(--background-color);padding:6px 16px}


.task-status-name .modal-footer .btn.btn-active:hover{background-color:#4c9b74;}


.task-status-name .modal-footer .btn.btn-outline-active{ background-color:var(--background-color); color:var(--green-color); border:1px solid var(--green-color); border-radius:21px; padding:6px 16px; -webkit-border-radius:21px; -moz-border-radius:21px; -ms-border-radius:21px; -o-border-radius:21px; }


.task-status-name .modal-footer .btn.btn-outline-active:hover{background-color:var(--green-color);color:var(--background-color);}


.task-status-name .modal-footer .btn.btn-active:focus,
.task-status-name .modal-footer .btn.btn-outline-active:focus{box-shadow: 0 0 0 0.25rem var(--green-box-shadow);}


.task-status-name .mat-form-field-flex{background-color: #ffffff !important;border: 1px solid var(--gray-200) !important;}


.pm-tab-group .mat-tab-label{padding:0px !important;}


.pm-tab-group .mat-ink-bar{background-color:#5EC090 !important;}


.pm-tab-group .mat-tab-label .mat-tab-label-content button:not(.borderless-btn){padding: 14px 30px;font-weight: 500 !important;}


.gemer-main{width: 100%; height:700px; display: flex; justify-content: center; align-items: center;}


/* Chatbot CSS Starts */


.chat-bot.chat-container{background-color:#ffffff;}


.chat-bot .chat-wrapper{width:100%;height:100%;background:#ffffff;border-radius:12px;border:1px solid #D3D4D9;padding:40px;display:flex;flex-direction:column;justify-content:space-between;}


.chat-bot .chat-text-wrapper{display:flex;flex-direction:column;}


.chat-bot .initial-chat-white{color:#0F172A;margin-bottom:35px;font-style:normal;font-weight:400;font-size:16px;line-height:150%;letter-spacing:-0.02em;}


.chat-bot .initial-chat-blue{margin-bottom:35px;}


.chat-bot .initial-chat-blue a{color:#5580E9;font-style:normal;font-weight:600;font-size:16px;line-height:150%;letter-spacing:-0.02em;text-decoration:none; display: flex; justify-content: end;}


.chat-bot .chat-text-editor{position:relative;}


.chat-bot .chat-text{ width: -webkit-fill-available; background:#ffffff; border:0.5px solid #D3D4D9; border-radius:12px; display:flex; justify-content:space-between; padding:20px 48px 20px 20px; color:#0F172A; font-style:normal; font-weight:400; font-size:16px; line-height:150%; letter-spacing:-0.02em; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; }


.chat-bot .chat-send{position:absolute !important;top:14px;right:12px;background:transparent;border:none;}


.chat-bot .right-side{ font-weight: 600; background-color: lightblue; border-radius:8px 0 8px 8px ; -webkit-border-radius:8px 0 8px 8px ; -moz-border-radius:8px 0 8px 8px ; -ms-border-radius:8px 0 8px 8px ; -o-border-radius:8px 0 8px 8px ; width: -moz-fit-content; width: fit-content; float: right; padding: 10px; }


.chat-bot .left-side{ background-color: rgb(234, 240, 246); border-radius:0 8px 8px 8px ; -webkit-border-radius:0 8px 8px 8px ; -moz-border-radius:0 8px 8px 8px ; -ms-border-radius:0 8px 8px 8px ; -o-border-radius:0 8px 8px 8px ; width: -moz-fit-content; width: fit-content; float: left; padding: 10px; }


/* Chatbot CSS Ends */


/* tMarket Starts */


.tMarket-thumbnail{
  border-radius: 20px 20px 0px 0px!important;
  -webkit-border-radius: 20px 20px 0px 0px!important;
  -moz-border-radius: 20px 20px 0px 0px!important;
  -ms-border-radius: 20px 20px 0px 0px!important;
  -o-border-radius: 20px 20px 0px 0px!important;
  display:grid;
  place-items: center;
}


.tmarket-container .tab-container{margin-top:20px;}


.tmarket-container .table-title-wrapper{white-space:initial !important;max-width:480px;}


.tmarket-container .table-title{color:#5580E9;display:block;}


.tmarket-container .table-comment{font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;display:block;}


.tmarket-container .table-name{display:block;color:#282F40;}


.tmarket-container .table-date{display:block;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}


.tmarket-container .priority-low{background-color:#F2F4F6;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;padding:3px 8px;}


.tmarket-container .priority-medium{background-color:#FFA93933;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;padding:3px 8px;}


.tmarket-container .priority-high{background-color:#FF4E4E33;font-size:calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#282F40;padding:3px 8px;}


.tMarket-section .dropdown-search .custom-input.custom-search-input .mat-form-field-flex  { border-top-left-radius: 22px !important;border-bottom-left-radius: 22px !important;}


.tMarket-section .filter-section  { position: absolute;  top: -3.4rem;  right: 0; display: flex;  flex-direction: column;  gap: 1rem;  align-items: flex-end !important;}


.tMarket-section .table-border{ border:1px solid #D3D4D9; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; -ms-border-radius:1px; -o-border-radius:1px; }


.tMarket-section .datatable .mat-table thead {border-bottom: 1px solid #EBEDF2;}


.tMarket-section .mat-chip-list-wrapper .mat-standard-chip{ height:auto; text-align:center; border-radius:21px; -webkit-border-radius:21px; -moz-border-radius:21px; -ms-border-radius:21px; -o-border-radius:21px; }


.tMarket-section th{color:#161F42 !important;}


.tMarket-section .mat-menu-item{padding: 0 30px !important}


.tMarket-section .dropdown .mat-form-field-wrapper{width:150px}


.tMarket-section .mat-select-arrow-wrapper{display:block;position:relative;top:-2px}


.tMarket-section .mat-button.icon-button{padding:0;padding-right:16px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}


.tMarket-section .mat-button.icon-button:hover:not(.mat-button-disabled)
.tMarket-section .mat-button-focus-overlay,.mat-stroked-button.icon-button:hover:not(.mat-button-disabled)
.tMarket-section .mat-button-focus-overlay{opacity:0}


.tMarket-section .mat-button.icon-button .button-icon{position:relative;top:0;background-color:var(--very-light-blue-color);color:var(--dark-blue-text-color);width:30px;height:30px;font-size:20px;padding-top:5px;padding-left:1px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}


.tMarket-section .mat-button.icon-button:hover .button-icon{animation:spin .3s ease-out}


.tMarket-section .mat-button.icon-button .text{position:relative;top:-1px;margin-left:10px;color: #666;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:500}


.tMarket-section .mat-table th{position:sticky;top:0;z-index:1;background-color:#fff;color:#171725;font-size:14px;font-weight:600}


.tMarket-section .mat-table thead .mat-header-row th{white-space:nowrap;border-bottom:0px solid #828282;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight:600}


.tMarket-section .mat-table tr th,.mat-table tr td{padding:10px 12px;text-align:left}


.tMarket-section .mat-table tr td{font-family:"Open Sans", sans-serif;font-weight:500;color:#717171;font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300))); white-space: nowrap;}


.tMarket-section .mat-table tr td .sub-text{ font-family:"Open Sans", sans-serif; font-weight:500; word-break:break-word; -webkit-hyphens:auto; hyphens:auto; display:flex; width:inherit; -ms-hyphens:auto; }


.tMarket-section .mat-table tr td.mat-column-employeeExperience,
.tMarket-section .mat-table tr th.mat-column-employeeName{white-space:nowrap;}


.tMarket-section .mat-table .tag{display:flex;justify-content:center;align-items:center;width:78px;height:24px;font-size:12px;font-weight:500;margin:0;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}


.tMarket-section .mat-table .tag.purple-tag{background-color:#f4eeff;color:#8860d0}


.tMarket-section .mat-table .tag.blue-tag{background-color:#eef3ff;color:#5680e9}


/* .tMarket-section.tab-container .mat-tab-body-content { padding: 24px 12px !important;} */


.tMarket-section .space-left {margin-left:10px;}


.tMarket-section .inactive-tab-btn { background-color:#ECECEF; color:#595E6C; min-width:160px; border: 1px solid transparent; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); font-weight: 500;}


.tMarket-section .btn-width {width:220px;}


.tMarket-section .active-tab-btn{border:1px solid #48ACF0; color:#48ACF0; background-color:#DEF0FC;}


.tMarket-section .main-heading {font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300))); font-weight: 400; color:#404656;}


.tMarket-section .view-container, .tMarket-section .view-heading-container {display:flex; justify-content:space-between; margin:24px 0 20px 0;}


.tMarket-section button:focus:not(:focus-visible) { outline: none !important;}


/* .tMarket-section .tab-col-title{color:#282F40;font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight: 600; display:flex;justify-content: space-between; align-items:center;padding: 15px;} */


.tMarket-section .tab-col-title span{margin-left:10px;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight: 500; background-color:#FFFFFF; color:#626b84; padding:4px 8px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.tMarket-main{width: 100%; height:700px; display: flex; justify-content: center; align-items: center;}


.edit-product-btn{position: absolute;top:24px;right:24px;}


.edit-product-btn .edit-icon{height:24px;width:24px}


.flex-spacer {
  flex: 1 1 auto;
}


/* tMarket Ends */


/* Agreements starts*/


.agreement-status-stepper{display:flex;align-items: center;}


.mark{margin: 4px 8px;background-color:#E1E1E1;width: 6px;height: 6px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }


.active-mark{margin:4px 8px;background-color:#419BD8;width: 8px;height: 8px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }


.status-chip{display:flex;justify-content: center;align-items: center;padding:4px;background-color: rgb(199 233 255); border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; }


.color-blue{color:#419BD8 !important;}


.view{color: #717682;text-decoration: underline !important;}


/* Agreements ends */


/* PMS Chat Module starts */


.search-channel:hover{background-color: #d2d2d2;cursor:pointer}


.channel-category-container{display:flex;flex-grow: 1;overflow:auto;height: 500px;}


.category-expansion-panel{max-width:250px;}


.category-expansion-panel .mat-expansion-panel{box-shadow:none}


.category-expansion-panel .mat-expansion-panel-header.mat-expanded{height:auto}


.category-expansion-panel .mat-expansion-panel-header{padding: 0 8px;}


.category-expansion-panel .mat-expansion-panel-body{ padding: 0 8px;}


.channel{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:8px 16px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.channel:hover{border-radius: 5px;background-color: #F7F7F9;cursor:pointer}


.channel.active{background-color: #419BD829;color:#419BD8 !important}


.channel-search-button{ margin-bottom: 8px;width:100%;border-radius: 20px; border:1px solid #F7F7F9; display: flex; justify-content: center; align-items: center; padding:8px 16px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }


.channel-search-button:hover{background-color: #F7F7F9}


.chat-link-btn{position:relative;cursor:pointer !important;}


.chat-btn-1:hover{background-color: #F7F7F9;border-radius: 5px;}


.file-attachment-btn{width:32px; height:32px;border-radius: 5px;}


.chat-btn-2:hover{ background-color: #419BD829; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


/* .mat-form-field + .mat-form-field {
  margin-left: 8px;
} */


.message.pinned{background-color: #FFEAC5 !important;}


.fav-chip{
  height: 24px;
  padding: 0px 8px;
  background: #E0EFF9 0% 0% no-repeat padding-box;
  border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
}


.fav-text{color:#419BD8 !important;}


.chat-profile {
  background-color: #D3D4D9;
  color: #FFFFFF;
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 600;
  display: grid;
  place-items: center;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}


.chat-input {
  width:100%;
  border: none;
  resize: none;
  outline: none;
  overflow: auto;
  max-height: calc(10 * 1.2em);
}


.message-container{padding:24px 0px;display:flex;flex-grow: 1;overflow:auto;}


.message-box{margin:0px 16px; padding:24px;border:1px solid #D3D4D9; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }


.channel-title{font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight: 600;}


.channel-text{color:#717682;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;line-height: 24px;}


.channel-small-text{color:#717682;font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;line-height: 24px;}


.channel-menu{ height:32px;width:32px;background-color: #F8F8F8; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }


.channel-category{padding:8px 16px;font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight: 600;color:#0F172A;}


.channel-name{font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;color:#717682;}


.channel-user{font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight: 600;color:#0F172A;}


.channel-disabled-user{font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight: 600;color:#717682;}


.message-time{font-size: calc(12px + (12 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight: 400;color:#717682;}


.message{padding: 8px 16px;}


.message:hover{background-color: #F8F8F8;}


.message .message-menu{visibility: hidden; height:32px;width:32px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }


.message:hover .message-menu{visibility: visible; height:32px;width:32px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }


.file-download-icon{height:16px;width:24px;}


.chat-module-container{ width: 100%;padding:24px;border: 1px solid #D3D4D9; height:700px; display: flex; justify-content: center; align-items: center; background-color: #F2F4F6; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }


.chat-module-container .cm-box-1{padding:16px;border: 1px solid #D3D4D9;border-radius: 20px;}


.chat-module-container .cm-box-2{padding:24px;border: 1px solid #D3D4D9;border-radius: 20px;}


.chat-module-container .form-box{width:460px;height:auto;border:0.5px solid #828282;border-radius:20px;background-color: #FFFFFF;}


.chat-module-container .form-box .form-header{padding:20px 30px;border-bottom:1px solid #D9DBDF;}


.chat-module-container .form-box .form-header .form-title{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#363636;text-align:center;}


.chat-module-container .form-box .form-header .form-title-1{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:600;color:#363636;text-align:center;}


.chat-module-container .form-box .form-header .form-title-2{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#363636;text-align:center;}


.chat-module-container .form-box .form-content{width:100%;padding:30px;}


.chat-module-container .form-box .form-content .link-box{display:flex;justify-content:space-between;align-items:center;}


.chat-module-container .form-box .form-content .link-box .link{font-size:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;}


.chat-module-container .form-box .form-content .link-box .link:hover{text-decoration:underline;}


.chat-module-container .form-box .form-content .link-box .mat-checkbox-layout{vertical-align: baseline;}


.chat-module-container .form-box .form-content .link-box .custom-checkbox .mat-checkbox-layout .mat-checkbox-label{font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;color: #8D929B;}


.chat-module-container .form-box .form-content .link-box .custom-checkbox .mat-checkbox-frame{border-color: transparent;background-color: var(--gray-50);}


.chat-module-container .form-box .form-content .link-box .custom-checkbox .mat-checkbox-inner-container{width:16px;height:16px;}


.chat-module-container .form-box .form-content .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{top: calc(100% - 1.9666666667em);}


.chat-module-container .form-box .form-footer{padding:20px 30px;border-top:1px solid #D9DBDF;}


.chat-module-container .form-box .form-footer .btn{font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#fff;background-color:#5EC090;padding:12px;border-radius:21px;line-height:16px;display:flex;justify-content:center;align-items:center;width:100%;border:none;}


.chat-module-container .form-box .form-footer .btn:hover{background-color:#4c9b74;}


.chat-module-container .form-box .form-footer .btn-check:focus+.btn, .btn:focus{box-shadow: 0 0 0 0.25rem #5EC09045;}


.chat-module-container .system-user{color:var(--blue-color)}


.search-lable.custom-input.custom-search-input .mat-form-field-label{padding: 6px 16px;}


p.channel-text.ng-star-inserted {word-break: break-all;}


p.channel-text {word-break: break-all;}


.chat-module-container .chatContainer{display: block;overflow: auto;width: 100%; scrollbar-width: thin;scrollbar-color: #aaa #f1f1f1;}


.chat-module-container .chatContainer::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar */
}


.chat-module-container .chatContainer::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Color of the track (the area behind the scrollbar thumb) */
}


.chat-module-container .chatContainer::-webkit-scrollbar-thumb {
  background-color: #dbdbdb; /* Color of the scrollbar thumb */
  border-radius: 6px; /* Rounded corners of the thumb */
}


.chat-module-container .chatContainer::-webkit-scrollbar-thumb:hover {
  background-color: #aaa; /* Color of the scrollbar thumb on hover */
}


.chat-module-container .unread{border: 1px solid #D3D4D9;margin-left:10px;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));font-weight: 700; background-color:#FFFFFF; color:#626b84; padding:4px 8px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.chat-module-container .chat-sidenav-container {
  height: 100%;
  border: none;
  background-color: #F2F4F6;
  border-radius:20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  -ms-border-radius:20px;
  -o-border-radius:20px;
}


.chat-module-container .chat-sidenav-content {
  display: flex;
  flex-direction:column;
  height: 100%;
  padding: 24px 8px;
  margin-left:24px;
  border: 1px solid #D3D4D9;
  background-color: #FFFFFF;
  border-radius: 20px;
  overflow: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}


.chat-module-container .mat-drawer-inner-container{overflow: unset;}


.chat-module-container .mat-drawer-content{background-color: transparent; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }


.chat-module-container .chat-sidenav-container .chat-sidenav-toggle-btn{}


.chat-module-container .chat-sidenav-container .mat-drawer:not(.side-nav-end){  z-index: 200 !important;}


.chat-module-container .chat-sidenav {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 16px;
  border: 1px solid #D3D4D9;
  background-color: #FFFFFF;
  max-width:300px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}


.chat-module-container .character-counter{position:absolute;bottom:-18px;right:0px;display:flex;justify-content:flex-end;font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;}


.chat-module-container .character-counter .exceeded{color:red;}


.chat-module-container .upload-container { display: flex; align-items: center;justify-content: space-between;width: 100%;}


.chat-module-container .file-section{display: flex;align-items: flex-start;justify-content: flex-start;}


.chat-module-container .uploadFile{ position: absolute; top: 0%; right: 0; bottom: 0; opacity: 0; width: 100%; height: 100%; z-index: 10; left: 0; cursor: pointer;}


.chat-module-container .dropzone.active {cursor: pointer;overflow: hidden;border: 1.5px dashed #419BD8; white-space: nowrap; padding: 0 1rem; text-align: center; font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); color: #419bd8;display: flex; flex-direction: column; justify-content: center; background: #47B5FF14; position: relative; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.chat-module-container .attachFile{ position: absolute; top: 0%; right: 0; bottom: 0; opacity: 0; width: 100%; height: 100%; z-index: 10; left: 0; cursor: pointer;}


.chat-module-container .backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}


.chat-module-container .backdrop p {
  font-size: 18px;
  color: #333;
}


.upload-files-icon{height:100px;width:100px}


.chat-module-container .drag-text{color: #717682;font-weight: 500; }


.chat-module-container .browse-text{color: #419bd8; font-weight: 500; text-decoration: underline !important; cursor: pointer;}


.chat-module-container .pad-r-0{padding-right : 0 !important}


.chat-module-container .pad-l-0{padding-left : 0 !important}


.chat-module-container .file-count{color: #419BD8 !important;}


.chat-module-container .file-display {  display: flex;  align-items: center; padding: 5px;  background-color: transparent;}


.chat-module-container .file-section-main{overflow: auto;}


.chat-module-container .file-display:hover { display: flex; align-items: center; padding: 5px; background-color: #f2f4f6; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.chat-module-container .file-display .remove-btn-hover{opacity: 0;}


.chat-module-container .file-display:hover .remove-btn-hover{opacity: 1;}


.chat-module-container .file-icon {  margin-right: 5px;}


.chat-module-container .file-name {  flex-grow: 1; font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#8D929B;white-space: nowrap;}


.chat-module-container .remove-button {  border: none; background-color: transparent; cursor: pointer; display: flex; justify-content: center; align-items: center;}


.chat-module-container .remove-all-button{ font-size:calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300)));font-weight:500;color:#EC4040; text-decoration: underline !important; border: none; background-color: transparent; cursor: pointer; display: flex; justify-content: center; align-items: center;gap: 5px; margin: 0 0 0 10px;white-space: nowrap;}


.chat-module-container .pad-02{padding-top: 0.2rem;}


.chat-module-container .dropzone.active .ps__thumb-x,.chat-module-container .dropzone.active .ps__thumb-y{background-color: transparent;}


@media screen and (max-width:767px) {
  .chat-module-container .file-section {width: 300px;}
  .chat-module-container .upload-container{align-items: flex-start; justify-content: flex-start;width: 100%; flex-direction: column; gap: 10px;}
  .chat-module-container .pad-l-0 {padding-left: calc(var(--bs-gutter-x) * .5) !important;}
  .chat-module-container .file-section-main{margin-top: 1.25em;}
  .chat-module-container .remove-all-button{margin: 0;}
}


@media screen and (max-width: 575px) {
  .chat-module-container .form-box{width:100%;}
  .chat-module-container .form-box .form-content .link-box{justify-content:space-between;align-items:flex-start;flex-direction: column;}
  .chat-module-container .form-box .form-content .link-box .custom-checkbox{margin-bottom: 12px;}
}


/* PMS Chat Module ends */


/* Mattermost Starts */


.modal-title .mat-radio-label-content{color:#717682;}


.modal-title .mat-radio-checked .mat-radio-label-content{color:#363636;}


/* Mattermost Ends */


/* Wevview Chart starts*/


.webView-main{width: 100%; height:700px; display: flex; justify-content: center; align-items: center;}


/* Webview chart ends */


/* chatbot.component.css */


.quote {
  font-style: italic;
  color: #888; /* You can adjust the color as needed */
}


/***** 1. Typography *****/


.caption{font-size:var(--caption-font-size);font-weight:var(--font-weight-500);color:var(--font-color);line-height:var(--font-line-height);margin:0;padding:0; word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);}


.body-text-3{font-size:var(--body-text-3-font-size);font-weight:var(--font-weight-500); color:var(--font-color); line-height:var(--font-line-height);margin:0;padding:0; word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);}


.body-text-2{font-size:var(--body-text-2-font-size); font-weight:var(--font-weight-500); color:var(--font-color); line-height:var(--font-line-height);margin:0;padding:0; word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);}


.body-text-1{font-size:var(--body-text-1-font-size); font-weight:var(--font-weight-500); color:var(--font-color); line-height:var(--font-line-height);margin:0;padding:0; word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);}


.heading-3{font-size:var(--heading-3-font-size); font-weight:var(--font-weight-500); color:var(--font-color); line-height:var(--font-line-height);margin:0;padding:0; word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);}


.heading-2{font-size:var(--heading-2-font-size); font-weight:var(--font-weight-500); color:var(--font-color); line-height:var(--font-line-height);margin:0;padding:0; word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);}


.heading-1{font-size:var(--heading-1-font-size); font-weight:var(--font-weight-500); color:var(--font-color); line-height:var(--font-line-height);margin:0;padding:0; word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);}


.title{font-size:var(--title-font-size); font-weight:var(--font-weight-500); color:var(--font-color); line-height:var(--font-line-height);margin:0;padding:0; word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);}


/***** 2. Buttons *****/


/* 2.1. Primary */


.primary-btn{ background-color:var(--green-color); font-size:var(--body-text-2-font-size); font-weight:var(--font-weight-500); color:var(--white-color); line-height:var(--font-line-height); word-break:var(--font-word-break); hyphens:var(--font-hyphens); -webkit-hyphens:var(--font-hyphens); -moz-hyphens:var(--font-hyphens); -ms-hyphens:var(--font-hyphens); margin:0px; padding:12px 24px; border:1px solid var(--green-color); border-radius:var(--button-border-radius); -webkit-border-radius:var(--button-border-radius); -moz-border-radius:var(--button-border-radius); -ms-border-radius:var(--button-border-radius); -o-border-radius:var(--button-border-radius); transition:var(--button-transition); -webkit-transition:var(--button-transition); -moz-transition:var(--button-transition); -ms-transition:var(--button-transition); -o-transition:var(--button-transition);outline:0; }


.primary-btn:hover{background-color:var(--dark-green-color);border:1px solid var(--green-color);outline:0;}


.primary-btn:focus{border:1px solid var(--green-color);outline:0;}


.primary-btn:disabled{background-color:var(--gray-100);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


.primary-small-btn{ background-color:var(--green-color); font-size:var(--body-text-2-font-size); font-weight:var(--font-weight-500); color:var(--white-color); line-height:var(--font-line-height); word-break:var(--font-word-break); hyphens:var(--font-hyphens); -webkit-hyphens:var(--font-hyphens); -moz-hyphens:var(--font-hyphens); -ms-hyphens:var(--font-hyphens); margin:0px; padding:8px 24px; border:1px solid var(--green-color); border-radius:var(--button-border-radius); -webkit-border-radius:var(--button-border-radius); -moz-border-radius:var(--button-border-radius); -ms-border-radius:var(--button-border-radius); -o-border-radius:var(--button-border-radius); transition:var(--button-transition); -webkit-transition:var(--button-transition); -moz-transition:var(--button-transition); -ms-transition:var(--button-transition); -o-transition:var(--button-transition);outline:0; }


.primary-small-btn:hover{background-color:var(--dark-green-color);border:1px solid var(--green-color);outline:0;}


.primary-small-btn:focus{border:1px solid var(--green-color);outline:0;}


.primary-small-btn:disabled{background-color:var(--gray-100);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


/* 2.2. Secondary */


.secondary-btn{ background-color:var(--white-color); font-size:var(--body-text-2-font-size); font-weight:var(--font-weight-500); color:var(--green-color); line-height:var(--font-line-height); word-break:var(--font-word-break); hyphens:var(--font-hyphens); -webkit-hyphens:var(--font-hyphens); -moz-hyphens:var(--font-hyphens); -ms-hyphens:var(--font-hyphens); margin:0px; padding:12px 24px; border:1px solid var(--green-color); border-radius:var(--button-border-radius); -webkit-border-radius:var(--button-border-radius); -moz-border-radius:var(--button-border-radius); -ms-border-radius:var(--button-border-radius); -o-border-radius:var(--button-border-radius); transition:var(--button-transition); -webkit-transition:var(--button-transition); -moz-transition:var(--button-transition); -ms-transition:var(--button-transition); -o-transition:var(--button-transition);outline:0; }


.secondary-btn:hover{background-color:var(--dark-green-color);border:1px solid var(--green-color);color:var(--white-color);outline:0;}


.secondary-btn:focus{border:1px solid var(--green-color);outline:0;}


.secondary-btn:disabled{background-color:var(--gray-100);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


.secondary-small-btn{ background-color:var(--white-color); font-size:var(--body-text-2-font-size); font-weight:var(--font-weight-500); color:var(--green-color); line-height:var(--font-line-height); word-break:var(--font-word-break); hyphens:var(--font-hyphens); -webkit-hyphens:var(--font-hyphens); -moz-hyphens:var(--font-hyphens); -ms-hyphens:var(--font-hyphens); margin:0px; padding:8px 24px; border:1px solid var(--green-color); border-radius:var(--button-border-radius); -webkit-border-radius:var(--button-border-radius); -moz-border-radius:var(--button-border-radius); -ms-border-radius:var(--button-border-radius); -o-border-radius:var(--button-border-radius); transition:var(--button-transition); -webkit-transition:var(--button-transition); -moz-transition:var(--button-transition); -ms-transition:var(--button-transition); -o-transition:var(--button-transition);outline:0; }


.secondary-small-btn:hover{background-color:var(--dark-green-color);border:1px solid var(--green-color);color:var(--white-color);outline:0;}


.secondary-small-btn:focus{border:1px solid var(--green-color);outline:0;}


.secondary-small-btn:disabled{background-color:var(--gray-100);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


/* 2.3. Primary With Icon */


.primary-btn.with-icon .btn-content{display:flex;justify-content:center;align-items:center;}


.primary-btn.with-icon:disabled{background-color:var(--white-color);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


.primary-btn.with-icon .icon{width:var(--button-icon-size);height:var(--button-icon-size);margin:0;padding:0;}


.primary-btn.with-icon .icon path{fill:var(--white-color);}


.primary-btn.with-icon:disabled .icon path{fill:var(--gray-400);}


.primary-btn.with-icon .icon.right{margin-left:var(--button-icon-right-spacing);}


.primary-btn.with-icon .icon.left{margin-right:var(--button-icon-left-spacing);}


.primary-small-btn.with-icon .btn-content{display:flex;justify-content:center;align-items:center;}


.primary-small-btn.with-icon:disabled{background-color:var(--white-color);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


.primary-small-btn.with-icon .icon{width:var(--button-icon-size);height:var(--button-icon-size);margin:0;padding:0;}


.primary-small-btn.with-icon .icon path{fill:var(--white-color);}


.primary-small-btn.with-icon:disabled .icon path{fill:var(--gray-400);}


.primary-small-btn.with-icon .icon.right{margin-left:var(--button-icon-right-spacing);}


.primary-small-btn.with-icon .icon.left{margin-right:var(--button-icon-left-spacing);}


/* 2.4. Secondary With Icon */


.secondary-btn.with-icon{background-color:var(--white-color);color:var(--green-color);}


.secondary-btn.with-icon .btn-content{display:flex;justify-content:center;align-items:center;}


.secondary-btn.with-icon:hover{background-color:var(--dark-green-color);border:1px solid var(--green-color);color:var(--white-color);}


.secondary-btn.with-icon:hover .icon path{fill:var(--white-color);}


.secondary-btn.with-icon:disabled{background-color:var(--white-color);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


.secondary-btn.with-icon .icon{width:var(--button-icon-size);height:var(--button-icon-size);margin:0;padding:0;}


.secondary-btn.with-icon .icon path{fill:var(--green-color);}


.secondary-btn.with-icon:disabled .icon path{fill:var(--gray-400)}


.secondary-btn.with-icon .icon.right{margin-left:var(--button-icon-right-spacing);}


.secondary-btn.with-icon .icon.left{margin-right:var(--button-icon-left-spacing);}


.secondary-small-btn.with-icon{background-color:var(--white-color);color:var(--green-color);}


.secondary-small-btn.with-icon .btn-content{display:flex;justify-content:center;align-items:center;}


.secondary-small-btn.with-icon:hover{background-color:var(--dark-green-color);border:1px solid var(--green-color);color:var(--white-color);}


.secondary-small-btn.with-icon:hover .icon path{fill:var(--white-color);}


.secondary-small-btn.with-icon:disabled{background-color:var(--white-color);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


.secondary-small-btn.with-icon .icon{width:var(--button-icon-size);height:var(--button-icon-size);margin:0;padding:0;}


.secondary-small-btn.with-icon .icon path{fill:var(--green-color);}


.secondary-small-btn.with-icon:disabled .icon path{fill:var(--gray-400)}


.secondary-small-btn.with-icon .icon.right{margin-left:var(--button-icon-right-spacing);}


.secondary-small-btn.with-icon .icon.left{margin-right:var(--button-icon-left-spacing);}


/* 2.5. Tertiary With Icon */


.gray-small-btn{ background-color:var(--gray-50); font-size:var(--body-text-2-font-size); font-weight:var(--font-weight-500); color:var(--gray-500); line-height:var(--font-line-height); word-break:var(--font-word-break); hyphens:var(--font-hyphens); -webkit-hyphens:var(--font-hyphens); -moz-hyphens:var(--font-hyphens); -ms-hyphens:var(--font-hyphens); margin:0px; padding:8px 12px; border:1px solid var(--gray-500); border-radius:var(--button-border-radius); -webkit-border-radius:var(--button-border-radius); -moz-border-radius:var(--button-border-radius); -ms-border-radius:var(--button-border-radius); -o-border-radius:var(--button-border-radius); transition:var(--button-transition); -webkit-transition:var(--button-transition); -moz-transition:var(--button-transition); -ms-transition:var(--button-transition); -o-transition:var(--button-transition);outline:0; }


.gray-small-btn:hover{background-color:var(--white-color);outline:0;}


.gray-small-btn:focus{border:1px solid var(--gray-500);outline:0;}


.gray-small-btn:disabled{background-color:var(--gray-100);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


/* 2.6. Tertiary  */


.gray-small-btn.with-icon .btn-content{display:flex;justify-content:center;align-items:center;}


.gray-small-btn.with-icon:hover{background-color:var(--white-color);}


.gray-small-btn.with-icon .icon{width:var(--button-icon-size);height:var(--button-icon-size);margin:0;padding:0;}


.gray-small-btn.with-icon .icon path{fill:var(--gray-400);}


.gray-small-btn.with-icon:disabled{background-color:var(--gray-100);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


.gray-small-btn.with-icon:disabled .icon path{fill:var(--gray-400)}


.gray-small-btn.with-icon .icon.right{margin-left:var(--button-icon-right-spacing);}


.gray-small-btn.with-icon .icon.left{margin-right:var(--button-icon-left-spacing);}


/* 2.7. Talent Button  */


.talent-button{ background-color:var(--gray-50); font-size:var(--body-text-2-font-size); font-weight:var(--font-weight-500); color:var(--gray-400); line-height:var(--font-line-height); word-break:var(--font-word-break); hyphens:var(--font-hyphens); -webkit-hyphens:var(--font-hyphens); -moz-hyphens:var(--font-hyphens); -ms-hyphens:var(--font-hyphens); margin:0px; padding:4px 24px 4px 4px; border:1px solid var(--gray-50); border-radius:var(--button-border-radius); -webkit-border-radius:var(--button-border-radius); -moz-border-radius:var(--button-border-radius); -ms-border-radius:var(--button-border-radius); -o-border-radius:var(--button-border-radius); transition:var(--button-transition); -webkit-transition:var(--button-transition); -moz-transition:var(--button-transition); -ms-transition:var(--button-transition); -o-transition:var(--button-transition);outline:0; }


.talent-button:hover{background-color:var(--gray-100);border:1px solid var(--gray-100);outline:0;}


.talent-button:focus{border:1px solid var(--gray-100);outline:0;}


.talent-button .btn-content{display:flex;justify-content:center;align-items:center;}


.talent-button .icon-background{padding:6px;background-color:var(--white-color);width:var(--button-icon-size-3); height:var(--button-icon-size-3);display:flex;justify-content:center;align-items:center; border-radius:var(--button-border-radius-rounded); -webkit-border-radius:var(--button-border-radius-rounded); -moz-border-radius:var(--button-border-radius-rounded); -ms-border-radius:var(--button-border-radius-rounded); -o-border-radius:var(--button-border-radius-rounded);}


.talent-button .icon-background.right{margin-left:var(--button-icon-right-spacing);}


.talent-button .icon-background.left{margin-right:var(--button-icon-left-spacing);}


.talent-button .icon{ width:var(--button-icon-size-2); height:var(--button-icon-size-2); margin:0; padding:0;}


.talent-button .icon path{fill:var(--gray-400);}


.talent-button.active{background-color:var(--blue-color);color:var(--white-color);border:1px solid var(--blue-color);}


.talent-button.active:hover{background-color:var(--dark-blue-color);border:1px solid var(--dark-blue-color);}


.talent-button.active .icon path{fill:var(--blue-color);}


.talent-button.active:hover .icon path{fill:var(--dark-blue-color);}


/* 2.8. Borderless Button  */


.borderless-btn{ background-color:var(--white-color); font-size:var(--body-text-3-font-size); font-weight:var(--font-weight-500); color:var(--gray-600); line-height:var(--font-line-height); word-break:var(--font-word-break); hyphens:var(--font-hyphens); -webkit-hyphens:var(--font-hyphens); -moz-hyphens:var(--font-hyphens); -ms-hyphens:var(--font-hyphens); margin:0px; padding:8px 22px; border:1px solid var(--white-color); border-radius:var(--button-border-radius); -webkit-border-radius:var(--button-border-radius); -moz-border-radius:var(--button-border-radius); -ms-border-radius:var(--button-border-radius); -o-border-radius:var(--button-border-radius); transition:var(--button-transition); -webkit-transition:var(--button-transition); -moz-transition:var(--button-transition); -ms-transition:var(--button-transition); -o-transition:var(--button-transition);outline:0; }


.borderless-btn:hover{background-color:var(--white-color);border:1px solid var(--gray-600);outline:0;}


.borderless-btn:focus{border:1px solid var(--gray-600);outline:0;}


.borderless-btn:disabled{background-color:var(--gray-100);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


.borderless-btn.with-icon .btn-content{display:flex;justify-content:center;align-items:center;}


.borderless-btn.with-icon:disabled{background-color:var(--white-color);color:var(--gray-400);border:1px solid var(--gray-100);cursor:not-allowed;}


.borderless-btn.with-icon .icon{width:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));height:calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));margin:0;padding:0;}


.borderless-btn.with-icon .icon path{fill:var(--gray-600);}


.borderless-btn.with-icon:disabled .icon path{fill:var(--gray-400);}


.borderless-btn.with-icon .icon.right{margin-left:var(--button-icon-right-spacing);}


.borderless-btn.with-icon .icon.left{margin-right:var(--button-icon-left-spacing);}


/***** 3. Radio Button *****/


.custom-radio .mat-radio-button{margin-right: 20px;}


.custom-radio .mat-radio-button.mat-radio-checked .mat-radio-outer-circle,
.custom-radio .mat-radio-button.mat-radio-checked .mat-radio-inner-circle{border-color:var(--blue-color)!important;}


.custom-radio .mat-radio-button .mat-radio-inner-circle,
.custom-radio .mat-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.custom-radio .mat-radio-button.mat-radio-checked .mat-radio-persistent-ripple,
.custom-radio .mat-radio-button:active .mat-radio-persistent-ripple{background-color:var(--blue-color)!important;}


/***** 4. Dropdown Button *****/


.custom-dropdown .mat-form-field-underline,
.custom-dropdown .mat-form-field-ripple{height:0!important;}


.custom-dropdown .mat-select-arrow{ color:var(--gray-600) !important; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }


.custom-dropdown .mat-form-field-infix{ background-color:var(--gray-0); border: 1px solid var(--gray-200); padding: 8px 12px 8px 16px; border-radius:22px; -webkit-border-radius:22px; -moz-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px;width: -moz-fit-content;width: fit-content; }


.custom-dropdown .mat-select-value-text span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:var(--body-text-3-font-size) !important;font-weight:var(--font-weight-500) !important;color:var(--gray-600) !important;}


.custom-dropdown .mat-select-value {  display: table-cell;  max-width: 240px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;white-space: nowrap;  min-width: -moz-fit-content;  min-width: 60px;}


.custom-dropdown.mat-focused .mat-form-field-infix{border:1px solid var(--blue-color);}


.custom-dropdown.mat-focused .mat-select-arrow{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }


.custom-dropdown.skill .mat-form-field-wrapper{width:137px;}


.custom-dropdown.experience .mat-form-field-wrapper{width:131px;}


.custom-dropdown.sort .mat-form-field-wrapper{width:-moz-fit-content;width:fit-content;}


.custom-dropdown.sort .mat-select-trigger{background: url('resources/sort-icon.77b6de0f57ace4a2954b.svg') no-repeat;background-position: right;}


.custom-dropdown.sort .mat-select-arrow{border-top:none;}


.custom-dropdown.sort .mat-form-field-infix{padding: 8px 10px 8px 16px;}


.custom-dropdown.all .mat-form-field-wrapper{width:-moz-fit-content;width:fit-content;min-width:190px;}


.custom-dropdown.form .mat-form-field-infix{ background-color: var(--gray-0); border: 1px solid var(--gray-0); padding: 12px 16px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }


.cdk-overlay-pane{ position: absolute !important; /*min-width: 190px !important;*/ transform:translateX(0px) translateY(0px) !important; -webkit-transform:translateX(0px) translateY(0px) !important; -moz-transform:translateX(0px) translateY(0px) !important; -ms-transform:translateX(0px) translateY(0px) !important; -o-transform:translateX(0px) translateY(0px) !important; }


.cdk-overlay-pane .mat-select-panel{ transform: translateX(-20px) translateY(-12px)!important; -webkit-transform: translateX(-20px) translateY(-12px)!important; -moz-transform: translateX(-20px) translateY(-12px)!important; -ms-transform: translateX(-20px) translateY(-12px)!important; -o-transform: translateX(-20px) translateY(-12px)!important; }


.cdk-overlay-pane .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background-color:var(--gray-50);}


.cdk-overlay-pane .mat-select-panel{padding: 8px 0;}


.cdk-overlay-pane .mat-select-panel .mat-optgroup-label,
.cdk-overlay-pane .mat-select-panel .mat-optgroup-label,
.cdk-overlay-pane .mat-select-panel .mat-option{line-height:var(--font-line-height) !important;height:auto !important;padding:12px 24px!important;}


.cdk-overlay-pane .mat-primary .mat-option.mat-selected:not(.mat-option-disabled),
.cdk-overlay-pane .mat-option-text{font-size:var(--body-text-3-font-size) !important;font-weight:var(--font-weight-500) !important;color:var(--gray-800) !important;/*padding:12px 24px;*/}


.cdk-overlay-pane .mat-option:hover:not(.mat-option-disabled),
.cdk-overlay-pane .mat-option:focus:not(.mat-option-disabled){background-color:var(--gray-0);}


.cdk-overlay-pane .mat-select-panel:not([class*=mat-elevation-z]){background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;border-radius: 8px !important;border: none;}


/***** 5. Input Field *****/


.custom-input .mat-form-field-underline,
.custom-input .mat-form-field-ripple{height:0!important;}


.custom-input .mat-form-field-flex{background-color:var(--gray-0);border: 1px solid var(--gray-0);display:flex;align-items:center;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}


.custom-input .mat-form-field-infix{border-top: 0 solid transparent; padding: 14px 16px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.custom-input.mat-focused .mat-form-field-flex{border: 1px solid var(--gray-200);}


.custom-input.mat-focused .mat-form-field-label{color:var(--gray-300);}


.custom-input .mat-input-element{font-size:var(--body-text-3-font-size) !important;font-weight:var(--font-weight-500) !important;color:var(--gray-800) !important;}


.custom-input .mat-form-field-label{padding: 6px 16px;}


.custom-input .mat-form-field-label-wrapper{top:-10px;}


.field-box{display:flex;flex-direction:column;}


.custom-label{font-size:var(--body-text-3-font-size);font-weight:var(--font-weight-500); color:var(--font-color); line-height:var(--font-line-height);margin:0 0 4px 0;padding:0;color:var(--gray-500); word-break:var(--font-word-break);hyphens:var(--font-hyphens);-webkit-hyphens:var(--font-hyphens);-moz-hyphens:var(--font-hyphens);-ms-hyphens:var(--font-hyphens);}


.field-box .mat-error.reduce-bottom-space{padding-bottom:0;}


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


.field-box .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:24px;}


.field-box .mat-input-element:-webkit-autofill{box-shadow: 0 0 0 50px var(--gray-0) inset;}


.readonly{cursor: not-allowed!important;}


.readonly mat-select{  pointer-events: none;}


/* 5.1 Textarea */


.custom-input.textarea .mat-form-field-label{padding: 6px 16px;}


/* 5.2 DatePicker */


.custom-input .mat-form-field-suffix{width: 50px;display:flex;justify-content: center;}


.custom-input .mat-form-field-suffix .mat-icon-button{width: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));height: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300))) !important;}


.custom-input .mat-form-field-suffix .mat-icon-button:hover{background-color:transparent;}


.custom-input .mat-form-field-suffix .mat-icon-button.cdk-program-focused .mat-button-focus-overlay,
.custom-input .mat-form-field-suffix .mat-icon-button .mat-ripple-element{opacity:0;}


.custom-input .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
.custom-input .mat-form-field-suffix .mat-datepicker-toggle{display:flex;}


.custom-input.dropdown-section .mat-form-field-label {  padding: 5px 16px;}


.custom-input.dropdown-section-city .mat-form-field-label {  padding: 8px 16px;}


/***** 6. Dropdown Form *****/


.custom-input.filter-dropdown-width .mat-form-field-flex{min-width: 180px;}


.custom-input.filter-dropdown-width.pagination .mat-form-field-flex{min-width: 50px;}


.custom-input.filter-dropdown-width.pagination .mat-form-field-infix{padding: 4px 16px;}


.custom-input.filter-dropdown-width.pagination .mat-form-field-wrapper{padding-bottom: 12px;}


/* .cdk-overlay-pane .mat-menu-panel{transform-origin: unset !important; transform: translateX(21px) translateY(-16px)!important; -webkit-transform: translateX(21px) translateY(-16px)!important; -moz-transform: translateX(21px) translateY(-16px)!important; -ms-transform: translateX(21px) translateY(-16px)!important; -o-transform: translateX(21px) translateY(-16px)!important; } */


.cdk-overlay-pane .mat-menu-panel .mat-option.mat-selected:not(.mat-option-multiple){background-color:var(--gray-50);}


.cdk-overlay-pane .mat-menu-panel{padding: 8px 0;}


.cdk-overlay-pane .mat-menu-panel .mat-optgroup-label,
.cdk-overlay-pane .mat-menu-panel .mat-optgroup-label,
.cdk-overlay-pane .mat-menu-panel .mat-option{line-height:var(--font-line-height) !important;height:auto !important;padding:0 !important;}


.cdk-overlay-pane .mat-menu-item{font-family:"Montserrat",sans-serif;font-size:var(--body-text-3-font-size) !important;font-weight:var(--font-weight-500) !important;color:var(--gray-800) !important;line-height:var(--font-line-height);padding:12px 24px !important;height:auto;}


.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
/* .mat-menu-item-highlighted:not([disabled]){background-color:var(--gray-0);} */
.cdk-overlay-pane .mat-menu-panel:not([class*=mat-elevation-z]){background: #FFFFFF 0% 0% no-repeat padding-box;border-radius: 8px !important;border: none;}


.cdk-overlay-pane .mat-menu-content:not(:empty){padding:0;}


.cdk-overlay-pane .mat-menu-panel .mat-ripple-element{display:none;}


/* 7. Checkbox */


.custom-checkbox .mat-checkbox-frame{border-color:var(--gray-400);}


.custom-checkbox.mat-checkbox-checked .mat-checkbox-background{ background-color:var(--blue-color); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }


.custom-checkbox .mat-checkbox-layout .mat-checkbox-label{font-size:var(--body-text-2-font-size);font-weight:var(--font-weight-500);color:var(--gray-800);}


.custom-checkbox.mat-checkbox-checked:not(.mat-checkbox-disabled)
.custom-checkbox .mat-ripple-element,
.custom-checkbox.mat-checkbox:active:not(.mat-checkbox-disabled) .mat-ripple-element{background-color:var(--light-blue-color);}


.custom-checkbox.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.custom-checkbox.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background-color:var(--blue-color);}


/* 8. Tab Container */


.tab-container{position:relative;display: flex;flex-direction: column;}


.tab-container .position-end{position:absolute;right:0;z-index:99999;}


/* .tab-container .custom-tab-group .mat-tab-header{width:calc(100% - 200px);} */


.tab-container .custom-tab-group .mat-tab-label.mat-tab-disabled{background-color: transparent;border: none;padding: 0;}


.tab-container .custom-tab-group .mat-tab-label.mat-tab-disabled:hover{border: none;}


.tab-container .mat-tab-body-content{overflow: hidden;}


.tab-container .custom-tab-group .mat-tab-header{width: calc(100% - 300px);}


.tab-container .custom-input{position:absolute;top:0;right:0;}


.tab-container .custom-input .mat-form-field-infix{width:240px;}


@media screen and (max-width:767px) {
  .tab-container .custom-input{position: static;}
  .tab-container .custom-tab-group .mat-tab-header{width:100%;}
}


/* 9. Tab */


.custom-tab-group .mat-tab-nav-bar,
.custom-tab-group .mat-tab-header{border-bottom:none !important;}


.custom-tab-group .mat-ink-bar,
.custom-tab-group .mat-tab-nav-bar .mat-ink-bar{display:none;}


.custom-tab-group .mat-ripple-element{background-color:transparent;}


.custom-tab-group .mat-tab-label{min-width: auto; background-color:var(--gray-50); border: 1px solid var(--gray-50);font-size:var(--body-text-3-font-size);font-weight:var(--font-weight-500);color:var(--gray-600); margin-right: 8px; padding: 8px 30px; height: -moz-fit-content; height: fit-content;opacity:1; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }


.custom-tab-group .mat-tab-label:hover{border: 1px solid var(--gray-400);}


.custom-tab-group .mat-tab-label.mat-tab-label-active{background-color:var(--light-blue-color);border: 1px solid var(--blue-color);color:var(--dark-blue-color);}


.custom-tab-group .mat-tab-label.mat-tab-label-active:hover{border: 1px solid var(--light-blue-color);}


.worklogs .custom-tab-group .mat-tab-nav-bar,.worklogs .custom-tab-group .mat-tab-header{height: 44px;}


/* 10. Search Input */


.custom-input.custom-search-input .mat-form-field-label{padding: 3px 16px;}


.custom-input.custom-search-input .mat-form-field-infix{border:none; border-radius:22px; -webkit-border-radius:22px; -moz-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px; padding: 8px 0px 8px 16px;}


.custom-input.custom-search-input .mat-form-field-flex{background-color: var(--gray-0);border: 1px solid var(--gray-200);border-radius: 22px;}


.custom-input.custom-search-input.mat-focused .mat-form-field-infix{border:none;}


.custom-input.custom-search-input .mat-form-field-flex .mat-form-field-suffix button{padding: 0 10px;}


/* 11. Search with Dropdown */


.dropdown-search .custom-dropdown .mat-form-field-infix{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;background-color:var(--white-color);width:-moz-fit-content;width:fit-content;}


.dropdown-search .custom-input.custom-search-input .mat-form-field-flex{border-top-left-radius:0;border-bottom-left-radius:0;}


.dropdown-search .custom-dropdown .mat-form-field-infix .mat-select-value{max-width:-moz-fit-content;max-width:fit-content;padding-right:8px;}


.page-content .tab-container .custom-input.search-filter-billing-section{position: absolute;top: 0;}


.filter-with-search-and-dropdown.search-and-dropdown-end { display: flex; justify-content: flex-end; margin-top: 24px; align-items: center;position:relative;}


.dropdown-search .custom-input .mat-form-field-appearance-legacy .mat-form-field-label{top: 0px !important;}


/* 12. Spinner */


.custom-spinner.spinner-grow {color:#4FA270;margin-right:12px;}


/*13. Menu Button */


.custom-dropdown.custom-menu{position:absolute;right:5px;top:10px;}


/* 14 Sub User Unauthorized */


.unauthorized-action{pointer-events: none !important;}


.unauthorized-cursor{cursor: not-allowed !important;}


.unauthorized-layerblur{ user-select:none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-drag: none; filter:blur(10px); -webkit-filter:blur(10px); }


/* 15. Table */


/* .wrapper{margin:2rem 1rem;} */


.pagetitle-block{display:flex;align-items:center;margin:0 0 1.5rem 0;}


.pagetitle-icon{background-color:#ffffff;width:40px;height:37px;border-radius:4px;text-align:center;margin-right:.65rem;}


.pagetitle-icon .material-icons{line-height:37px;color:#5EC090;font-size:20px;}


.pagetitle{font-weight:700;font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));margin:0 0 0 0rem;}


.datatable{width:calc(100% - 0rem);}


.modal.employee-contract-list .datatable{width:auto;margin-right:20px;}


.datatable th{font-weight:500;font-size:14px;color:#262A53;}


/* .datatable th, */


/* .datatable td{border:1px solid #EBEDF2;} */


.datatable .mat-table thead {border-bottom: 1px solid #EBEDF2;}


.datatable tr.mat-header-row{height:46px;border-bottom: 1px solid #EBEDF2;}


.datatable th.mat-header-cell,
.datatable td.mat-footer-cell{font-weight:600;color:#262A53;}


.datatable td.mat-cell{font-weight:500}


.datatable th.mat-he.datatable .mat-table thead {border-bottom: 1px solid #EBEDF2;}


.datatable span.material-icons,
.datatable td.mat-cell .material-icons{font-family:'Material Icons',sans-serif;}


.status{font-size:12px;display:flex;align-items:center;}


.status-btn{padding:.36rem .325rem;font-size:11px;font-weight:600;border-radius:4px;display:flex;margin:0 .5rem 0 0;height:-moz-fit-content;height:fit-content;}


.status-active{color:#16DB93;}


.status-inactive{color:#C9CDD8;}


.status-pending{color:#706EE6;}


.status-reject{color:#ff0606;}


.status-archive{color:#ff5a5a;}


.status-btn .material-icons{font-size:16px;margin:0 0 0 0;}


.status-btn .mat-icon{width:auto;height:auto;}


.status-btn.download-btn{width:-moz-fit-content;width:fit-content;}


.status-btn.width-max{width:-moz-max-content;width:max-content;}


.delete-clr{color:#C1C8E4;}


.edit-clr{color:#5AB9EA;}


.status .material-icons{font-size:16px;margin:0 .2rem 0 0;}


.table-filter.mat-form-field{background-color:#ffffff;padding:.5rem 1.5rem;border-radius:4px 4px 0 0;}


.table-filter.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:#C1C8E4;}


.table-filter.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#5680E9;}


.table-filter.mat-form-field .mat-form-field-label,
.table-filter.mat-form-field.mat-focused .mat-form-field-label{color:#C1C8E4;}


.mat-paginator{border-radius:0 0 4px 4px;}


.mat-paginator,
.table-filter.mat-form-field{width:100%;margin:0 auto;}


.table-filter.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon{height:auto;}


@media screen and (max-width:575px){
  .wrapper{margin:1rem 0rem;}
}


/*  16. Paginator  */


.mat-paginator-page-size-label{font-size:12px;color:#C1C8E4;}


.mat-paginator .mat-select-value-text,
.mat-paginator .mat-select-arrow{color:#5680E9;}


.mat-paginator-range-label{color:#C1C8E4;}


.mat-paginator .mat-form-field-appearance-legacy .mat-form-field-underline{background-color:#C1C8E4;}


.mat-paginator .mat-button.mat-primary.mat-button-disabled,
.mat-paginator .mat-button.mat-accent.mat-button-disabled,
.mat-paginator .mat-button.mat-warn.mat-button-disabled,
.mat-paginator .mat-button.mat-button-disabled.mat-button-disabled,
.mat-paginator .mat-icon-button.mat-primary.mat-button-disabled,
.mat-paginator .mat-icon-button.mat-accent.mat-button-disabled,
.mat-paginator .mat-icon-button.mat-warn.mat-button-disabled,
.mat-paginator .mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-paginator .mat-stroked-button.mat-primary.mat-button-disabled,
.mat-paginator .mat-stroked-button.mat-accent.mat-button-disabled,
.mat-paginator .mat-stroked-button.mat-warn.mat-button-disabled,
.mat-paginator .mat-stroked-button.mat-button-disabled.mat-button-disabled{color:#C1C8E4;}


.mat-paginator .mat-form-field.mat-focused .mat-form-field-ripple{background-color:#5680E9;}


.mat-paginator .mat-form-field.mat-focused.mat-primary .mat-select-arrow,
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#5680E9;font-weight:500;}


.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple),
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled){background-color:#edeff9;color:#5680E9;}


.mat-select-panel .mat-optgroup-label, .mat-select-panel .mat-option{border-bottom:1px solid #eee;}


.mat-button-disabled .mat-paginator-icon{fill:#C1C8E4!important;}


.mat-paginator-icon{fill:#5680E9!important;}


.custom-country-pad { padding-bottom: 1.25rem !important; position: relative;}


/* image gallery view */


.navigation-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}


.icon-button-gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 10px; /* Add margin to create space between the buttons */
}


.icon-button-gallery mat-icon {
  font-size: 20px;
}


.modal-image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}


/* tMarket */


.blog-form-container .add-blog-btn { border: 1px solid #404656; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; margin-right: 1em; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }


.blog-form-container .onClickShow { transform: rotate(45deg);}


.blog-form-container .select-option {display: none;}


.blog-form-container .select-option.visible {display: flex;}


.blog-form-container .preview-image { margin-bottom: 1em; max-height: 20em;}


@media screen and (max-width:575px){
  .blog-form-container .add-blog-btn { height: 35px; width: 35px; }
  /* .blog-form-container .add-blog-btn {display: none;}
  .blog-form-container .select-option {display: block;} */
}


.message-small-text-1{font-weight:400;font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300))); margin-bottom: 1rem;}


/* Rating board out of 10 Css- starts */


.rating-box{display: flex; flex-wrap: nowrap;}


.rating-box .item{ cursor:pointer;font-weight:500; font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); background-color: #F2F4F6; order: 1px solid #c9cad0; margin: 8px; height:40px; width:40px; display:grid; place-items: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }


.rating-box .item.active{color:#FFFFFF}


.rating-box .item.active.green{background-color: var(--green-color);}


.rating-box .item.active.yellow{background-color: var(--yellow-color);}


.rating-box .item.active.red{background-color: var(--red-color);}


/* Rating board out of 10 Css- ends */


/* start style for project growth*/


.project-growth{width: 100%; border: 1px solid #c9cad0; border-radius: 20px!important;}


.center-div {overflow: hidden;width:50%;height: auto;border: 1px solid #c9cad0;border-radius: 20px !important;position: relative;}


.p-sm-5 {padding: 1rem!important;}


.p-title-growth{font-size: calc(26px + (28 - 32) * ((100vw - 300px) / (1600 - 300)));font-weight: 700;word-break: break-all;}


.main-div{display: flex;gap: 24px;}


.main-div-2{display: flex;gap: 24px;}


.p-card.p-3.p-sm-5.project-other.d-flex.flex-column.project-attachment {height: 467px;padding: 16px !important;}


.example-container {display: flex;flex-direction: column;max-height: 500px;min-width: 300px;}


.mat-table {overflow: auto;max-height: 500px;}


.gauge-chart__label {font-size: 32px !important ;display: flex;align-items: center;justify-content: center;margin-top: -27px;}


.que-text {font-size: 22px;font-weight: 700;text-align: center;word-wrap: break-word;}


.delivery-div{width: 59%;height: 20px;font-size: calc(26px + (28 - 32) * ((100vw - 300px) / (1600 - 300)));font-weight: 700;text-align: end;padding: 0px 0px 0px 4px;}


.emoji-div {height: 60px;display: flex;justify-content: center;align-items: center;}


.btn-emoji{border: 1px solid #858585 ;width: 241px;align-items: center;display: flex;justify-content: center;height: 36px;box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);}


.btn-text{display: flex;justify-content: center;align-items: center;}


.content-div{margin: 20px 0px 0px 11px;width: 94%;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;margin-left: 21px;}


div#add-comment-col-11 {width: 97% !important;margin: 0px 0px 0px 10px !important;}


div#add-comment-col-12 {width: 97% !important;margin: 0px 0px 0px 0px !important;}


button.btn.btn-primary { border-radius: 24px; margin: 0px 0px 0px 10px; height: 38px; width: 122px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; }


.set-emoji{margin: 0 auto;display: table;position: relative;top: 44%;height: auto;transform: translateY(-95%);display: flex;align-items: center;justify-content: center;}


.selected {background: rgb(255, 255, 255);border: 1px solid #5580E9 !important;box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);color: #5580E9 !important;}


.selected :hover{background: rgb(255, 255, 255);border: 1px solid #5580E9 !important;box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);color: #5580E9 !important;}


button.btn-emoji.mb-4 {border: 1px solid #C1C1C1;color: #282F40;}


.selected-experience{background: rgb(255, 255, 255);border: 1px solid #EC407A !important;box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);color: #EC407A !important;}


.selected-WSR{background: rgb(255, 255, 255);border: 1px solid #58B47C !important;box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);color: #58B47C !important;}


button.btn.btn-primary.Csat {background: #5580E9;}


button.btn.btn-primary.wsr {background: #58B47C;}


button.btn.btn-primary.experience {background: #EC407A;}


.set-checkbox {height: 20px;font-size: calc(26px + (28 - 32) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;word-break: break-all;margin-left: 195px;}


.WSR-div{width: 53%;height: 20px;font-size: calc(26px + (28 - 32) * ((100vw - 300px) / (1600 - 300)));font-weight: 700;word-break: break-all;text-align: end;padding: 0px 0px 0px 4px;}


.WSR-checkbox {height: 20px;font-size: calc(26px + (28 - 32) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;word-break: break-all;margin-left: 229px;}


.col-12 .sub-div{position: absolute;bottom: 0px;}


.col-12.sub-div {padding: 16px 0px;}


.chart-div{ height: 100%;display: flex;flex-direction: column;gap: 24px;}


/* .center-div.growth-div {min-width: 768px;} */


.input-checkbox{margin-right: 5px;}


.input-label{font-size: 14px; color: #717682; margin: 0px 12px 0px 9px;}


.display-div{display: flex;}


@media (max-width: 1605px) {
  .smily {
    display: none;
  }
}


@media (max-width: 460px) {
  .delivery-div {
    font-size: calc(15px + (15 - 22) * ((100vw - 300px) / (1600 - 300)));
  }
}


/* end style for project growth*/


.comment-text{font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));word-break: break-all;}


.table-title-blue{color:#5580E9;}


.table-title-pink{color:#EC407A;}


.table-title-green{color:#58B47C;}


/* growth table css starts */


.growth-table-container {max-width: 100%;overflow: auto;}


.growth-table-container table {border-collapse: collapse;width: 100%;table-layout: fixed;}


.growth-table-container th,.growth-table-container td {border: 1px solid #ddd;padding: 8px;width: 200px !important;text-align: center;}


.growth-table-container th:first-child::before, .growth-table-container td:first-child::before {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 1px;background-color: #ddd;}


.growth-table-container th:first-child::after, .growth-table-container td:first-child::after {content: "";position: absolute;top: 0;bottom: 0;right: 0;width: 1px; background-color: #ddd; }


.growth-table-container th:first-child {position: sticky;width: 320px !important;left: 0;z-index: 6;background-color: #fff; }


.growth-table-container td:first-child {position: sticky;width: 320px !important;left: 0;z-index: 5; background-color: #fff;}


.growth-table-container thead th {position: sticky;top: 0;background-color: #fff;z-index: 5;}


.growth-table-container th:nth-child(2) {left: 320px; }


.growth-table-container th:first-child + th, .growth-table-container td:first-child + td {position: sticky;left: 0;width: 200px !important;background-color: #fff !important;}


.growth-table-container td:first-child {background-color: #fff;font-weight: 700;}


.growth-table-container {max-height: 100%;overflow-y: auto;overflow-x: auto;}


.mat-table.mat-table.cdk-table {max-height: 956px;}


.table-oppotunity{width: 99%;margin: 8px 15px 10px 3px;}


/* hide last column in table-oppotunity */


.table-oppotunity mat-cell:last-of-type,.table-oppotunity mat-header-cell:last-of-type,.table-oppotunity mat-footer-cell:last-of-type{display: none;}


.color-open{color : #5580E9;}


.color-progress{color: #419BD8;}


.color-won{color: #4FA270;}


.color-lost{color: #EC4040;}


.color-hold{color: #FC5000 ;}


.guageChart{padding: 10px;display: flex;align-items: center;justify-content: center;text-align: center;}


@media screen and (max-width: 3133px) {
  .guageChart{padding: 10px;display: flex;align-items: center;justify-content: center;text-align: center;}
}


@media screen and (max-width: 1400px) {
  .main-div-2{flex-direction: column;}
  .main-div{flex-direction: column;}
  .center-div{width:100%};
  .smily{display:none}
  .set-emoji{ opacity:0.6;transform:translateY(100%) !important; -webkit-transform:translateY(100%) !important; -moz-transform:translateY(100%) !important; -ms-transform:translateY(100%) !important; -o-transform:translateY(100%) !important; }
}


@media screen and (max-width: 992px) {
  .center-div.growth-div{min-width: unset;}
}


@media screen and (max-width:600px) {
  .set-checkbox {margin-left: 124px !important;}
  .content-div {width:45px}
}


/* growth table css ends  */


/* pms billing css start */


.billing-tab-group .mat-tab-label{padding:0px !important;}


.billing-tab-group .mat-ink-bar{background-color:#5EC090 !important;}


.billing-tab-group .mat-tab-label .mat-tab-label-content button:not(.borderless-btn){padding: 12px 30px;font-weight: 500 !important;}


.invoice-title{color:#419BD8;font-weight: 600;}


.b-title{ font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300))); font-weight: 600; word-break: break-all; }


.b-title-regular{ font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300))); font-weight: 400; word-break: break-all; }


.b-info{ font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); color:#717682; font-weight: 500; word-break: break-all; }


.no-data{font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;word-break: break-all;background: #F2F4F6;padding: 20px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}


.pms-billing .datatable th,.pms-billing .datatable thead{font-weight:500;font-size:14px;color:#FFFFFF;background: #419BD8;}


.pms-billing .datatable tr:hover{background: #f8f8f8;cursor: pointer;}


.pms-billing .datatable .mat-sort-header-arrow{color:#FFFFFF;}


/* create pms invoice */


.create-invoice-container{width:70%}


.billing-activity .datatable thead{background: #419BD8;color:#FFFFFF;}


.billing-activity .datatable th{color:#FFFFFF;font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight: 600;}


.billing-activity .datatable tr td{font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;}


.billing-activity .datatable th,.billing-activity .datatable tr td{padding: 16px 8px;}


.billing-activity .datatable tr{background: #FFFFFF;color:#282F40;border-bottom:1px solid #B7BDC9;}


.billing-activity .datatable tr:last-child,.billing-activity .datatable tr:last-child td{background: #FFFFFF;color:#282F40;border-bottom:2px dotted #B7BDC9;border-top:2px dotted #B7BDC9;font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight: 600;}


.billing-activity .datatable tr td:first-child{font-weight: 600;}


.billing-activity .field-box .inner.custom-dropdown.form.projectStatus .mat-select-arrow{visibility: hidden;}


@media screen and (max-width: 992px) {
  .create-invoice-container{width:100%}
}


/* pms billing css end */


/* start invoice preview css */


.invoice{
   display: flex;
   justify-content: center;
   align-items: center;
}


.container.middle-page{
  background-color: #fff;
  max-width: 900px;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  padding: 2rem;
}


.invoice-text{
  color: #4FA270;
  font-size: 24px;
  font-weight: medium;
}


.ip-activity-table td {
  padding: 16px 8px;
  color: #282F40;
  font-size: 15px;
}


/* .ip-activity-table table {
  width: 100%;
} */


.ip-activity-table tr {
  border-bottom: 1px solid #282F40;
}


.ip-activity-table th {
  padding:8px;
  height: 30px;
  background-color: #419BD829;
  color: #419BD8;
  font-weight: 700;
}


.ip-activity-table tr td:first-child{font-weight: 700;}


.ip-activity-table tr:last-child td{font-weight: 700;}


.ip-activity-table tr:last-child td:first-child{font-weight: 400;}


.total-div{
  display: flex;
  justify-content: space-between;
  padding: 0px 42px 0px 0px;
}


.payment-text{
  color: #4FA270;
  font-size: 18px;
  font-weight: 500;
}


.invoice-footer {
  display: flex;
  justify-content: space-between;
  padding: 0px 75px 0px 0px;
}


.invoice-main-div{
  background-color: #F2F4F6;
  padding: 18px;
  display: flex;
  justify-content: space-between;
}


button.share-invoice {
    height: 37px;
    background-color: #5EC090;
    color: #fff;
    padding: 0px 22px;
    font-size: calc(10px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 500;
    border-radius: 22px;
}


.side-div{
  padding: 0px 0px 0px 28px;
}


.btn-download{
  padding: 0px 8px;
  color:#000000;
}


.invoice-link{
  text-decoration: underline !important;
  color: #5580E9;
}


.heading-text-invoice{
  font-size: 16px;
  color: #282F40;
}


.invoice-inner-text{
  font-size: 15px;
  color: #282F40;
}


.bottom-page-content{
  color: #282F40;
  font-size: 15px;
}


/* end invoice preview css */


/* start invoice detail css  */


.activity-group{border-bottom: 2px dotted #B7BDC9;padding:16px 0px;}


.pms-billing-comment-section .chat-ps .ps-content{
  background: #f2f4f6;
  border-radius: 20px;
  height:50vh;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}


.detail-content-div {
  padding: 0px 0px 0px 20px;
}


.detail-text{
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  color: #717682;
}


.detail-content-text{
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 600;
  color: #282F40;
  word-break: break-all;
}


/* .download-div{
  padding: 0px 0px 0px 50px;
} */


.h-40{height: 40px;}


.detail-backbtn{
  background: #419BD8;
  border-radius: 22px;
  padding: 8px 24px;
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  color: #FFFFFF;
}


.detail-updatebtn{
  background-color: #5EC090;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 22px;
    padding: 10px 22px;
    width: 129px
}


.invoice-topdiv{
  margin: 0px 24px 0px 0px;
}


.invoice-status{
  margin: 0px 18px 0px 0px;
}


.invoice-padding-between{
  padding : 0px 100px 0px 16px;
}


.invoice-download-div{
  font-size: 12px;
}


.invoice-dropdown{
  background-color: #FFFFFF;
  border: 1px solid #717682;
}


.invoice-dropdown .mat-form-field-underline{height: 0px !important;}


.invoice-dropdown .mat-form-field-ripple{display:none}


.invoice-dropdown .mat-form-field-wrapper{padding-bottom: unset !important;}


.invoice-dropdown .mat-form-field-infix {
  border: .5em solid transparent;
  border-top: .5em solid transparent;
  border-left: 1em solid transparent;
}


/* end invoice detail css  */


/* for slider */


.ngx-slider .ngx-slider-pointer {
  cursor: pointer;
  width: 32px;
  height: 32px;
  top: -14px;
  background-color: #8860d0 !important;
  z-index: 3;
  border-radius: 16px;
}


.ngx-slider .ngx-slider-bar {
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 1;
  background: #8860d0 !important;
  border-radius: 2px;
}


.ngx-slider .ngx-slider-tick-legend {
  position: absolute;
  top: 24px;
  transform: translate(-50%,0);
  white-space: nowrap !important;
}


.ngx-slider {
  width: 94% !important;
}


.answerBTN{
  border:1px solid black;
}


button.answerBTN.ng-star-inserted {
  border: 1px solid black;
  border-radius: 30px;
  width: 7%;
  margin: 2px 2px 2px 2px;
  padding: 4px 7px 4px 10px;
}


.textarea-appear {
  opacity: 0;
  height: 0;
  transition: opacity 0.5s ease, height 0.5s ease;
}


.textarea-enter-active {
  opacity: 1;
  height: auto;
}


.textarea-leave {
  opacity: 1;
  height: auto;
  transition: opacity 0.5s ease, height 0.5s ease;
}


.textarea-leave-active {
  opacity: 0;
  height: 0;
}


.description-text{
  word-break: break-all;
}


.custom-select-panel {
  margin-top: -100px;
}


.read-title-more {
  color: #48ACF0;
  font-weight: 500;
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
}


.description-riskText{
  word-break: break-all;
}


/* mention list  */


mention-list.dropup {
  position: absolute !important;
  right: 30px !important;
  z-index: 1000;
}


ul.dropdown-menu.scrollable-menu.mention-menu.mention-dropdown {
  max-height: 150px !important;
}


/* frappe gantt */


.gantt-box{
  background-color: #F2F4F6;
  border: 0.5px solid #DFDFDF;
  border-radius: 20px;
  padding:30px 40px 20px
}


.gantt-box .mini-lable{
  color: #282F40;
  font-weight: 600;
  background-color: #FFFFFF;
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
}


.gantt-box .mini-lable.active{
  color: #282F40;
  font-weight: 600;
  background-color: #E1E1E1 !important;
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
}


#gantt .lable{
  color: #48ACF0;
  font-weight: 500;
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
}


#gantt .answer{
  color: #AE74E8;
  font-weight: 500;
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
}


.gantt .lower-text, .gantt .upper-text{
  font-weight: 600 !important;
}


.gantt .grid-row:nth-child(even){
  fill:#ffffff !important;
}


.gantt-container {
  border-radius: 10px;
}


#gantt .project g rect { fill: #AE74E866 !important; }


#gantt .milestone g rect { fill: #5580E966 !important; }


#gantt .task g rect { fill: #58B47C66 !important; }


#gantt .project g rect.bar-progress { fill: #AE74E8 !important; }


#gantt .milestone g rect.bar-progress { fill: #5580E9 !important; }


#gantt .task g rect.bar-progress { fill: #58B47C !important; }


.gantt-popup{
  box-shadow: 3px 3px 12px #0000001F;
  border-radius: 4px;
  background-color: #ffffff;
  opacity: 1;
  width:200px;
  border: 1px solid #F2F4F6;
  padding:8px;
}


.gantt-popup .lable{
  color: #282F40;
  font-weight: 500;
  font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));
}


/* applied color for mentioned user */


.mention-color{
  color: #024bc2 !important;
}


.tag-color{
  color: white !important;
  text-decoration: underline !important;
}


.billing-amount {
    font-size: calc(20px + (22 - 17) * ((100vw - 300px) / (1600 - 300)));
    color: #646262;
}


.project-search{
  font-size: calc(17px + (23 - 22) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  line-height: 1.2;
  font-family: "Montserrat",sans-serif;
}


/* start Activity Tracking css */


.svg-green{fill:var(--green-color) !important;}


.svg-red{fill:var(--red-color) !important;}


.svg-blue{fill: var(--blue-color) !important;}


.container {position: relative;}


.open-panel-button {position: absolute;top: -75px;right: -199px;border: 1px solid black;border-radius: 23px;}


.side-nav {position: fixed;top: 100px;left: -250px; width: 250px;height: 100%;background-color: #333;z-index: 1000; transition: left 0.3s ease;}


.right-side-panel {position: fixed;top: 103px;right: 0;bottom: 0;background-color: white;z-index: 1000;transform: translateX(100%);transition: transform 0.3s ease-in-out;;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);padding: 20px 18px 20px 18px;}


.right-side-panel.open {transform: translateX(0);background: linear-gradient(to bottom, #ffffff, #eafff6);}


.open {right: 0;}


.side-nav.open {left: 0; }


.close-button {position: absolute;top: 10px;right: 10px;color: white;background-color: transparent;border: none;cursor: pointer;}


.title {margin-top: 0;}


.sidenav-text{font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight: 700;color: #404656;}


.cross-icon{font-size: 30px;}


.filter-user .mat-form-field-appearance-legacy .mat-form-field-label{top:2.3em;left:1.3em;}


.date-picker-trail .custom-input .mat-form-field-flex {background-color: #ffffff;border: 1px solid #d3d4d9;display: flex;align-items: center;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;width: 99%;}


.filter-user .custom-dropdown.form .mat-form-field-infix {background-color: #ffffff;border: 1px solid #d3d4d9;padding: 12px 16px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;width: 462px; }


.filter-title.sub-title {font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight: 700;color: #404656;margin: 0 0 3px 0 !important;}


.filter-button-container {position: fixed;top: 50%;right: 20px;z-index: 1001; transform: translateY(-50%);}


td svg {margin-right: 5px; }


.b1{font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight: 500;font-family: "Montserrat",sans-serif;}


td.table-spacing {height: 65px;font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));color:#717682 ;font-family: "Montserrat",sans-serif;}


.table-borderless tbody td:first-child {position: relative;}


button.audit-heading {border: 2px solid black;font-weight: 600;font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-family: "Montserrat",sans-serif;}


.main-audit-heading {text-align: center;border: 1px solid #C4CADA; border-radius: 20px;width: 123px;height: 37px;display: flex;align-items: center; justify-content: center; margin: 0 auto;font-weight: 600;font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));font-family: "Montserrat",sans-serif;}


.left-side-div {width: 110px;position: absolute;left: -131px;top: 57px;bottom: 0;}


.main-border.mt-3 {width: 80%;margin-left: 43px !important;border-left: 1px solid black;position: relative; left: 68px;margin: 0;}


.table-spacing {position: relative;left: -60px;}


.time-column {width: 100px; text-align: left; }


.activity-log-column {position: relative;padding-right: 40px;}


.activity-icon {position: absolute;left: -56px;top: 36%;transform: translateY(-50%);}


td.time-column {right: 106px;top: 4px;}


.activity-color{color: #4FA270 !important;font-weight: 600;}


.activity-color:hover{cursor: pointer;text-decoration: underline !important;}


.activity-dark-color{color: #282F40 !important;font-weight: 600;}


td.time-column {color: #717682;font-family: "Montserrat",sans-serif;font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));}


.img-filter{margin-right: 4px;}


@media screen and (max-width: 768px) {
  .right-side-panel {width: 100%;max-width: 300px; }
}


/* end Activity Tracking css */


/* Start Floating button tAssist css */


.assist-button {
  position: absolute;
  border: 1px solid #717682;
  border-radius: 50%;
  bottom: 25px;
  right: 25px;
  z-index: 2000;
  height: 40px;
  width: 40px;
}


button.assist-button{
  position: absolute;
  border: 1px solid #d2d2d2;
  background: #ffffff;
  border-radius: 50%;
  bottom: 30px;
  right: 30px;
  z-index: 2000;
  height: 50px;
  width: 50px;
  padding: 8px 8px 8px 8px;
  box-shadow: 0em 0 0.4em #00000087
}


.Delayed{background-color:#fdecec;color:#f15454;font-weight:500; padding: 5px 10px; border-radius: 5px; font-size: 11px;}


.tAssist-logo{
  height: 30px;
}


.title-tAssist{
font-size: 28px;
}


.cross-icon-tAssist{
  font-size: 44px;
  position: relative;
  bottom: 19px;
}


.hover-text {
  position: absolute;
  width: 100px;
  top: -30px;
  left: 50%;
  right: 20px;
  transform: translateX(-50%);
  background-color: #ffffff;
  color: #000000;
  padding: 5px 10px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}


.assist-button:hover .hover-text {
  opacity: 1;
}


/* End Floating button tAssist css */


/* view more button start */


.view-more-btn{margin: 24px auto;display: block;}


/* view more button start */


.filter-assignee .mat-form-field-appearance-legacy .mat-form-field-label{top:2.2em;left:1.3em;}


/* start Notes css */


.note-title{
  color: #48ACF0;
  font-size: 18px;
  font-weight: 600;
}


.note-content{
  font-size: 14px;
  padding-top: 2px;
}


.card.note-view-card:hover {
  border: 1px solid #48ACF0;
  cursor: pointer;
}


.view-note-title{
  color: #48ACF0;
  font-size: 20px;
  font-weight: 600;
  padding-left: 30px;
}


.revised-date-lable {
  font-size: 11px;
}


.revised-date {
  font-size: 11px;
  color:#f15454;
}


.view-note-heading[_ngcontent-tfr-c440] {
  font-size: 17px;
  font-weight: 500;
}


/* End Notes css */
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}

.iti {
  position: relative;
  display: inline-block; }
  .iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .iti__hide {
    display: none; }
  .iti__v-hide {
    visibility: hidden; }
  .iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px; }
  .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555; }
  .iti__arrow--up {
      border-top: none;
      border-bottom: 4px solid #555; }
  .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  .iti__country-list--dropup {
      bottom: 100%;
      margin-bottom: -1px; }
  @media (max-width: 500px) {
      .iti__country-list {
        white-space: normal; } }
  .iti__flag-box {
    display: inline-block;
    width: 20px; }
  .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC; }
  .iti__country {
    padding: 5px 10px;
    outline: none; }
  .iti__dial-code {
    color: #999; }
  .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle; }
  .iti__flag-box, .iti__country-name {
    margin-right: 6px; }
  .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0; }
  .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer; }
  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default; }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
      background-color: transparent; }
  .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px; }
  .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
  .iti--container:hover {
      cursor: pointer; }
  .iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }
  .iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }
  .iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }
  .iti__flag {
  width: 20px; }
  .iti__flag.iti__be {
    width: 18px; }
  .iti__flag.iti__ch {
    width: 15px; }
  .iti__flag.iti__mc {
    width: 19px; }
  .iti__flag.iti__ne {
    width: 18px; }
  .iti__flag.iti__np {
    width: 13px; }
  .iti__flag.iti__va {
    width: 15px; }
  @media (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5652px 15px; } }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px; }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px; }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px; }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px; }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px; }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px; }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px; }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px; }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px; }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px; }
  .iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px; }
  .iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url('resources/flags.007b2705c0a8f69dfdf6.png');
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url('resources/flags@2x.9d5328fb490cddd43f66.png'); } }
  .iti__flag.iti__np {
  background-color: transparent; }

/* 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;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}

/* 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;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
}

/* 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;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}

/* 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;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
}

.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;
  }
}

.gantt .grid-background {
  fill: none;
}
.gantt .grid-header {
  fill: #ffffff;
  stroke: #e0e0e0;
  stroke-width: 1.4;
}
.gantt .grid-row {
  fill: #ffffff;
}
.gantt .grid-row:nth-child(even) {
  fill: #f5f5f5;
}
.gantt .row-line {
  stroke: #ebeff2;
}
.gantt .tick {
  stroke: #e0e0e0;
  stroke-width: 0.2;
}
.gantt .tick.thick {
  stroke-width: 0.4;
}
.gantt .today-highlight {
  fill: #fcf8e3;
  opacity: 0.5;
}
.gantt .arrow {
  fill: none;
  stroke: #666;
  stroke-width: 1.4;
}
.gantt .bar {
  fill: #b8c2cc;
  stroke: #8D99A6;
  stroke-width: 0;
  transition: stroke-width 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.gantt .bar-progress {
  fill: #a3a3ff;
}
.gantt .bar-invalid {
  fill: transparent;
  stroke: #8D99A6;
  stroke-width: 1;
  stroke-dasharray: 5;
}
.gantt .bar-invalid ~ .bar-label {
  fill: #555;
}
.gantt .bar-label {
  fill: #fff;
  dominant-baseline: central;
  text-anchor: middle;
  font-size: 12px;
  font-weight: lighter;
}
.gantt .bar-label.big {
  fill: #555;
  text-anchor: start;
}
.gantt .handle {
  fill: #ddd;
  cursor: ew-resize;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}
.gantt .bar-wrapper {
  cursor: pointer;
  outline: none;
}
.gantt .bar-wrapper:hover .bar {
  fill: #a9b5c1;
}
.gantt .bar-wrapper:hover .bar-progress {
  fill: #8a8aff;
}
.gantt .bar-wrapper:hover .handle {
  visibility: visible;
  opacity: 1;
}
.gantt .bar-wrapper.active .bar {
  fill: #a9b5c1;
}
.gantt .bar-wrapper.active .bar-progress {
  fill: #8a8aff;
}
.gantt .lower-text, .gantt .upper-text {
  font-size: 12px;
  text-anchor: middle;
}
.gantt .upper-text {
  fill: #555;
}
.gantt .lower-text {
  fill: #333;
}
.gantt .hide {
  display: none;
}
.gantt-container {
  position: relative;
  overflow: auto;
  font-size: 12px;
}
.gantt-container .popup-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  padding: 0;
  color: #959da5;
  border-radius: 3px;
}
.gantt-container .popup-wrapper .title {
  border-bottom: 3px solid #a3a3ff;
  padding: 10px;
}
.gantt-container .popup-wrapper .subtitle {
  padding: 10px;
  color: #dfe2e5;
}
.gantt-container .popup-wrapper .pointer {
  position: absolute;
  height: 5px;
  margin: 0 0 0 -5px;
  border: 5px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.8);
}