/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/* .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.selected.disabled, .bs-datepicker-body table td.selected.disabled span {
  opacity: 0.3;
}
.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):not(.disabled):before, .bs-datepicker-body table.days td.in-range:not(.select-start):not(.disabled):before,
.bs-datepicker-body table.days span.active:not(.select-start):not(.disabled):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):not(.disabled):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: 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 */

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/slick-carousel/slick/slick.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/slick-carousel/slick/slick-theme.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url('ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url('slick.eot');
  src: url('slick.eot?#iefix') format("embedded-opentype"), url('slick.woff') format("woff"), url('slick.ttf') format("truetype"), url('slick.svg#slick') format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/intl-tel-input/build/css/intlTelInput.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-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;
}
[dir=rtl] .iti__arrow {
  margin-right: 6px;
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-left: -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__dropdown-content--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
.iti__search-input {
  width: 100%;
  border-width: 0;
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .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 {
  display: flex;
  align-items: center;
  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 {
  margin-right: 6px;
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: 6px;
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel], .iti--separate-dial-code input.iti__tel-input,
.iti--separate-dial-code input.iti__tel-input[type=text],
.iti--separate-dial-code input.iti__tel-input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--separate-dial-code input.iti__tel-input,
[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel] {
  padding-right: 52px;
  padding-left: 6px;
  margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}
.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 .iti__flag-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover {
  cursor: default;
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):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--show-flags .iti__selected-dial-code {
  margin-left: 6px;
}
[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.iti--fullscreen-popup.iti--container.iti--country-search {
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .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: 2x) {
  .iti__flag {
    background-size: 5762px 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: 12px;
  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__cq {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1269px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1357px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1379px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1467px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1511px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1555px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1577px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1599px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1621px 0px;
}
.iti__flag.iti__ez {
  height: 14px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1731px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1775px 0px;
}
.iti__flag.iti__fx {
  height: 14px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1863px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2149px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2171px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2237px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2303px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2325px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2369px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2391px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2413px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2435px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2457px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2479px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2501px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2567px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2589px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2611px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2633px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2655px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2699px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2743px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2809px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2853px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2875px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2897px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2985px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -3051px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3073px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3095px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3117px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3139px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3161px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3183px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3205px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3226px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3270px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3556px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3622px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3666px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3688px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3710px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3732px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3752px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3774px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3818px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3840px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3862px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3899px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3921px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3965px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -4031px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4097px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4163px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4185px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4207px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4229px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4251px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4273px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4361px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4405px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4537px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4647px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4669px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4713px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4735px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4757px 0px;
}
.iti__flag.iti__su {
  height: 10px;
  background-position: -4779px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4801px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4823px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4889px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4911px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4977px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -5021px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5109px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5175px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5197px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5219px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5263px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uk {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5329px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5351px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5373px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5395px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5417px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5439px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5456px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5522px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5566px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5610px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5632px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5654px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5676px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5698px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5720px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5742px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url('flags.png?1');
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: url('flags@2x.png?1');
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/default.theme.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-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.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-left>.ng-select-container{border-top-left-radius:0;border-bottom-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;color:#333;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-input>input{color:#000}.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-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-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.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-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{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;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{color:rgba(0,0,0,0.54);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}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
.ng-select.ngBank {
}

.ng-select .ng-select-container .ng-value-container {
  display: flex;
  flex: 1;
  align-items: stretch;
  padding: 0.4375em;
  border-top: 0 solid transparent;
}

.ng-select.ngBank .ng-select-container {
  width: 100%;
  box-sizing: border-box;
  height: 58px;
  color: #3e3f40 !important;
  border: none;
  border: 1px solid #bfbfbf;
  border-radius: 10px;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
}

.ng-select .ng-select-container .ng-value-container {
  display: flex;
  flex: 1;
  align-items: stretch;
  padding: 0.4375em;
  border-top: 0 solid transparent;
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  position: relative;
  margin-top: 10px !important;
}

.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-filtered .ng-select-container .ng-placeholder {
  display: none;
}
.ng-select.ngBank ::ng-deep .ng-select-container {
}
.ng-select.ng-select-multiple .ng-select-container.ng-has-value {
  align-items: center;
}

.ng-select .ng-has-value .ng-placeholder {
}

.ng-select .ng-select-container .ng-value-container {
  padding-left: inherit;
}
/*
.ng-select.ng-select-opened {
  z-index: 3 !important;
}
*/
.ng-select.ng-select-single .ng-select-container {
  height: 54px;
  background: transparent;
  box-shadow: none !important;
}
.ng-select .ng-select-container::after {
  display: none;
}

.ng-select .ng-clear-wrapper .ng-clear {
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  pointer-events: none;
}

.ng-select .ng-arrow-wrapper .ng-arrow {
  pointer-events: none;
  display: inline-block;
  height: 0;
  width: 12px;
  position: relative;
}

.modal-subheading {
  font: normal normal 600 14px/20px Quicksand;
  letter-spacing: 0px;
  color: #111111;
  text-align: left;
}
body.overFlow {
  overflow: hidden;
}
.rating-btn {
  display: flex;
  align-items: center;
}

.rating-btn-open {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  padding: 10px;
  width: 300px;
  margin-right: 2px;
}

a.btn.button-primary.report {
  font: normal normal bold 18px/23px Quicksand;
  letter-spacing: 0.72px;
  color: #ffffff;
  text-transform: capitalize;
  line-height: 40px;
}

.rating-btn-open h5 {
  font: normal normal 600 14px/12px Quicksand;
  letter-spacing: 0px;
  color: #292929;
  margin: 0;
  padding: 0;
  margin-right: 10px;
}
.swal2-popup.swal2-modal {
  width: 24em;
  border-radius: 15px;
}

.swal2-popup.swal2-modal .swal2-html-container {
  font-size: 14px;
  font-weight: 500;
}
.swal2-icon.swal2-warning.swal2-icon-show {
  width: 4em;
  height: 4em;
}
.swal2-actions {
  font-size: 14px;
}
.swal2-confirm.swal2-styled,
.swal2-cancel.swal2-styled {
  border-radius: 25px;
  padding: 0.5em 2em;
  font-size: 15px;
}

.rating-btn-open h6 {
  color: #111;
  margin: 0;
  padding: 0;
  font: normal normal 500 14px/12px Quicksand;
  margin-right: 10px;
}

.customer-detail img.user {
  height: 30px !important;
  width: 30px;
}

.btn-detail {
  padding: 10px 0px;
}

.customer-detail img.more {
  height: auto !important;
  margin-left: 10px;
}

.small-h6 {
  font: normal normal 500 14px/14px Quicksand;
  letter-spacing: 0px;
  color: #5a5a5a;
  margin: 0;
}

.small-data {
  font: normal normal 600 18px/42px Quicksand;
  letter-spacing: 0px;
  color: #111111;
  margin: 0;
}

/* common css */
p {
  word-wrap: break-word !important;
}

.info_icon img {
  cursor: pointer;
}

.radio_box,
.radio_box label {
  cursor: pointer;
}

a {
  cursor: pointer;
  color: #8174b2;
}

a:hover,
a:focus {
  text-decoration: none;

  color: #8174b2;
}

a.link {
  color: inherit;
}

/* form css */
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
select,
#country-search-box,
.form-control {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 58px;
  line-height: 1.42857143;
  color: #3e3f40 !important;
  border: none;
  border: 1px solid #707070;
  outline: none;
  border-radius: 10px;
  box-shadow: none;
  background: #fff 0% 0% no-repeat padding-box;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: 500;
  resize: none;
}

textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 100px;
  line-height: 1.42857143;
  color: #3e3f40 !important;
  border: none;
  border: 1px solid #bfbfbf;
  outline: none;
  border-radius: 10px;
  box-shadow: none;
  background: #fff 0% 0% no-repeat padding-box;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: 500;
  resize: none;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
select,
#country-search-box,
.form-control,
.custom-padding,
textarea {
  padding: 8px 35px 8px 14px;
  height: 45px;
}

.color_text {
  color: #3e3f40 !important;
}

/* form css */
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="search"]::placeholder {
  color: #b2b2b2;
  font-size: 14px;
  font-weight: 400;
}

textarea::placeholder {
  color: #b2b2b2;
  font-size: 14px;
  font-weight: 400;
}

/*-webkit-appearance: none;-moz-appearance: none;appearance: none;*/

.form-group {
  position: relative;
  margin: 25px 0;
  display: inline-block;
  width: 100%;
}

.login-section .form-group {
  position: relative;
  margin: 10px 0;
}

.form-group select {
  /* background: rgba(0, 0, 0, 0) url(./assets/images/ic_up_down.svg) no-repeat scroll calc(96% + 3px) center/8px auto; */
  appearance: none;
}

.form-group .icon_div select {
  background: none;
  cursor: pointer;
}

.icon_div {
  position: relative;
}

.icon_div:after {
  width: 15px;
  height: 10px;
  content: "";
  position: absolute;
  right: 15px;
  top: 25px;
  background: url('ic_dropdown.png') no-repeat;
}

.charCount {
  font: normal normal medium 14px/42px Quicksand;
  letter-spacing: 0.8px;
  color: #5a5a5a;
  position: absolute;
  right: 0px;
  margin-top: 3px;
}

.form-group input:focus {
  outline: none;
}

.greenbox.greentbox,
.accordionlist li h6,
.whtappliesBtn {
  word-wrap: break-word;
}

.calculatedTotal ul li p.priceName {
  width: 80%;
  text-align: left;
}

.calculatedTotal ul li p.price {
  width: 20%;
  text-align: right;
}

.no-data-found {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.form-group label {
  font-weight: 500;
  transition: all 200ms ease 0s;
  color: #0e1217;
  margin-bottom: 3px;
  display: block;
  margin-left: 8px;
  word-wrap: break-word;
}

.list .form-group label {
  white-space: normal;
}

.form-group label.checkbox {
  cursor: pointer;
}

.form-control:focus {
  outline: none;
  box-shadow: none;
}

.cover-label {
  position: relative;
}

.cover-label span.currency-name {
  position: absolute;
  right: 12px;
  top: 1px;
  display: inline-block;
  font-size: 20px;
  letter-spacing: 0px;
  color: #121212;
  background: #fff;
  width: 50px;
  line-height: 55px;
  text-align: center;
}

.form-group .cover-label label {
  position: absolute;
  top: -10px;
  left: 5px;
  color: #707070;
  opacity: 1;
  font-size: 14px;
  background: #fff;
  padding-left: 2px;
  z-index: 2;
}

.free {
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  padding: 0px 50px;
}

.or {
  text-align: center;
  position: relative;
}

.or span {
  display: inline-block;
  padding: 0px 20px;
  color: #5a5a5a;
  font-size: 17px;
  font-weight: 500;
  background: #fff;
  position: relative;
  z-index: 1;
}

.or:after {
  content: "";
  border-top: 1px solid #e2e7e7;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 14px;
}

.forgot_password_new {
  text-align: center;
}

.forgot_password {
  padding: 150px 0px 0px;
  text-align: center;
}

.forgot_password a {
  font: normal normal bold 17px/23px Quicksand;
  letter-spacing: 0.72px;
  color: #8174b2;
  /* text-transform: capitalize; */
}

.forgot_password_new a {
  font: normal normal bold 17px/23px Quicksand;
  letter-spacing: 0.72px;
  color: #8174b2;
  /* text-transform: capitalize; */
}

.back-btn {
  font: normal normal bold 13px/51px Quicksand;
  letter-spacing: 0px;
  color: #8174b2 !important;
  margin-bottom: 40px;
  display: inline-block;
}

.back-btn i {
  float: left;
  margin-top: -1px;
  margin-right: 6px;
}

.soical-links a {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #e2e7e7;
  border-radius: 35px;
  display: block;
  text-align: center;
  padding: 15px;
  color: #121b2a;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 24px;
  position: relative;
  text-decoration: none;
}

.soical-links a span {
  display: inline-block;
  width: 28px;
  height: 28px;
  text-align: center;
  position: absolute;
  left: 15px;
}

.verify-btn {
  position: absolute;
  z-index: 2;
  right: 0;
  height: 100%;
  top: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 15px;
}

.verify-btn a {
  text-decoration: none !important;
  color: #8174b2 !important;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 700;
}

.verify-btn i {
  float: left;
  width: 18px;
  margin-top: -2px;
  margin-right: 5px;
  display: inline-block;
}

.soical-links a span.email {
  top: 11px;
}

.soical-links a span.email img {
  width: 22px;
}

.soical-links a span.phone {
  top: 15px;
}

.soical-links a span.phone img {
  width: 13px;
}

.soical-links a span.apple {
  top: 11px;
}

.soical-links a span.apple img {
  width: 22px;
}

.soical-links a span.fb {
  top: 15px;
}

.soical-links a span.fb img {
  width: 22px;
}

.slider-tx {
  letter-spacing: 1.1px;
  color: #ffffff;
  opacity: 1;
  position: absolute;
  bottom: 50px;
  left: 130px;
  right: 130px;
  z-index: 2;
  font-size: 18px;
  line-height: 35px;
  width: 550px;
  margin: 0 auto;
}

.free a {
  text-decoration: underline;
}

/***********************/

.forgotpswd {
  text-align: right;
}

.forgotpswd a {
  letter-spacing: 0.14px;
  color: #e88500;
  text-decoration: none;
}

body {
  font-family: "Quicksand", sans-serif;
  color: #1b1c1d;
  margin: 0;
}

.main_content {
  margin-top: -91px;
  display: flex;
}

.main_content .left-side {
  background: #e1edf7 url('img_banner_buki.png') no-repeat
    padding-box;
  opacity: 1;
  width: 50%;
  background-size: cover;
  min-height: 100vh;
  background-position: center;
  position: relative;
}

.main_content .left-side::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: url('bg_text.svg') no-repeat padding-box;
  background-size: cover;
  min-height: 100vh;
  background-position: center;
}

.main_content .container {
  max-width: 500px;
}

.main_content .container.profile-section {
  max-width: 700px;
}

.main_content .container.business-section {
  max-width: 1060px;
}

.container_internal {
  margin-top: 100px;
}

/* ============ header css  ========== */
.outer-header.fixed-header.innerHeader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}

.main_content .title .header,
.modal-header .title .header,
.page-content .title .header {
  font: normal normal bold 24px / 24px Quicksand !important;
  letter-spacing: 0;
  color: #1c1d1e;
  margin: 0;
}

.page-content .title .header {
  font: normal normal medium 18px/42px Quicksand;
  letter-spacing: 0px;
  color: #111111;
}
.min-menu {
  display: none;
}

.modal-subHeading {
  position: relative;
  letter-spacing: 0.48px;
  font-weight: 500;
  font-size: 14px;
  padding: 16px;
}

.modal-subHeading p {
  margin-bottom: 0px;
}

.modal-subHeading::after {
  content: "";
  background: transparent
    linear-gradient(259deg, var(--unnamed-color-b6c678) 0%, #ffb380 100%) 0% 0%
    no-repeat padding-box;
  background: transparent linear-gradient(259deg, #b6c678 0%, #ffb380 100%) 0%
    0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 0.14;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.modal-opens .mapOuter {
  display: block !important;
}

.title .header.sub-heading {
  font: normal normal bold 19px/35px Quicksand;
}

.main_content .title .smalls,
.modal-header .title .smalls {
  font-size: 14px;
  font-weight: 500;
  color: #707070;
  letter-spacing: 0;
}

.main_content .sub_head {
  font: normal normal 500 14px Quicksand;
  color: #4e4e4e;
  font-weight: 500;
}

.main_content .sub_head span {
  color: #2b3991;
}

.modal-header {
  border-bottom: 0px;
  padding: 30px 30px 10px;
}

.modal-body {
  padding: 0px 30px 30px;
}

.teamDetail-popup .modal-body ul li {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}

/* ================= sortby popup ====== */
.modal-body ul.sortby {
  padding: 0;
  margin: 0;
}

.modal-body ul.sortby li {
  display: block;
  margin-bottom: 0px;
}

.modal-body ul.sortby li a {
  font: normal normal 600 18px/35px Quicksand;
  letter-spacing: 0px;
  display: flex;
  justify-content: space-between;
  padding: 15px 0px;
  color: #111111;
  border-top: 1px solid #dee2e6;
}

/* ================= sortby popup ====== */

.main_content .right-side {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding: 100px 40px 40px;
}

.modal-content {
  border: 0px;
  border-radius: 32px;
  outline: 0;
  background: #ffffff 0% 0% no-repeat padding-box;
}

.modal-dialog {
  max-width: 560px;
}

.closeButton {
  position: absolute;
  right: 30px;
  top: 28px;
  cursor: pointer;
}

.modal-opens {
  overflow: hidden;
}

.modal-dialog.sucessPopup {
  max-width: 280px;
}

.modal-dialog.sucessPopup p {
  font-size: 15px;
  font-weight: 500;

  letter-spacing: 0.64px;
}

.modal-dialog.sucessPopup.sucess {
  max-width: 340px;
}

.title .modal-subHeading {
  position: relative;
  letter-spacing: 0.48px;
  font-weight: 500;
  font-size: 13px;
  padding: 7px 10px;
  border-radius: 0px;
  display: inline-block;
}

.title .modal-subHeading::after {
  border-radius: 2px;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0) !important;
}

/* buttons */
.btn-common {
  max-width: 280px;
  padding: 17px 35px;
}

.button-primary {
  border: none;
  color: #fff !important;
  background: #8174b2 0% 0% no-repeat padding-box;
}

.button-secondary {
  border: none;
  color: #a5a7b7;
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #d3d4dc;
  opacity: 0.3;
}

.fillBtn {
  opacity: 1 !important;
}

.btn {
  height: 56px;
  border-radius: 32px;
  text-align: center;
  font: normal normal 600 16px Quicksand;
  letter-spacing: 0.54px;
  width: 100%;
  outline: none;
  box-shadow: none !important;
  letter-spacing: 0.72px;
}

.register_now {
  font: normal normal medium 14px/65px Quicksand;
  text-align: center;
}

.register_now a {
  color: #e88500;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}

.back_button {
  text-decoration: none;
}

.back_button span {
  font: normal normal 500 13px/51px Quicksand;
  letter-spacing: 0px;
  color: #8174b2;
  opacity: 1;
  margin-left: 5px;
  cursor: pointer;
}

.showPass {
  position: absolute;
  right: 14px;
  top: 0 !important;
  bottom: 0 !important;
  cursor: pointer;
  display: block;
  margin: auto;
  width: 24px;
  height: 24px;
}

.upload_section {
  padding: 30px 0px 15px;
}

.upload_section .up_opt {
  width: 203px;
  height: 148px;
  background: #f8f8f8 0% 0% no-repeat padding-box;
  border: 1px dashed #bfbfbf;
  border-radius: 10px;
  border-radius: 10px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-right: 20px;
  text-align: center;
  margin-bottom: 15px;
}

.upload_section .up_opt img {
  max-width: 100%;
}

.upload_section .up_opt input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 2;
  cursor: pointer;
  background: transparent;
  opacity: 0;
}

.upload_section .up_opt span {
  display: block;
}

.upload_section .up_opt p {
  letter-spacing: 0.42px;
  color: #5a5a5a;
  opacity: 0.72;
  font-size: 14px;
  font-weight: 600;
  padding: 35px 35px;
}

.uploadClose {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}

.upload_section .up_opt.outerhide {
  border: 0px;
}

/*  common use */
.text-center {
  text-align: center;
}

.full_lenght_right .container {
  width: calc(100% - 100px);
}

.d-flex {
  display: flex !important;
}

.field_head {
  margin-top: 10px;
  font: normal normal 500 18px Quicksand;
  letter-spacing: 0.61px;
  font-size: 16px;
  color: #1b1c1d;
}

.field_value {
  font: normal normal normal 14px Quicksand;
  letter-spacing: 0.48px;
  color: #4e4e4e;
}

.option-box {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #efefef;
  border-radius: 12px;
  padding: 18px 25px;
  position: relative;
  width: calc(50% - 15px);
}

.filter .notice-label {
  width: 5px;
  height: 5px;
  position: absolute;
  top: 7px;
  right: 12px;
  border-radius: 50%;
  background-color: #8174b2;
}

.active_option {
  background: #fff9f0 0% 0% no-repeat padding-box;
  border: 1px solid #e88500;
}

/* radio btn */
.radio {
  position: absolute;
  top: 15px;
  right: 15px;
}

input[type="radio"],
input[type="checkbox"] {
  display: none;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  position: relative;
  width: 20px;
  cursor: pointer;
}

.ngx-slider {
  width: calc(100% - 80px) !important;
  margin-left: 35px !important;
  margin: 55px 45px 35px 35px !important;
}

.ngx-slider-span.ngx-slider-bubble.ngx-slider-model-value {
  position: absolute;
  top: -55px;
  left: -42px !important;
  font-weight: 600;
  font-size: 22px;
  color: #000;
}

.ngx-slider-span.ngx-slider-bubble.ngx-slider-model-value:after {
  content: "Km";
}

.ngx-slider-span.ngx-slider-bubble.ngx-slider-limit.ngx-slider-floor {
  position: absolute;
  top: -9px;
  left: -40px !important;
  font-weight: 500;
  color: #000;
  font-size: 14px;
  opacity: 1 !important;
  visibility: inherit !important;
}

.ngx-slider-span.ngx-slider-bubble.ngx-slider-limit.ngx-slider-floor:after {
  content: "Km";
}

.ngx-slider-span.ngx-slider-bubble.ngx-slider-limit.ngx-slider-ceil {
  position: absolute;
  top: -9px;
  opacity: 1 !important;
  left: inherit !important;
  right: -50px !important;
  color: #000;
  font-weight: 500;
  font-size: 14px;
}

.ngx-slider-span.ngx-slider-bubble.ngx-slider-limit.ngx-slider-ceil:after {
  content: "Km";
}

/* input[type="radio"]:checked+label,
input[type="checkbox"]:checked+label {
  border: 1px solid #e88500;
} */

input[type="radio"]:checked + label:after {
  border: solid #e88500;
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 8px;
  left: 7px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 4px;
}

ul.button-wrap li input[type="radio"]:checked + label:after {
  display: none;
}

.ngx-slider-left-out-selection
  .ngx-slider-selection-bar
  .ngx-slider-selection-bar {
  background: #2ecb6f !important;
}

.ngx-slider-selection {
  background: #be8cb2 !important;
}

.ngx-slider .ngx-slider-bar {
  left: 0;
  width: 100%;
  height: 6px !important;
}

.ngx-slider .ngx-slider-pointer {
  cursor: pointer;
  width: 24px !important;
  height: 24px !important;
  top: -10px !important;
  background-color: #be8cb2 !important;
}

.ngx-slider .ngx-slider-pointer:after {
  display: none !important;
}

.ngx-slider-selection-bar {
  overflow: inherit !important;
  visibility: inherit !important;
}

/* dropedown */
.dropdown-menu.show {
  width: 228px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 9px;
  border: 0px;
  padding: 0px;
  top: 0px;
}

.header-right .dropdown-menu.show {
  padding: 10px !important;
  top: 17px !important;
  right: 0px !important;
  left: auto !important;
}

.dropdown-menu.show ul {
  list-style: none;
  padding: 0;
}

.dropdown-menu.show li {
  padding: 10px 15px;
}

.dropdown-menu.show .features-menu li a {
  padding: 15px 15px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #111111;
  display: block;
  border-radius: 6px;
  text-align: center;
}

.dropdown-menu.show .features-menu li a:hover {
  color: #ac78a4;
  background: #f5eff4;
}

.dropdown-menu.show .features-menu li {
  padding: 0px;
  border-radius: 6px;
}

.dropdown-menu.show li:hover {
  background-color: #ededed;
}

.notification-bing .notice-label {
  width: 5px;
  height: 5px;
  position: absolute;
  top: 5px;
  right: 10px;
  border-radius: 50%;
  background-color: #ee6767;
}

.header .dropdown-user span {
  letter-spacing: 0.32px;
  color: #111111;
  font-size: 16px;
  font-weight: 500;
}

.dropdown-menu.show ul li label,
.iti__country-name,
.iti__dial-code {
  padding: 0px 0;
  text-align: left;
  font: normal normal normal 14px Quicksand;
  letter-spacing: 0px;
  color: #1b1c1d;
  cursor: pointer;
  margin-bottom: 0px;
  font-size: 14px;
  white-space: unset;
}

.dropdown-item {
  padding: 0px;
  color: #292929;
  font-size: 15px;
  font-weight: 500;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: inherit;
}

.table-box .grlistDropDwon.dropdown-menu.show {
  border: transparent;
  border-radius: 10px;
  width: 230px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  position: absolute !important;
  left: -100px !important;
  top: -40px !important;
}

.grlistDropDwon.threedot.dropdown-menu.show .autoComplete li {
  padding: 7px 20px;
  border-bottom: 1px solid #f1f1f1;
}

.dropdown-menu {
  padding: 0px;
}

.closeSearch {
  background-size: 9px auto;
  width: 18px;
  height: 27px;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 18px;
  opacity: 0.5;
  left: 20px;
}

.closeSearch.search {
  background: url('Search.svg') no-repeat 98% 4px;
  background-size: 16px auto;
  opacity: 1;
}

.searchBox {
  background: #f5f6f8 0% 0% no-repeat padding-box;
  border-radius: 10px;
  margin: 10px;
}

#country-search-box,
.searchBox input[type="text"] {
  border: none !important;
  height: 40px;
  background: #f5f6f8 0% 0% no-repeat padding-box;
  padding-left: 40px;
}

.selectItem {
  line-height: 60px !important;
  font: normal normal 400 16px Quicksand;
  color: #959494;
}

.form-control.date-icon {
  background: url('ic_dropdown.svg') no-repeat calc(100% - 10px)
    center / 11px;
}

.dropdown.show .date-icon {
  background: url('rev_dropdown.svg') no-repeat calc(100% - 10px)
    center / 11px;
}

.show .down-icon {
  transform: rotate(180deg);
}

.sub_lable {
  font: normal normal normal 12px Quicksand;
  letter-spacing: 0.24px;
  color: #4e4e4e;
}

/* Calculate popup css  */

.calculate-popup {
  max-width: 50%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  min-height: 100%;
  background: #fff;
}

.calculate-popup .modal-content {
  padding: 30px 80px !important;
  box-shadow: none !important;
}

.calculate-popup .modal-content .dropdown-menu {
  border: 1px solid #efefef;
  border-right: transparent;
}

.calculate-popup .modal-content .whtappliesBtn {
  margin-bottom: 15px;
}

.calculate-popup .modal-content input#inlineFormInputGroup {
  border: 1px solid #efefef;
  border-left: transparent;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.calculate-popup .modal-content .calculateBtn {
  margin-top: 15px;
}

.calculate-popup .form-control {
  height: 45px !important;
}

.calculate-popup .whiteBoxIddetails .ukSingaporeBtn {
  padding: 5px 10px !important;
  display: block;
  text-align: left;
}

.modal-confirm .modal-header {
  padding: 0px !important;
}

.modal-confirm .modal-body {
  padding: 0px !important;
}

/* end */

.option_head {
  text-align: left;
  font: normal normal 600 22px Quicksand;
  letter-spacing: 0.75px;
  color: #1b1c1d;
  margin-top: 50px;
}

.option_margin {
  margin-right: 30px;
}

.cnt_btn {
  width: calc(50% - 15px);
  float: right;
  margin-top: 50px;
}

.full_width .container {
  width: 100%;
}

.full_width_internal .container {
  width: 100%;
  padding: 50px 100px 0 100px;
}

.heading_box {
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
}

.plans_box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px;
  justify-content: center;
}

.plans_box .plan_box {
  width: 300px;
  min-height: 430px;
  background: #e8f0f8 0% 0% no-repeat padding-box;
  border-radius: 18px;
  margin: 0 20px;
  padding: 25px 20px 10px;
  margin-bottom: 30px;
}

.tag {
  border-radius: 19px;
  padding: 9px 20px;
  color: #fff !important;
  font: normal normal 500 12px Quicksand;
}

.plan_box .tab_head {
  font: normal normal 600 18px Quicksand;
  letter-spacing: 0.2px;
  color: #1b1c1d;
  padding: 20px 0;
}

.border-bottom {
  border-bottom: 1px solid #d3d4dc;
}

.border-bottom.dashed {
  border-bottom: 1px dashed #e1e7ed !important;
}

.plans_box ul,
.detail_box ul {
  padding: 0;
  list-style: none;
}

.plans_box ul li,
.detail_box ul li {
  padding: 8px 0;
  font: normal normal 500 12px Quicksand;
  background: transparent url("/assets/images/ic_tick.svg") 0% 0% no-repeat
    padding-box;
  background-position: left 14px;
  padding-left: 20px;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
}

a {
  cursor: pointer;
}

.back_orange {
  background: #eab063 0% 0% no-repeat padding-box;
}

.back_neon {
  background: #39c3cb 0% 0% no-repeat padding-box;
}

.back_purple {
  background: #9881dd 0% 0% no-repeat padding-box;
}

.back_red {
  background: #fa6d76 0% 0% no-repeat padding-box;
}

.head_text {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 1rem;
}

.amount {
  font: normal normal 600 22px Quicksand;
  letter-spacing: 0.24px;
  color: #1b1c1d;
}

.years {
  font: normal normal normal 12px Quicksand;
  letter-spacing: 0.14px;
  color: #7c7a7a;
}

.plan_box .desc {
  font: normal normal 400 12px Quicksand;
  letter-spacing: 0.48px;
  color: #1b1c1d;
}

.plan_box .send_head {
  text-align: left;
  font: normal normal 600 12px Quicksand;
  letter-spacing: 0.48px;
  color: #1b1c1d;
  margin-top: 50px;
}

.plan_box .mail_to {
  font: normal normal 500 12px Quicksand;
  letter-spacing: 0.48px;
  color: #2b3991;
}

.summary .container {
  max-width: 800px !important;
}

.summary .container .heading_box {
  text-align: left !important;
  max-width: 100% !important;
}

.summary_box {
  background: #f4f8fc 0% 0% no-repeat padding-box;
  border-radius: 18px;
  width: 100%;
  margin-top: 30px;
  padding: 30px;
}

.summary_box .summary_head {
  font: normal normal 600 18px Quicksand;
  letter-spacing: 0.68px;
  color: #1b1c1d;
}

.summary_box .detail_box {
  background: #e8f0f8 0% 0% no-repeat padding-box;
  border-radius: 18px;
  padding: 20px;
}

.summary_box .detail_box .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
}

.detail_box ul {
  padding-top: 15px;
  margin-bottom: 0;
}

.white_box {
  background: #fff 0% 0% no-repeat padding-box;
  border-radius: 18px;
  padding: 20px;
  margin: 10px 0;
}

.white_box p {
  font: normal normal 500 14px Quicksand;
  margin: 0;
  letter-spacing: 0.54px;
  color: #1b1c1d;
}

.calculation {
  color: #4e4e4e;
  font: normal normal 400 14px Quicksand;
}

.calculation_total {
  color: #1b1c1d;
  font: normal normal 500 14px Quicksand;
}

.calculation .value,
.calculation_total .value {
  text-align: right;
}

.summary .field,
.summary .value {
  padding: 5px 0;
}

.summary .count_btn {
  background: #2b3991 0% 0% no-repeat padding-box;
  border: 1px solid #2b3991;
  border-radius: 3px;
  padding: 6px 15px;
  font: normal normal 600 14px/21px Quicksand;
  color: #fff !important;
  margin: 0 10px;
}

/* Rounded sliders */
.slider.round {
  border-radius: 24px;
}

.slider.round:before {
  border-radius: 50%;
}

.main_header input:focus + .slider {
  box-shadow: 0 0 1px #328337;
}

.main_header input:checked + .slider:before {
  transform: translateX(26px);
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}

.main_header input:checked + .slider {
  background-color: #328337;
}

.switch {
  display: inline-block;
  width: 52px;
  height: 25px;
  position: absolute;
  right: 0;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* internal compenent */
.main {
  width: calc(100% - 280px);
  padding: 100px 30px;
  margin-left: 280px;
}

.main .head {
  font: normal normal 600 28px Quicksand;
  color: #1b1c1d;
}

.pointer {
  cursor: pointer;
}

.table_content .searchBox {
  position: relative;
  max-width: 400px;
  background: #f5f6f8 0% 0% no-repeat padding-box;
  margin: 10px 0 !important;
}

.table_content .searchBox input::placeholder {
  font: normal normal 400 14px Quicksand;
  letter-spacing: 0px;
  color: #b2b2b2 !important;
}

.table_content .closeSearch {
  top: 8px;
  left: 13px;
}

.table_content {
  margin-top: 30px;
}

.table_head {
  font: normal normal 600 18px Quicksand;
  letter-spacing: 0.68px;
  color: #1b1c1d;
}

.table-box {
  margin-top: 30px;
}

.scroller {
  margin-bottom: 15px;
  overflow: auto;
}

.scroller {
  overflow-y: auto;
}

.scroller::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #e9e9e9;
}

.scroller::-webkit-scrollbar-thumb {
  background-color: #ac78a4;
}

.table-box table {
  width: 100%;
}

.table-box table thead {
  border-bottom: 5px solid white;
}

.table-box table thead th {
  background: #f4f8fc 0% 0% no-repeat padding-box;
  padding: 10px;
  font: normal normal 600 13px Quicksand;
  letter-spacing: 0.3px;
  color: #1b1c1d;
  height: 80px;
  vertical-align: text-bottom;
}

.table-box table tbody tr {
  font: normal normal 400 12px Quicksand;
  letter-spacing: 0.3px;
  color: #1b1c1d;
  height: 80px;
  border-bottom: 5px solid white;
}

.table-box table tbody tr td {
  padding: 10px;
  min-width: 100px;
}

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

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

.table-box table tbody td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

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

.table_row_red {
  background: #f9eeee;
}

.table_row_yellow {
  background: #faf7e5;
}

.table_row_green {
  background: #edfaf3;
}

.table_row_grey {
  background: #f8f9fa;
}

.radio_box {
  border: 1px solid #efefef;
  border-radius: 10px;
  position: relative;
  min-height: 50px;
  margin: 20px 0;
}

.radio_box .radio_label {
  text-align: left;
  font: normal normal 400 15px Quicksand;
  letter-spacing: 0px;
  color: #4e4e4e;
  padding: 12px 35px 12px 15px;
}

.question_box {
  word-wrap: break-word;
}

.info {
  background: url(/assets/images/ic_info.svg) 0% 0% no-repeat padding-box;
  height: 25px;
  width: 25px;
}

p.profileName {
  word-wrap: break-word;
}

.page-sidebar ul li.active img.colorize-color {
  stroke: #fff;
}

/* body.sidebar-mini */

body.sidebar-mini .side-menu > li > a > .nav-label p {
  display: none !important;
}

body.sidebar-mini .page-sidebar {
  width: 101px !important;
  padding-top: 0px;
}

body.sidebar-mini .content-wrapper {
  margin-left: 100px;
}

body.sidebar-mini .main {
  width: calc(100% - 100px) !important;
  margin-left: 100px;
}

body.sidebar-mini .innerHeader .header-right {
  width: calc(100% - 100px) !important;
}

body.sidebar-mini .outer-logo.ex {
  width: 101px;
  border-bottom: 1px solid #e7e7e7;
}

.ng-scrollbar-thumb {
  background-color: #ac78a4 !important;
  border-radius: 1px !important;
}

.ng-scrollbar-wrapper > scrollbar-y.scrollbar-control > .ng-scrollbar-track {
  background: #e9e9e9 0% 0% no-repeat padding-box !important;
}

body.sidebar-mini .outer-logo.ex img {
  max-width: 50px;
}

body.sidebar-mini .side-menu li i.sidebar-item-icon.ic_dashboard {
  margin-right: 0px !important;
  text-align: left;
}

body.sidebar-mini span.icon-bar.line-first {
  width: 20px;
}

body.sidebar-mini span.icon-bar.line-second {
  width: 20px;
}

body.sidebar-mini span.icon-bar.line-third {
  width: 20px;
  margin-left: 0px;
}

/* ======  whatsPopup start ======== */

i.ic_red {
  width: 12px;
  height: 12px;
  background: #f31b26;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50px;
  margin-right: 5px;
}

i.ic_yellow {
  width: 12px;
  height: 12px;
  background: #f2b626;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50px;
  margin-right: 5px;
}

i.ic_green {
  width: 12px;
  height: 12px;
  background: #15ad55;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50px;
  margin-right: 5px;
}

.whatsPopup .modal-content {
  border-radius: 24px;
}

.whatsPopup .modal-content h4.modal-title {
  font-size: 20px;
  margin-bottom: 25px;
  text-align: center !important;
  color: #1b1c1d;
  font-weight: 600;
}

.whatsPopup .modal-content h6 {
  font-size: 16px;
  margin: 10px 0px;
  color: #1b1c1d;
  font-weight: 600;
}

.whatsPopup .modal-content .modal-header {
  padding: 30px 30px 15px;
}

.whatsPopup .modal-content p {
  font-size: 14px;
  font-weight: 600;
  color: #1b1c1d;
}

.whatsPopup .modal-content ul {
  margin: 0px;
  padding: 0px !important;
}

.calculate-popup.modal-confirm.modal-dialog.modal-dialog-centered.w-5 {
  align-items: unset !important;
}

.whatsPopup .modal-content ul li {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 20px;
  position: relative;
  padding-left: 25px;
}

.whatsPopup .modal-content ul li i.ic_check {
  position: absolute;
  top: 0px;
  left: 5px;
}

.whatsPopup .modal-content .modal-body {
  padding: 40px;
}

/* star css */

.starWrap span.bs-rating-star {
  font-size: 40px;
  display: inline-block;
  line-height: 40px;
  margin-right: 8px;
  color: #ffae15;
  opacity: 0.2;
}

.starWrap span.bs-rating-star.active {
  color: #ffae15;
  opacity: 1;
}

/* star css */
.calendar-box .bs-datepicker {
  background: #f8f7fa 0% 0% no-repeat padding-box;
  box-shadow: none;
}

/* ======  whatsPopup start end ======== */

/* share Popup css  */
.sharePopup .modal-content {
  border-radius: 24px;
}

.sharePopup .ic_cross {
  position: absolute;
  top: -10px !important;
  right: 0px !important;
  display: inline-block;
  vertical-align: middle;
}

.sharePopup .modal-content {
  padding: 40px !important;
  border-radius: 20px !important;
}

.sharePopup h4.text-center {
  margin-bottom: 24px;
}

.sharePopup .modal-body p.text-center {
  font-size: 14px;
}

.sharePopup input.form-control {
  height: 50px;
}

.sharePopup input.form-control.pr-5 {
  font-size: 14px;
}

/*   quitPopup    */
.question-mark {
  max-width: 120px;
}

.quitPopup .modal-content {
  padding: 40px !important;
  border-radius: 24px !important;
}

.quitPopup .modal-content .modal-body {
  padding: 0px !important;
}

.btn.active {
  border: 1px solid #b2b2b2;
  border-radius: 12px;
  color: #e61313;
}

.modal-body h6 {
  font-size: 20px;
  margin: 30px 0px 10px;
}

.modal-dialog.teamDetail-popup .modal-body h6 {
  margin: 0px;
}

.modal-dialog.teamDetail-popup .modal-body h6:last-child {
  text-align: right;
  font-weight: 500;
}

/* no_result_found css */

.no_result_found {
  max-width: 350px;
  margin: 40px auto;
  text-align: center;
  padding: 20px;
}

.no_result_found img {
  max-width: 250px;
  margin-bottom: 10px;
}

.no_result_found p {
  color: #3e3f40;
}

/* no_result_found css end */

/* ====== Add User Popup ======== */

.sideBar-modal {
  max-width: 60%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  min-height: 100%;
  background: #fff;
  transition: transform 0.3s ease-out;
  transform: translate(25%, 0);
  transform: translate(0, 0);
}

.sideBar-modal .modal-content {
  border-bottom: transparent;
}

.modal.fade.show .modal-dialog.sideBar-modal {
  transform: translate(0, 0);
}

.modal.fade .modal-dialog.sideBar-modal {
  transition: transform 0.3s ease-out;
  transform: translate(25%, 0);
}

.modal-lg.sideBar-modal .modal-header {
  padding: 30px 80px 0px 80px;
  border-bottom: 0px;
}

.modal-lg.sideBar-modal .modal-body .form-group label {
  color: #1b1c1d;
  margin-bottom: 10px;
}

.modal-lg.sideBar-modal .modal-body .form-group .form-control {
  border: 1px solid #efefef;
  border-radius: 10px;
  color: #3e3f40 !important;
  height: 50px;
  padding: 0px 10px;
  appearance: none;
}

.modal-lg.sideBar-modal .form-group .tagline {
  display: inline-block;
  font-size: 11px;
  margin: 0px 0px 10px 10px;
}

.modal-lg.sideBar-modal .modal-body {
  padding: 10px 80px 30px 80px;
}

.modal-lg.sideBar-modal h4.modal-title {
  font-size: 24px;
}

.modal-lg.sideBar-modal h5.sub-title {
  font-size: 20px;
  margin-bottom: 5px;
}

.myLicensewrap {
  margin-top: 30px;
}

.license-option {
  width: 100%;
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #efefef;
  border-radius: 10px;
  padding: 18px 25px;
  position: relative;
  margin: 10px 0px;
  display: flex;
  justify-content: space-between;
}

.license-option li {
  display: inline-block;
  vertical-align: middle;
}

.license-option li .radio {
  top: 25px;
}

.license-option li span {
  display: block;
  font-size: 12px;
}

.license-option li strong {
  font-size: 14px;
  display: block;
}

.license-option.active_option {
  background: #fff9f0 0% 0% no-repeat padding-box;
  border: 1px solid #e88500;
}

/* button bottom space only use class name */
.bottom_space {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 80px);
}

.bottom_btn {
  margin: auto;
}

/* button bottom space only use class name */
.editrolepopup.modal-dialog.modal-lg.sideBar-modal {
  width: 40% !important;
}

.editrolepopup.modal-dialog.modal-lg.sideBar-modal
  .form-group.bottom_btn
  button {
  width: 100%;
}

.modal-dialog.modal-lg.reassignlicensePopup.sideBar-modal {
  width: 40%;
}

.main {
  position: relative;
}

/* ======== pagination-wrapper css ============ */

.pagination-wrapper {
  position: absolute;
  bottom: -20px;
  left: 0px;
  background: #fff;
  padding: 0px 40px;
  width: 100%;
}

.ngx-pagination {
  margin: 0;
  padding: 0px;
}

.ngx-pagination .disabled {
  padding: 10px 27px !important;
  cursor: default;
  border: 1px solid #dad8d8;
  border-radius: 20px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #4c4c4b;
}

.ngx-pagination a:hover,
.ngx-pagination button:hover {
  text-decoration: none;
  color: #fff;
  background-color: #8174b2 !important;
  border-color: #8174b2 !important;
  border-radius: 20px;
}

.pagination-wrapper .pagination-previous a:before {
  display: none !important;
}

.pagination-wrapper .pagination-previous.disabled:before {
  display: none !important;
}

.pagination-previous a:before {
  display: none !important;
}

.pagination-next a:after {
  display: none !important;
}

.ngx-pagination .current {
  padding: 10px 27px !important;
  background: #8174b2 !important;
  border: 1px solid #8174b2;
  border-radius: 20px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #ffffff;
}

.ngx-pagination a {
  padding: 10px 27px !important;
  border: 1px solid #dad8d8;
  border-radius: 20px !important;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
}

.pagination-next a {
  padding: 10px 27px !important;
  border: 1px solid #dad8d8;
  border-radius: 20px !important;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
}

.ngx-pagination li {
  margin-right: 5px !important;
}

.pagination-previous a {
  border: transparent !important;
}

.buyLicence.btn {
  height: 50px !important;
}

.white_box ul .li.totalprice p {
  font-weight: 600;
}

/* =============== pagination ====== */

.page-item.disabled .page-link {
  pointer-events: none;
  border: 1px solid #dad8d8;
  border-radius: 20px;
  letter-spacing: 0px;
  color: #4c4c4b;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  width: auto;
}

li.paginate_button.page-item {
  margin-right: 10px;
}

.page-item.active .page-link {
  background: #8174b2 0% 0% no-repeat padding-box;
  border: 1px solid #8174b2;
  border-radius: 20px;
  letter-spacing: 0px;
  color: #ffffff;
}

.page-link {
  width: 40px;
  height: 40px;
  text-align: center;
  position: relative;
  background: #ffffff00 0% 0% no-repeat padding-box;
  border: 1px solid #c7c8c3;
  border-radius: 20px;
  letter-spacing: 0px;
  color: #4c4c4b;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.page-link:hover {
  z-index: 2;
  background: #8174b2 0% 0% no-repeat padding-box;
  border: 1px solid #8174b2;
  border-radius: 20px;
  letter-spacing: 0px;
  color: #ffffff;
}

.w-8 {
  min-width: 800px;
}

.iti {
  width: 100%;
}

.country-dropdown {
  max-width: 375px;
}

.search-container {
  padding: 5px;
}

.iti__country-list {
  max-height: 150px;
}

.dropdown-menu {
  max-height: 300px;
  overflow: auto;
}

.cancel {
  opacity: 1 !important;
}

.modal-confirm .modal-content {
  padding: 20px;
  border-radius: 24px;
  border: none;
  text-align: center;
  font-size: 14px;
  box-shadow: 10px 10px 20px #00000029;
}

.modal-confirm .modal-header {
  border-bottom: none;
  position: relative;
  display: block;
}

.modal-confirm .blueText {
  color: #2b3991;
}

.modal-confirm .form-group label {
  text-align: left;
}

.modal-confirm .modal-header span img {
  padding-right: 5px;
}

.modal-confirm h4 {
  text-align: center;
  font-size: 26px;
  margin: 30px 0 10px;
}

.modal-confirm .modal-body {
  color: #1b1c1d;
}

.modal-confirm .modal-footer {
  border: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
  padding: 10px 15px 10px;
}

.modal-confirm .modal-footer a {
  color: #999;
}

.modal-confirm .icon-box {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  z-index: 9;
  text-align: center;
  border: 3px solid #f15e5e;
}

.modal-confirm .icon-box i {
  color: #f15e5e;
  font-size: 46px;
  display: inline-block;
  margin-top: 13px;
}

.content-wrapper {
  position: relative;
  background-color: #fff;
  margin-left: 275px;
  padding: 120px 40px 60px 40px;
  transition: margin 0.2s ease-in-out;
}

/*new*/

.modal-confirm .btn,
.modal-confirm .btn:active {
  color: #fff;
  border-radius: 32px;
  text-decoration: none;
  transition: all 0.4s;
  /* line-height: 22px; */
  border: none;
  margin: 0 5px;
}

.modal-confirm .btn-secondary {
  background: #c1c1c1;
}

.modal-confirm .btn-secondary:hover,
.modal-confirm .btn-secondary:focus {
  background: #a8a8a8;
}

.modal-confirm .btn-danger {
  background: #f15e5e;
}

.modal-confirm .btn-danger:hover,
.modal-confirm .btn-danger:focus {
  background: #ee3535;
}

.modal-confirm .trigger-btn {
  display: inline-block;
  margin: 100px auto;
}

.modal-confirm .modal-footer {
  display: block;
}

.modal-confirm button.delete_account {
  width: 100%;
  border: 1px solid #b2b2b2;
  display: block;
  padding: 10px;
  width: 100%;
  background: transparent;
  color: #e61313;
  border-radius: 8px;
  outline: none;
}

.modal-confirm .cancel_btn {
  border: 1px solid transparent;
  display: block;
  padding: 10px;
  width: 100%;
  background: transparent;
  color: #a5a7b7;
  outline: none;
}

.iti__selected-flag {
  max-width: 50px;
}

.iti.separate-dial-code input {
  padding-left: 50px !important;
}
.iti.separate-dial-code input .inputPhone {
  font-family: "Quicksand", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
.No_found {
  padding-left: 12px;
}

.dropdown-menu.show ul li label,
.iti__country-name,
.iti__dial-code,
.selectItem {
  text-transform: auto;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.text-danger {
  text-align: left;
  font-size: 13px;
  font-weight: 500;
}

.img_up {
  max-width: 80px;
  cursor: pointer;
}

.dropdown-menu.country-dropdown.show {
  width: 300px !important;
}

.iti__flag {
  display: none;
}

input#country-search-box {
  padding-left: 15px !important;
}

.dropdown-menu.show ul .iti__flag {
  display: block;
}

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

.No_found_data {
  text-align: center;
  margin-top: 40px;
  width: 100%;
}

.btn.text-blue {
  letter-spacing: 0.54px;
  color: #2b3991;
  text-transform: capitalize;
  border: 1px solid #2b3991;
  border-radius: 8px;
}

.modal-body.infopopup h6 {
  font-weight: 600;
}

.modal-body.infopopup p {
  font-size: 14px;
}

.Notification_msg p {
  margin-bottom: 5px;
}

.Notification_msg {
  background: rgb(215 221 255) !important;
}

.Notification_msg p,
.Notification_msg h4 {
  font-size: 15px;
  color: #333;
}

.pulse1 {
  display: block;
  position: absolute;
  top: 5px;
  left: 20px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2b3991;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(50, 68, 179, 0.9);
  animation: pulse1 2s infinite;
}

.pulse1:hover {
  animation: none;
}

.save-exit {
  font: normal normal bold 15px/23px Quicksand;
  letter-spacing: 0.72px;
  color: #8174b2 !important;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #909090;
  border-radius: 32px;
  padding: 8px 20px;
  text-decoration: none;
  display: inline-block;
}

.language {
  margin-left: auto;
}

.progress {
  height: 4px;
  border-radius: 0px 4px 4px 0px;
  background: #f2e9f0 0% 0% no-repeat padding-box;
}

.progress-bar {
  background: #be8cb2 0% 0% no-repeat padding-box;
}

@keyframes pulse1 {
  0% {
    box-shadow: 0 0 0 0 rgba(9, 173, 149, 0.7);
  }

  70% {
    box-shadow: 0 0 0 10px rgba(9, 173, 149, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(9, 173, 149, 0);
  }
}

.email-check {
  max-width: 440px;
  text-align: center;
}

.email-check p {
  font-weight: 500;
  font-size: 15px;
}

.email-check p span {
  font-weight: 600;
  color: #8174b2;
}

.image-box {
  display: block;
}

.swal-Alerts {
  max-width: 325px;
  border-radius: 15px;
  background: #fff;
}

.swal-Alerts .swal2-title {
  display: block;
  font-size: 22px;
  font-weight: 600;
  color: #333;
  margin-top: 10px;
  margin-bottom: 8px;
}

.swal-Alerts .swal2-html-container {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 500;
}

.swal-Alerts .swal2-confirm {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 112px;
  border-radius: 32px;
  margin-bottom: 5px;
  background: no-repeat;
  background: #f4f2ff 0% 0% no-repeat padding-box;
  border: 1px solid #8174b2;
  color: #8373a4;
  font-weight: 600;
}

.swal-Alerts .swal2-confirm:hover {
  background: none;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

.swal2-html-container {
  margin: 1em 1.25em 0.3em;
}

:where(.swal2-styled).swal2-confirm:focus {
  box-shadow: inherit !important;
  outline: none;
  box-shadow: 0px 0px 0px !important;
}

:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
  background-image: none !important;
}

@keyframes fadein {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    transform: none;
    transform: translate3d(0, 0, 0);
  }
}

/* ========= */
.page-heading {
  display: flex;
}

.flexbox {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.page-heading .page-title {
  font-size: 22px;
  margin: 15px 0 15px 0;
  display: inline-block;
  font: normal normal bold 26px/42px Quicksand;
  letter-spacing: 0px;
  color: #111111;
  margin: 0px;
}

.right-panel {
  display: flex;
  align-items: center;
  margin-left: auto;
}

a.add-btn {
  background: #8174b2 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 6px #00000002;
  border-radius: 25px;
  font: normal normal 600 14px/20px Quicksand;
  letter-spacing: 0px;
  color: #ffffff !important;
  padding: 13px 24px;
}

.modal-dialog.teamDetail-popup .modal-body h6 {
  width: 50%;
  font-weight: 600;
}

.modal-dialog.teamDetail-popup .modal-body h6 span i {
  display: inline-block;
  word-wrap: break-word;
  margin-left: 10px;
  margin-bottom: 10px;
}

.col-left {
  position: relative;
}

.col-left .input-icon {
  position: absolute;
  left: 17px;
  top: 7px;
}

.col-left .input-icon img {
  width: 15px;
}

a.filter {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #dad8d8;
  border-radius: 25px;
  display: inline-block;
  padding: 9px 20px;
  letter-spacing: 0px;
  color: #111111;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}

a.filter img {
  width: 15px;
  margin-left: 5px;
}

a.cross-btn {
  position: absolute;
  right: 2px;
  top: 3px;
  padding: 2px 7px;
  color: #726969;
}

a.cross-btn img {
  width: 22px;
}

/* ======= filter POPUPS ========== */

.filter-title {
  font: normal normal 600 18px/51px Quicksand;
  letter-spacing: 0px;
  color: #111111;
}

ul.button-wrap {
  margin: 0px;
  padding: 0px;
}

ul.button-wrap li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}

ul.button-wrap li input[type="radio"] + label {
  width: 100%;
  height: 100%;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #e2e7e7;
  border-radius: 25px;
  font-size: 14px;
  padding: 10px 20px;
  letter-spacing: 0.91px;
  letter-spacing: 0.91px;
  color: #5a5a5a;
  margin-bottom: 20px;
}

ul.button-wrap li input[type="radio"]:checked + label {
  width: 100%;
  height: 100%;
  background: #f4f2ff 0% 0% no-repeat padding-box;
  border: 1px solid #8174b2;
  color: #5a5a5a;
}

ul.button-wrap li input {
  display: none !important;
}

.radio-wrap .radio {
  margin: 0;
  display: inline-block;
  margin-right: 20px;
}

.radio-wrap input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.radio-wrap input[type="radio"] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: 1px;
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}

.radio-wrap input[type="radio"]:checked + .radio-label:before {
  background-color: #8174b2;
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border: 1px solid #8174b2;
}

.radio-wrap input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197ee;
}

.radio-wrap input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}

.radio-wrap .radio label.radio-label {
  cursor: pointer;
}

.salary-wrap {
  padding: 30px 0px;
}

.salary-wrap p.sub-heading {
  font: normal normal bold 19px/35px Quicksand;
}

.salary-wrap .sub-heading {
  margin-bottom: 5px;
}

.salary-wrap span.salary-desc {
  font-size: 14px;
  letter-spacing: 0px;
  color: #5a5a5a;
  opacity: 1;
  display: inline-block;
}

.buttons {
  display: flex;
  text-align: center;
}

.apply-btn {
  width: auto;
  padding: 17px 50px;
  /* width: 49%; */
}

.apply-btn:hover {
  color: #fff !important;
}

.apply-btn {
  width: 49%;
}

.clear-btn {
  padding: 17px 50px;
  width: 49%;
  text-decoration: underline;
  font: normal normal bold 14px/18px Quicksand;
  letter-spacing: 0.28px;
  color: #9a9a9a;
}

.unfill-btn {
  border: 1px solid #dcdddf;
  color: #909090 !important;
  background: transparent;
}

.modal-footer > :not(:last-child) {
  margin-right: 10px !important;
}

.modal-footer.buttons {
  padding: 0px 30px 30px;
}

.gradient-bg {
  position: relative;
  padding: 20px;
}

.gradient-bg strong {
  display: block;
  margin-bottom: 10px;
  font: normal normal bold 18px/23px Quicksand;
  letter-spacing: 0px;
  color: #111111;
}

.gradient-bg p {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #111111;
}

.gradient-bg::after {
  content: "";
  background: transparent
    linear-gradient(259deg, var(--unnamed-color-b6c678) 0%, #8174b2 100%) 0% 0%
    no-repeat padding-box;
  background: transparent linear-gradient(259deg, #e9b9f8 0%, #8174b2 100%) 0%
    0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 0.14;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.deactivate-popup.modal-dialog .title.mb-4.mt-1 {
  text-align: center;
  margin: 0 auto;
}

.deactivate-popup.modal-dialog p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  margin: 0px;
}

.delete-popup.modal-dialog .title.mb-4.mt-1 {
  text-align: center;
  margin: 0 auto;
}

.delete-popup.modal-dialog p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  margin: 0px;
}

a.btn.button-primary.delete-btn {
  padding: 17px 0px !important;
}

a.btn.button-primary.unfill-btn.edit-btn {
  padding: 17px 0px !important;
}

/* modal-right */

.modal-dialog.modal-right {
  position: fixed;
  right: -600px;
  transition: opacity 0.3s linear, right 0.3s ease-out;
  margin: auto;
  max-width: 100%;
  width: 600px;
  height: 100%;
  transform: translate3d(0%, 0, 0);
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.show .modal-dialog.modal-right {
  right: 0;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal-dialog.modal-right .modal-content {
  height: 100%;
  border-radius: 0;
  border: none;
}

.modal-dialog.modal-right .modal-header {
  padding: 40px 28px 20px;
}

.modal-dialog.modal-right .modal-body {
  padding: 20px 28px;
  background: #f5f5f5;
}
.modal-dialog.modal-right.rightSide .modal-body {
  padding: 0px 0px 20px;
  background: #f5f5f5;
}

/* table common css  */

.table-page .table thead {
  background: #f5f5f5;
}

.table-page .table thead th {
  padding: 20px 20px;
  border-top: 1px solid transparent;
}

.table-page .table-bordered th {
  padding: 25px 20px;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.table-page .table-bordered td {
  padding: 0px;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

.table-page .table-bordered td a {
  display: inline-block;
  padding: 20px 20px;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

.table-page .table-striped tbody tr:nth-of-type(odd) {
  background: transparent;
}

.table-page .table-bordered td a span.pending {
  background: #f79b59 0% 0% no-repeat padding-box;
  border-radius: 28px;
  font: normal normal medium 14px/42px Quicksand;
  letter-spacing: 0px;
  display: inline-block;
  padding: 4px 15px;
  line-height: 22px;
  color: #ffffff;
}

.table-page .table-bordered td a span.delete {
  background: #eb7b7c 0% 0% no-repeat padding-box;
  border-radius: 28px;
  font: normal normal medium 14px/42px Quicksand;
  letter-spacing: 0px;
  display: inline-block;
  padding: 4px 15px;
  line-height: 22px;
  color: #ffffff;
}

.table-page .table-bordered td a span.active {
  background: #b2c66c 0% 0% no-repeat padding-box;
  border-radius: 28px;
  font: normal normal medium 14px/42px Quicksand;
  letter-spacing: 0px;
  display: inline-block;
  padding: 4px 15px;
  line-height: 22px;
  color: #ffffff;
}

.table-page .table-bordered td a {
  font: normal normal 600 16px/42px Quicksand;
  letter-spacing: 0px;
  color: #111111;
}

.table-page .table-bordered td a img {
  width: 35px;
  margin-right: 10px;
  height: 35px;
  border-radius: 50%;
}

.small-title {
  font: normal normal 700 18px Quicksand;
  letter-spacing: 0px;
  color: #182138;
}

.small-title .date {
  font: normal normal 600 12px Quicksand;
  letter-spacing: 0.24px;
  color: #3e3e3b;
  background: #fff0f0 0% 0% no-repeat padding-box;
  border-radius: 16px;
  padding: 2px 10px;
}

.payment-details {
  background: #f8f8f8 0% 0% no-repeat padding-box;
  border-radius: 8px;
  padding: 20px;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.payment-details span {
  font: normal normal 600 20px Quicksand;
  letter-spacing: 0px;
  color: #111111;
}

.payment-details p {
  font: normal normal 600 16px Quicksand;
  letter-spacing: 0px;
  color: #2b2b2b;
  margin: 0;
}

.add-btn.transparent-btn {
  border: 1px solid #8174b2;
  border-radius: 25px;
  background-color: #fff;
  color: #8174b2 !important;
}

.payment-details img {
  margin-right: 10px;
}

/* end */

.modal-confirm.modal-dialog.modal-dialog-centered.reschedule {
  width: 100%;
  max-width: 700px;
}

/* FAQ's css */

.faq .faq-list li .card {
  border: transparent;
}

.faq .faq-list li .panel-heading.card-header.panel-enabled {
  padding: 20px;
  background: transparent linear-gradient(260deg, #f4f7eb 0%, #fff4ec 100%) 0%
    0% no-repeat padding-box;
  border-radius: 4px;
  position: relative;
  border: transparent;
}

.faq .faq-list li .panel-title {
  padding-right: 20px;
}

.faq .faq-list li button.btn.btn-link {
  font: normal normal bold 20px/25px Quicksand;
  letter-spacing: 0.4px;
  color: #111111;
  text-align: left;
  padding: 0px;
  height: auto;
}

.faq .faq-list li button.btn.btn-link:hover {
  text-decoration: none;
}

.faq .faq-list li .panel-body.card-block.card-body {
  padding: 0px 20px 20px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  font-family: Quicksand;
  letter-spacing: 0.18px;
  color: #5a5a5a;
}

.faq
  .faq-list
  li
  .accordion-group.panel.card.panel-open
  .panel-heading.card-header.panel-enabled {
  background: #e9e6ef !important;
}

.faq .faq-list li accordion-group.panel.card.panel-open {
  background: #e9e6ef !important;
}

.faq
  .faq-list
  li
  accordion-group.panel.card.panel-open
  .panel-heading.card-header.panel-enabled {
  background: #e9e6ef !important;
}

.faq
  .faq-list
  li
  .panel-collapse.collapse.in.show
  .panel-body.card-block.card-body {
  background: #e9e6ef;
}

/* .faq .faq-list li .panel-body.card-block.card-body::after {
  content: '';
  background: #E9E6EF 0% 0% no-repeat padding-box;
  border-radius: 6px;
  opacity: 0.39;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
} */

.faq .faq-list li .accordion .panel-open .panel-default.card::after {
  transform: rotate(180deg);
  transition: 0.5s ease;
}

.faq .faq-list li .accordion .panel-default.card:after {
  width: 20px;
  height: 20px;
  content: "";
  background: url('ic_dropdown2.svg');
  position: absolute;
  top: 25px;
  right: 20px;
  font-family: "FontAwesome";
  transition: 0.5s ease;
  background-repeat: no-repeat;
}

/* select-user-form css  Appointments */
.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {
  display: none;
}

.select-user-form .multiselect-dropdown .dropdown-btn {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 55px;
  line-height: 36px !important;
  line-height: 1.42857143;
  color: #3e3f40 !important;
  border: none;
  border: 1px solid #bfbfbf;
  outline: none;
  border-radius: 10px !important;
  box-shadow: none;
  background: #fff 0% 0% no-repeat padding-box;
  padding: 8px 35px 8px 14px !important;
  font-size: 14px;
  font-weight: 500;
  resize: none;
}

.select-user-form input {
  height: 45px !important;
  border-radius: 10px !important;
  border: 1px solid #bfbfbf !important;
  padding: 10px 15px !important;
}

/* select-user-form css  Appointments end */

.internalnote-popup.modal-dialog textarea.internal_note {
  height: 100px;
}
.bs-datepicker-body span.custom-today-class {
  background: #e9edf0 !important;
  border-radius: 50%;
}

.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
  border: 1px solid #8174b2 !important;
  margin-right: 4px;
  margin-bottom: 4px;
  background: #8174b2 !important;
  padding: 0px 5px;
  color: #fff;
  border-radius: 2px;
  float: left;
  background: #8174b2 0% 0% no-repeat padding-box !important;
  margin-top: 0px;
}
.multi .multiselect-dropdown .dropdown-btn {
  height: 50px !important;
  line-height: 30px !important;
}

/* ======= responsive css start ======== */

@media (max-width: 1400px) and (min-width: 1200px) {
  a.btn-grey {
    min-width: 170px !important;
  }
}

@media (max-width: 1400px) {
  a.btn.button-primary.delete-btn {
    padding: 9px 0px !important;
  }

  a.btn.button-primary.unfill-btn.edit-btn {
    padding: 9px 0px !important;
  }
  .main_content {
    margin-top: -61px;
  }
  .showPass {
    top: 9px;
  }

  .table thead th {
    font-size: 14px !important;
  }
  .table-bordered td a {
    font-size: 13px !important;
  }

  .content-wrapper {
    margin-left: 230px;
    padding: 80px 30px 40px 30px;
  }

  .back-btn {
    margin-bottom: 10px !important;
  }

  .steps {
    padding: 10px 15px !important;
    font-size: 12px !important;
  }

  .title .header.sub-heading i img {
    width: 18px !important;
  }

  .title .header.sub-heading {
    font-size: 18px !important;
    line-height: 25px;
    margin-bottom: 5px;
  }

  .main_content .right-side {
    padding: 85px 40px 40px;
  }

  .free {
    font-size: 14px;
  }

  .right-side .title.mb-4 {
    margin-bottom: 15px !important;
  }

  input[type="text"],
  input[type="number"],
  input[type="password"],
  input[type="email"],
  input[type="search"],
  input[type="tel"],
  select,
  #country-search-box,
  .form-control,
  textarea {
    font-size: 14px;
    border-radius: 8px;
  }

  .form-group .cover-label label {
    top: -9px;
    font-size: 12px;
  }

  .verify-btn {
    font-size: 12px;
    top: 12px;
  }

  .verify-btn i {
    margin-top: 0px;
    margin-right: 2px;
  }

  .verify-btn a.active img {
    width: 15px;
  }

  button.btn.button-primary.mt-5.mb-3 {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    font-size: 14px;
  }

  .or.mt-5.mb-5 {
    margin: 10px 0px 25px !important;
  }

  .soical-links a {
    font-size: 14px;
    padding: 13px !important;
    margin-bottom: 15px;
  }

  .soical-links a span.phone img {
    width: 11px;
  }

  .soical-links a span.apple img {
    width: 18px;
  }

  .soical-links a span.fb img {
    width: 18px;
  }

  .page-content .title .header {
    font-size: 18px;
    line-height: 35px;
  }

  .slider-tx {
    left: 60px;
    right: 60px;
    font-size: 16px;
    line-height: 28px;
    width: 500px;
  }

  .soical-links a span.email img {
    width: 18px;
  }

  p.smalls {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .modal-dialog.teamDetail-popup .modal-body h6 {
    width: 50%;
    font-size: 16px;
  }

  .cover-label span.currency-name {
    width: auto;
    line-height: 35px;
    top: 4px;
  }

  .title p {
    font-size: 14px;
  }

  .main_content .title .header,
  .modal-header .title .header,
  .page-content .title .header {
    font-size: 20px;
    line-height: 25px;
  }

  .modal-header {
    border-bottom: 0px;
    padding: 30px 30px 0px;
  }

  .modal-body {
    padding: 0px 30px 20px;
  }

  a.filter {
    padding: 7px 12px;
    font-size: 14px;
  }

  .modal-confirm .btn,
  .modal-confirm .btn:active {
    font-size: 14px;
  }

  input[type="text"],
  input[type="number"] input[type="password"],
  input[type="email"],
  input[type="search"],
  input[type="tel"],
  select,
  #country-search-box,
  .form-control,
  textarea {
    height: 45px;
  }

  .form-row {
    margin-right: 0px;
    margin-left: 0px;
  }

  .showDiv {
    height: 45px !important;
  }

  .btn {
    height: 45px;
    line-height: 22px;
    font-size: 16px;
    padding: 10px 35px;
  }

  .dropdown-menu.show .features-menu li a {
    padding: 10px 10px;
    font-size: 12px;
  }

  .header-right .dropdown-menu.show {
    top: 8px !important;
  }

  .dropdown-menu.show {
    width: 180px;
  }

  .main_content .title .smalls,
  .modal-header .title .smalls {
    margin: 5px 0px;
  }

  .icon_div:after {
    top: 20px;
  }

  /* team page */

  .page-heading .page-title {
    font-size: 20px;
    line-height: 24px;
  }

  .apply-btn {
    padding: 10px 20px;
    color: #fff !important;
  }

  .modal-footer.buttons {
    padding: 0px 30px 30px;
  }

  .title.mb-4.mt-1 {
    margin-bottom: 10px !important;
  }

  .modal-body ul.sortby li a {
    font-size: 16px;
    line-height: normal;
  }

  .ngx-pagination .disabled {
    padding: 6px 20px !important;
    font-size: 14px;
  }

  .ngx-pagination .current {
    padding: 6px 20px !important;
    font-size: 14px;
  }

  .ngx-pagination a {
    padding: 6px 20px !important;
    font-size: 14px;
  }

  .teamDetail-popup .modal-body ul li {
    margin-bottom: 15px;
  }

  .teamDetail-popup .modal-body ul li .modal-body h6 {
    font-size: 18px !important;
  }

  .filter-popup.modal-dialog {
    max-width: 450px;
  }

  .modal-dialog.sort-popup {
    max-width: 450px;
  }

  .modal-dialog.sort-popup .modal-header {
    padding: 30px 30px 20px;
  }

  .table thead th {
    padding: 12px 12px !important;
    font-size: 14px;
  }

  .table-bordered td a {
    padding: 12px 12px !important;
    font-size: 14px;
  }
}

/* media query for tab and mobile */

@media (max-width: 1200px) {
  .table-scroll {
    overflow-x: scroll;
  }

  .table {
    width: 1080px !important;
  }

  .soical-icons {
    top: 10px !important;
  }

  .slider-tx {
    left: 0;
    right: 0;
    font-size: 16px;
    line-height: 28px;
    max-width: 450px;
    padding: 50px;
  }

  /* profile-option css  */
  .full_lenght_right .container {
    width: 100%;
  }

  .main_content .header {
    padding-top: 20px;
    font-size: 20px;
  }

  .main_content .right-side {
    padding: 40px;
  }

  .btn-div {
    display: block !important;
  }
  a.btn-grey {
    width: 100% !important;
    min-width: 100% !important;
    display: block;
    margin-top: 10px;
  }
}

@media (max-width: 1024px) {
  .main_content.login-section {
    display: block;
    margin-top: 0px;
  }

  .main_content .left-side {
    width: 100%;
    min-height: 300px;
    background-size: cover;
    background-position: top;
  }

  .slider-tx {
    max-width: 100%;
    width: 100%;
    padding: 20px;
    text-align: center;
  }

  .main_content .left-side::after {
    min-height: 300px;
  }

  .main_content .left-side {
    background: url('img_banner_small.png') no-repeat padding-box;
  }

  .main_content .right-side {
    padding: 20px;
    margin: 0 auto;
    width: 100%;
    display: block;
  }

  .main_content .header {
    padding-top: 0px;
  }
}

@media (max-width: 1080px) {
  .sideBar-modal {
    max-width: 80%;
  }

  .editrolepopup.modal-dialog.modal-lg.sideBar-modal {
    width: 80% !important;
  }

  .modal-dialog.modal-lg.reassignlicensePopup.sideBar-modal {
    width: 80%;
  }

  .radio_box .radio_label {
    font-size: 14px;
  }

  .radio {
    top: 13px;
  }

  .modal-lg.sideBar-modal .modal-header {
    padding: 30px 40px 0px 40px;
    border-bottom: 0px;
  }

  .modal-lg.sideBar-modal .modal-body {
    padding: 10px 40px 30px 40px;
  }

  .payment-details span {
    display: block;
    margin-top: 5px;
    width: 60px;
    font-size: 18px;
  }
}

@media (max-width: 900px) {
  .payment-details{
    margin-top: 5px !important;
    margin-bottom: 10px !important;
  }
  .manage.content-wrapper.sm-full-sr {
    margin-left: 0px;
  }

  .ngx-otp-input {
    margin: 50px 15px 50px 0 !important;
  }

  .full_lenght_right .container {
    padding: 20px 20px;
    box-sizing: border-box;
    width: 100%;
  }

  .cover-label span.currency-name {
    font-size: 16px;
  }

  .option_container .option-box {
    width: 100%;
  }

  .option_container {
    flex-wrap: wrap;
  }

  .option_container .option_margin {
    margin-bottom: 30px !important;
    margin-right: 0px;
  }

  .w-8 {
    min-width: 350px !important;
  }

  .main {
    width: 100%;
    margin-left: 0px;
    padding: 0px;
    padding-top: 100px;
  }

  .calculate-popup .modal-content {
    padding: 20px !important;
    box-shadow: none !important;
  }

  a.menu_btn {
    display: none;
  }

  /* sidebar 900 */

  body.sidebar-mobile .page-sidebar {
    display: block;
    left: 0;
    z-index: 3;
    width: 250px !important;
    margin-top: 61px;
  }

  .header-right {
    padding: 10px 10px 10px 10px !important;
  }

  body.sidebar-mini .innerHeader .header-right {
    width: calc(100% - 80px) !important;
  }

  .innerHeader .header-right {
    width: calc(100% - 80px) !important;
  }

  .outer-logo.ex {
    width: 80px !important;
  }

  .content-wrapper {
    margin-left: 0px;
    padding: 80px 15px;
  }

  body.sidebar-mini .content-wrapper {
    margin-left: 0;
  }

  .page-sidebar {
    left: -380px;
  }

  /* .outer-logo {
  padding: 17px 10px !important;
} */

  .outer-logo.ex img {
    max-width: 50px;
  }

  body.sidebar-mini .page-sidebar {
    left: 0px;
    width: 250px !important;
    margin-top: 61px;
  }

  body.sidebar-mini .page-sidebar .side-menu > li > a > .nav-label p {
    display: block !important;
  }

  /* end  */

  .banner {
    min-width: 100% !important;
    height: 250px !important;
  }

  img.banner_img {
    display: none;
  }

  .no-insight-block {
    display: block !important;
  }

  .banner_sub_text {
    top: 90px !important;
  }

  button.btn.button-primary.insight_btn {
    top: 135px !important;
  }

  .block {
    margin-bottom: 40px !important;
    display: block !important;
  }

  .inner-sidebar.page-sidebar {
    width: 100% !important;
    left: -100% !important;
    right: 0px !important;
    top: 0px !important;
    margin-top: 0px !important;
  }
  .sidebar-mini-show .inner-sidebar.page-sidebar {
    left: 0% !important;
  }
  .inner-sidebar .manage-account {
    margin: 0px;
    padding: 25px;
  }

  .min-menu {
    display: block;
    width: 40px;
    height: 40px;
    background: #8174b236;
    border-radius: 50%;
    padding: 9px;
    margin-bottom: 15px;
  }
  .sidebar-mini-show .min-menu {
    z-index: unset !important;
  }
  .min-menu {
    position: absolute;
    top: 10px;
    left: 90px;
    z-index: 9;
  }

  .min-menu a span {
    width: 20px;
    height: 2px;
    background-color: #6d7c85;
    margin-top: 4px;
    display: block;
    transition: all 0.3s;
  }

  .min-menu span.icon-bar.line-first {
    width: 10px;
  }

  .min-menu span.icon-bar.line-third {
    width: 10px;
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .main_content {
    margin-top: 30px;
  }

  .main_content .left-side {
    display: none;
  }

  ul.button-wrap li input[type="radio"] + label {
    padding: 7px 15px;
  }

  .filter-title {
    font-size: 16px;
    line-height: 28px;
  }

  a.btn.button-primary.unfill-btn.edit-btn {
    padding: 10px 0px !important;
    font-size: 14px;
  }

  a.btn.button-primary.delete-btn {
    padding: 10px 0px !important;
    font-size: 14px;
  }

  .main_content .right-side {
    padding: 0px !important;
    padding-bottom: 30px !important;
  }

  .main {
    padding: 100px 15px;
  }

  /* header new csss  */

  .left-header a {
    display: inline-block !important;
  }

  .full_width_internal .container {
    padding: 20px 20px 0 20px;
  }

  .form-group.mt-5 {
    margin-top: 0px !important;
  }

  .selectItem {
    font-size: 14px;
  }

  .quitPopup .modal-content {
    padding: 20px !important;
    border-radius: 24px !important;
  }

  .question-mark {
    max-width: 70px;
  }

  .calculate-popup {
    max-width: 100%;
  }

  /* modal css  */

  .sideBar-modal {
    max-width: 100%;
  }

  .modal-lg.sideBar-modal .modal-header {
    padding: 20px 30px 0px 30px;
    border-bottom: 0px;
  }

  .modal-lg.sideBar-modal .modal-body {
    padding: 5px 30px 20px 30px;
  }

  .editrolepopup.modal-dialog.modal-lg.sideBar-modal {
    width: 100% !important;
  }

  .modal-dialog.modal-lg.reassignlicensePopup.sideBar-modal {
    width: 100%;
  }

  .form-group.bottom_btn .btn {
    max-width: 100%;
  }

  .cnt_btn {
    width: 100%;
  }

  .blueBox ul li button {
    height: 40px;
  }

  .btn-common {
    max-width: 200px;
  }

  .mapOuter {
    max-width: 100%;
    margin: 20px auto;
    padding: 10px;
  }

  .modal-dialog {
    max-width: 100%;
    margin: 20px auto;
    padding: 10px;
  }

  .small-title .date {
    display: block;
    margin-top: 8px;
    text-align: center;
    padding: 4px 10px;
    max-width: 135px;
  }

  .closeButton {
    right: 20px;
    top: 10px;
  }

  .ng-otp-input-wrapper.wrapper input {
    padding: 10px !important;
  }

  .showPass {
    top: 7px;
  }

  .modal-content {
    max-width: 100% !important;
    margin: 0 auto;
    border-radius: 10px !important;
  }

  .modal-footer.buttons {
    padding: 0px 20px 20px;
  }

  .clear-btn {
    padding: 15px 30px;
  }

  .modal-subHeading b {
    padding-right: 35px;
  }

  .tab-list ul {
    flex-wrap: wrap !important;
  }

  .tab-list ul li:last-child {
    padding-right: 0px;
    padding-left: 0px !important;
  }

  .time {
    flex-wrap: wrap;
  }

  .modal-subHeading {
    margin: 15px 0px !important;
  }
}

@media (max-width: 499px) {
  .flexbox {
    display: block !important;
  }

  .col-left {
    position: relative;
    margin-bottom: 10px;
  }

  .content-wrapper {
    margin-left: 0px;
    padding: 80px 15px;
  }

  .page-heading .page-title {
    font-size: 18px;
    line-height: 24px;
  }

  a.add-btn {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }

  .btn-common {
    max-width: 100% !important;
    margin: 10px 0px;
    margin-right: 0px !important;
  }

  .main_content {
    margin-top: 10px;
  }

  .cover-label span.currency-name {
    font-size: 14px;
  }

  .free {
    padding: 0px 20px;
  }

  .back-btn {
    margin-bottom: 0px !important;
  }

  .main_content .header {
    padding-top: 10px;
  }

  .maplocation {
    width: 350px;
    border-radius: 15px;
  }

  .modal-header {
    padding: 20px 20px 0px;
  }

  .modal-body {
    padding: 0px 20px 10px;
  }

  .map-show {
    height: 200px;
  }

  .table-box .grlistDropDwon.dropdown-menu.show {
    top: auto !important;
  }

  a.headermenuBtn {
    top: 14px !important;
    left: 75px !important;
  }

  .swal2-html-container {
    font-size: 16px !important;
  }

  .swal2-icon {
    width: 60px !important;
    height: 60px !important;
  }

  .swal2-icon .swal2-icon-content {
    font-size: 3em !important;
  }

  .grlistDropDwon.dropdown-menu.show {
    width: auto;
  }

  .quitPopup .modal-content {
    width: 300px;
    margin: 0 auto;
  }

  .main_content .title .header,
  .modal-header .title .header,
  .page-content .title .header {
    font-size: 18px;
    line-height: 22px;
  }

  .main_content .title .smalls,
  .modal-header .title .smalls {
    font-size: 14px;
  }

  .upload_section .up_opt {
    width: 180px;
    height: 130px;
  }

  .upload_section .up_opt p {
    padding: 25px 25px;
  }

  .title.mb-0.mt-3.col-12 {
    margin-top: 0px !important;
  }

  .tab-list ul {
    list-style: none;
    border-bottom: 1px solid #e9e9e9;
    margin: 0px 0px;
    padding: 0px;
    display: block;
    padding: 0px;
  }
}

/* end */

#sidebar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #fff;
}

#sidebar::-webkit-scrollbar-thumb {
  background-color: #aab7cf;
}

.swal-Alerts.bgButton .swal2-confirm {
  width: 145px !important;
}

/* n css*/
.btn-div {
  border-top: 1px dashed #d6d2d2;
  padding: 20px 0px;
  display: flex;
  justify-content: space-between;
}

a.btn-grey {
  border: 1px solid #d8d8d8;
  border-radius: 32px;
  font: normal normal 500 14px/20px Quicksand;
  letter-spacing: 0.16px;
  color: #9a9a9a;
  padding: 10px 20px;
  min-width: 230px;
  text-align: center;
}

a.btn-grey.purple {
  color: #ac78a4;
}

.modal-header .title .header {
  text-align: left;
}

.closeButton.rt {
  right: 0px;
  top: -10px;
}

.para-modal {
  text-align: left;
  font: normal normal medium 16px/20px Quicksand;
  letter-spacing: 0.64px;
  color: #111111;
}

a.ok-btn {
  letter-spacing: 0.64px;
  font: normal normal bold 14px/20px Quicksand;
  letter-spacing: 0.72px;
  color: #8373a4 !important;
  background: #f4f2fe 0% 0% no-repeat padding-box;
  border: 1px solid #8373a4 !important;
  border-radius: 32px;
  text-transform: capitalize;
  padding: 10px 20px;
  width: 100%;
  display: block;
  margin: 20px 0px;
}

.w-400 {
  width: 400px;
}

/* end */

.tab-list {
  cursor: pointer;
  position: relative;
}

.swal-Alerts.bgButton .swal2-confirm {
  width: 145px !important;
}

/* manage account common css */

.manage.content-wrapper {
  margin-left: 400px;
  padding-top: 100px;
}

.manage .title .header-2 {
  font: normal normal 700 24px/24px Quicksand;
  letter-spacing: 0.56px;
  color: #111111;
  opacity: 1;
}

.manage .title .header-2 a img {
  width: 20px;
}
/* .heading-main {
  font: normal normal 600 20px/28px Quicksand;
  letter-spacing: 0.44px;
  color: #111111;
  border-bottom: 1px solid #DFDFDF;
  display: inline-block;
  padding-bottom: 20px;
} */

.manage-account {
  margin: 0 0 0 78px;
  padding-bottom: 20px;
}

.manage.content-wrapper {
  margin-left: 400px;
}

.manage .title .header-2 {
  font: normal normal 700 24px/24px Quicksand;
  letter-spacing: 0.56px;
  color: #111111;
  opacity: 1;
}

.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,
.theme-green .bs-datepicker-head {
  background-color: #8174b2;
}

.certi-div span img {
  width: auto;
  max-width: 200px;
  height: 90px;
}

.certi-div span {
  margin-right: 16px;
  margin-bottom: 10px;
}

.social-media {
  margin-bottom: 20px;
}

.social-media img {
  margin-right: 4px;
}

.social-media p {
  font: normal normal 700 14px/30px Quicksand;
  letter-spacing: 0px;
  color: #111111;
  margin-top: 4px;
}

.content-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.content-list li {
  position: relative;
  margin-left: 20px;
}

.content-list li::before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background-color: #be8cb2;
  top: 10px;
  left: -20px;
}

.content-list li {
  font: normal normal 500 18px/28px Quicksand;
  letter-spacing: 0px;
  color: #5a5a5a;
}

.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,
.theme-green .bs-datepicker-head {
  background-color: #8174b2;
}
.theme-green .bs-datepicker-body table td span.disabled.selected {
  background-color: #ccc;
}

.theme-green .bs-datepicker-body table td span.bg-warning {
  background: #8174b2 !important;
  color: #fff;
}
.manage .back-btn {
  margin-bottom: 5px;
  font: normal normal bold 13px/45px Quicksand;
}

.banner_img img {
  width: auto;
  height: auto;
  max-width: 85%;
}

.manage .title .para {
  font: normal normal 500 16px/30px Quicksand;
  letter-spacing: 0.18px;
  color: #5a5a5a;
  width: 85%;
  margin-top: 16px;
}
@media (max-height: 800px) {
.custom-modal-height .modal-content {
  height: 850px !important;
  max-height: 100% !important;
} 
}
.para-purple {
  font: normal normal 500 18px/34px Quicksand;
  letter-spacing: 0.2px;
  color: #8174b2;
}

.header.sub-heading.date {
  font: normal normal bold 16px/28px Quicksand;
  letter-spacing: 0.44px;
  color: #111111;
  margin-top: 100px;
}

.manage .row.privacy {
  border-bottom: 1px solid #dfdfdf;
}

.heading-5 {
  text-decoration: underline;
  text-decoration-color: #111;
  font: normal normal bold 22px/28px Quicksand;
  letter-spacing: 0.44px;
  color: #111111;
  margin-top: 20px;
}

.para-p {
  font: normal normal 500 16px/30px Quicksand;
  letter-spacing: 0.18px;

  color: #5a5a5a;
}

.content-list.small li {
  color: #111111;
  font: normal normal 600 14px/30px Quicksand;
}

.content-list.small li::before {
  position: absolute;
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 50px;
  background-color: #be8cb2;
  top: 12px;
  left: -20px;
}

.clr-text {
  background: transparent linear-gradient(260deg, #f4f7eb 0%, #fff4ec 100%) 0%
    0% no-repeat padding-box;
  border-radius: 10px;
  padding: 15px 20px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.clr-text p {
  font: normal normal 600 16px Quicksand;
  letter-spacing: 0px;
  color: #182138;
  margin-bottom: 0px;
  color: #5a5a5a;
}

.manage .contact-us .form-group {
  margin: 20px 0px;
}

.modal-confirm.w-3 .modal-content {
  padding: 40px;
}

.modal-confirm.w-3 .timeShow {
  min-width: 196px;
}

.modal-confirm.w-3 .time-tab {
  margin: 32px 0px;
}

.bank-details {
  background: #f8f8f8 0% 0% no-repeat padding-box;
  border-radius: 8px;
  padding: 20px;
  width: 80%;
}

.bank-details .heading {
  font: normal normal 700 18px/28px Quicksand;
  letter-spacing: 0.44px;
  color: #111111;
}

.bank-details p {
  font: normal normal 500 14px/30px Quicksand;
  letter-spacing: 0px;
  color: #111111;
}

.bank-details p.bold {
  font-weight: 700;
}

body.sidebar-mini .manage-account .heading-main {
  font-size: 16px;
  line-height: 16px;
  padding-top: 30px;
}

body.sidebar-mini .page-sidebar .manage-account {
  margin-left: 8px !important;
}

.calender-pagination .pagination-wrapper .ngx-pagination li {
  display: none !important;
}
.calender-pagination .pagination-wrapper .ngx-pagination li:first-child,
.calender-pagination .pagination-wrapper .ngx-pagination li:first-child a {
  display: block !important;
  width: 25px;
  height: 24px;
  font-size: 0px !important;
  padding: 0px !important;
  position: absolute;
  left: 6px;
  top: 32px;
  z-index: 3;
  border: 0px;
  background: url('ic_arrow_left_black.png');
  background-repeat: no-repeat;
}
.calender-pagination .pagination-wrapper .ngx-pagination li:last-child a:hover {
  background-color: inherit;
}

.calender-pagination .pagination-wrapper .ngx-pagination li:first-child a {
  left: 0px;
  top: 0px;
  overflow: 0;
}

.calender-pagination .pagination-wrapper .ngx-pagination li:last-child,
.calender-pagination .pagination-wrapper .ngx-pagination li:last-child a {
  display: block !important;
  width: 25px;
  height: 24px;
  font-size: 0px !important;
  padding: 0px !important;
  position: absolute;
  right: 2px;
  top: 32px;
  z-index: 3;
  background: url('ic_arrow_right_black.png');
  background-repeat: no-repeat;
  border: 0px;
}
.calender-pagination .pagination-wrapper .ngx-pagination li:last-child a {
  right: 0px;
  top: 0px;
  overflow: 0;
}

.calender-pagination .pagination-wrapper {
  position: absolute;
  top: 0px;
  bottom: inherit !important;
}

.calender-pagination .pagination-previous.disabled,
.calender-pagination .pagination-next.disabled {
  opacity: 0.65;
}
.no-filtered-data h5 {
  font-size: 15px;
}

.modal-opn .noticationOuter {
  display: block !important;
}
.modal-opn .form-group {
  text-align: center;
}
.btn.button-primary.small {
  max-width: 150px;
}
.modal-opn {
  overflow: hidden;
}
.hideFaq.faq {
  display: none;
}
.faq.hideFaqs {
  display: none;
}

.kr-payment-button {
  background-color: #8174b2;
  border-color: #8174b2;
  color: rgb(0, 0, 0);
  border-radius: 25px;
}
.multiselect-item-checkbox input[type="checkbox"] + div:before {
  border: 2px solid #8174b2 !important;
  color: #8174b2 !important;
}

.multiselect-item-checkbox input[type="checkbox"]:checked + div:before {
  animation: 0.2s ease-in borderscale;
  background: #8174b2 !important;
}

/* ---- prevent input type number -> Up/Down arrow css -------- */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.verifyContainer {
  z-index: 25000 !important;
}

div:where(.swal2-container) {
  z-index: 35000 !important;
}

.marginTopButton {
  margin-top: 16px !important;
  width: 100% !important;
}

app-buki-button {
  width: -webkit-fill-available;
}

app-buki-check {
  width: -webkit-fill-available;
}

.input-phone-number .inputPhone,
.select-custom .ng-select-container {
  border: none;
}
.phone-group {
  .input-phone-number {
    .iti__selected-flag {
      padding-left: 0 !important;
    }
    .selected-dial-code {
      font-size: 14px;
      color: #707070;
      font-weight: 500;
      margin-left: 0 !important;
    }
    label {
      position: absolute;
      top: -13px !important;
      left: 5px;
      color: #707070;
      opacity: 1;
      font-size: 14px;
      background: #fff;
      z-index: 2;
      font-weight: 700;
      letter-spacing: 0;
      padding: 0 5px !important;
      font-size: 14px !important;
    }
  }
}
.select-custom {
  > label {
    position: absolute;
    top: -13px !important;
    left: 5px;
    color: #707070;
    opacity: 1;
    font-size: 14px;
    background: #fff;
    z-index: 2;
    font-weight: 700;
    letter-spacing: 0;
    padding: 0 5px !important;
    font-size: 14px !important;
  }
  .ng-select .ng-select-container {
    padding: 0 7px;
  }
  .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    position: relative;
    margin-top: 0 !important;
    color: #afafaf !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
  }
  .ng-select .ng-select-container:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-shadow: none !important;
  }
  .ng-dropdown-panel.ng-select-bottom {
    top: calc(100% + 10px);
    border-radius: 7px !important;
    border: none;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    width: 101%;
    margin-left: -1px;
  }
}
.uploadBtn {
  height: 44px !important;
}

.pac-container {
  z-index: 6000 !important;
}

.pointer-events-none {
  pointer-events: none;
}

.custom-modal-height .modal-content {
  height: 850px !important;
  max-height: 100vh !important;
}

.custom-modal-height .modal-xl {
  max-width: 100vw !important;
}

.modalDialogAdd {
  max-width: 680px;
}

.tableAppointment .ngx-pagination {
  width: 70px;
  position: absolute;
  left: -75px;
  bottom: -3px;
}

.ps--clicking {
  z-index: 1800 !important;
}
.ps__rail-y .ps--clicking {
  z-index: 1800 !important;
}

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

.modal-dialog.closing-hours-modal {
  margin: 8% auto 1.5rem;
}

.itemsHeaderFinal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
}

.itemsHeaderFinal p.back_button,
.itemsHeader p.back_button,
.itemsHeaderFinal p.step,
.itemsHeader p.step {
  margin-bottom: 0;
}
.itemsHeaderFinal p.back_button span,
.itemsHeader p.back_button span {
  line-height: unset !important;
}
.itemsHeaderLocation p.back_button,
.itemsHeaderLaboral p.back_button,
.itemsHeaderLocation p.step,
.itemsHeaderLaboral p.step,
.itemsHeaderImages p.back_button,
.itemsHeaderImages p.step {
  margin-bottom: 0;
}
.itemsHeaderLocation p.back_button span,
.itemsHeaderLaboral p.back_button span,
.itemsHeaderImages p.back_button span {
  line-height: unset !important;
}
.fg-sts button {
  margin: auto;
}
.map-fgt .form-group {
  margin: 13px 0 2px 0 !important;
}
.sebm-google-map-container {
  height: calc(38vh - 90px) !important;
}
.agm-map-container-inner {
  min-height: 100px;
}
.right-side .mb-4 {
  margin-bottom: 1rem !important;
}
.right-side .title {
  margin-top: 40px;
  margin-bottom: 0.7rem;
}
.right-side .subtitle {
  margin-bottom: 0.3rem;
}
.itemsHeaderFinal,
.itemsHeader,
.itemsHeaderLocation,
.itemsHeaderLaboral,
.itemsHeaderImages {
  z-index: 9999;
  background-color: #fff;
}
@media (min-width: 1400px) {
  /* Tus estilos aquí */
  .right-side.instructions {
    height: calc(100vh - 81px) !important;
    margin-top: 91px !important;
  }
}
/* Team Upload Modal - Custom Width & Style */
.team-upload-modal.modal-dialog {
  max-width: 600px !important;
  width: 600px !important;
  margin: 1.75rem auto;
}
@media (max-width: 620px) {
  .team-upload-modal.modal-dialog {
    width: calc(100% - 32px) !important;
    margin: 16px auto;
  }
}

.team-upload-modal .modal-content {
  padding: 50px 32px !important;
}

/* help component */
.faq-accordion .panel .card{
    border: 0;
    margin-bottom: 1rem;
}
.faq-accordion .panel .card-header {
    background-color: #FFF;
    border-radius: 0.75rem;
    border: 1px solid #DEE1E5;
    padding: 0;
}

.faq-accordion .faq-heading {
    padding: 1.25rem;
    cursor: pointer;
}
.faq-accordion .panel-open .panel-heading {
    border: 0;
    border-radius: 1rem;
}
.faq-accordion .panel-open .panel {
    border: 1px solid #7665B3;
    border-radius: 1rem;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}
.faq-search-highlight {
    font-weight: 600;
    color: #7665B3;
}
.faq-result-count {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #7665B3;
}


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