.logout-logo img,
.login-logo img,
.register-logo img {
  border: 5px solid #a01236;
  padding: 5px;
  border-radius: 15px;
  width: 50%;
  margin-bottom: 20px
}

.login-logo h2 {
  text-align: center;
  color: #fff;
  line-height: 56px;
  margin-bottom: 0px;
}

.login-logo h2 span {
  display: block;
  font-weight: 800;
  color: #f4c726c2;
  text-transform: uppercase;
  font-size: 30px;
}

/*----------- Navbar Css ----------------------*/
.navbar-glass {
  background-color: #333E48 !important;
  margin-bottom: 15px;
}


.nav-link {
  color: #fff;
}

.mr-0 {
  margin-right: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.footer {
  background: var(--falcon-avatar-name-bg);
}

.footer p {
  color: #fff !important;
}

.flex-direction {
  flex-direction: row-reverse;
}

.bg-200 {
  --falcon-bg-opacity: 1;
  background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important;
}

[data-list] li.active .page {
  background-color: #FF9900;
  color: var(--falcon-light) !important;
}

.table tfoot>tr>th:last-child,
.table thead>tr>th:last-child,
.table tr th:last-child,
.table tr td:last-child {
  padding-right: 0.75rem !important;
}

.table tfoot>tr>th:first-child,
.table thead>tr>th:first-child,
.table tr th:first-child,
.table tr td:first-child {
  padding-left: 0.75rem !important;
}

.text-primary {
  --falcon-text-opacity: 1;
  color: #231D1C !important;
}

a {
  color: var(--falcon-body-color);
  text-decoration: none;
}

#googlemap {
  height: 300px;
}

nav ol.breadcrumb {
  justify-content: space-between !important;
}


.z-n1 {
  z-index: -1 !important;
}

.nav-link:hover,
.nav-link:focus {
  color: rgb(239 186 54);
  text-decoration: none;
}

.bg-primary-subtle,
.fc-timegrid .event-bg-primary-subtle {
  background-color: #e6effc !important;
}

.card-header {
  padding: 10px 15px;
}

a:hover {
  text-decoration: none;
  color: var(--falcon-primary);
}

.breadcrumb .breadcrumb-item a {
  color: var(--falcon-breadcrumb-item-active-color);
}

.breadcrumb .breadcrumb-item.active {
  color: var(--falcon-link-color);
}

table {
  border-color: #cdd0d5bd !important;
}

td,
th {
  vertical-align: middle;
}

.form-control,
.choices .choices__inner {
  font-size: 14px;
  border: 1px solid #00000045;
}

.navbar-nav .show>.nav-link,
.navbar-nav .nav-link.active {
  color: rgb(239 186 54);
}

.bg-shape:before {
  background-image: linear-gradient(45deg, #231D1C, transparent)
}

.bg-shape:after {
  background-image: linear-gradient(45deg, #231D1C, transparent)
}

.bg-shape {
  overflow: hidden;
  background-color: #231D1C;
}

.btn-outline-primary {
  border-color: var(--falcon-primary) !important;
  color: var(--falcon-primary) !important;
  background-color: #fff !important;
}

.btn-outline-secondary {
  border-color: var(--falcon-secondary) !important;
  color: var(--falcon-secondary) !important;
  background-color: #fff !important;
}

.btn-primary,
.btn-outline-primary:hover {
  background-color: var(--falcon-primary) !important;
  border: 1px solid var(--falcon-primary) !important;
  border-color: var(--falcon-primary) !important;
  color: #fff !important;
}

.btn-primary:hover {
  background-color: var(--falcon-secondary) !important;
  border: 1px solid var(--falcon-secondary) !important;
  border-color: var(--falcon-secondary) !important;
}

.btn-secondary,
.btn-outline-secondary:hover {
  color: #333E48 !important;
  background-color: var(--falcon-secondary) !important;
  border: 1px solid var(--falcon-secondary) !important;
  border-color: var(--falcon-secondary) !important;
}

.btn-secondary:hover {
  background-color: var(--falcon-primary) !important;
  border: 1px solid var(--falcon-primary) !important;
  border-color: var(--falcon-primary) !important;
}

.btn-Previous {
  background-color: #f0b31a;
  border: 1px solid #f0b31a;
  color: white;
}

.btn-Previous:hover {
  background-color: #f0b31a;
  border: 1px solid #f0b31a;
  color: white;
}

@media(max-width:800px) {
  .footer .d-flex {
    flex-direction: column;
    line-height: 22px;
  }
}

.project .col .card:hover {
  background: #a01236;
  color: #fff;
  transition: all .5s;
  transform: translateY(-5px);
}

.project .col .card:hover .card-body h5 {
  color: #fff;
  transition: all .5s;
}

.bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bg-bubbles li:nth-child(1) {
  left: 10%;
}

.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, .1);
  bottom: -100px;
  -webkit-animation: square 20s infinite;
  animation: square 20s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.bg-bubbles li:nth-child(2) {
  left: 20%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 17s;
  animation-duration: 17s;
}

.bg-bubbles li:nth-child(3) {
  left: 25%;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 80px;
  height: 80px;
  -webkit-animation-duration: 22s;
  animation-duration: 22s;
}

.bg-bubbles li:nth-child(5) {
  left: 70%;
  width: 90px;
  height: 90px;
}

.bg-bubbles li:nth-child(6) {
  left: 70%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.bg-bubbles li:nth-child(7) {
  left: 32%;
  width: 150px;
  height: 150px;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
}

.bg-bubbles li:nth-child(9) {
  left: 25%;
  width: 50px;
  height: 50px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
}

.bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 140px;
  height: 140px;
  -webkit-animation-delay: 11s;
  animation-delay: 11s;
}

@keyframes square {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-1000px) rotate(600deg);
    transform: translateY(-1000px) rotate(600deg);
  }
}

@media only screen and (min-width: 992px) {
  .testi-contain {
    display: flex;
    align-items: center;
  }
}

.login-auth .login-slide {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4)50%, rgba(0, 0, 0, 0.4)50%), url(https://bipf.indevconsultancy.com/public/assets/images/login-02.jpg);
  position: relative;
  height: 100vh;
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .testi-contain {
    display: flex;
    align-items: center;
  }
}

.banner {
  width: 300px;
  height: 300px;
  min-width: 300px;
  border-radius: 50%;
  padding: 10px;
  background: #fff;
  overflow: hidden;
  margin-right: 15px;
}

.banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.login-auth {
  background-image: url(../img/login-02.jpg) !important;
  /* background-image: linear-gradient(rgb(28 56 92 / 80%), rgb(28 56 92 / 50%)), url(../img/bg-login.jpg); */
  background-position: 50% 20%;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

#togglePassword {
  font-size: 18px;
  cursor: pointer;
  color: #000;
  background-color: #fff;
}

#eyetoggle {
  background-color: #fff;
  color: #000;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.input-group-text {
  border: 1px solid #00000045;
  border-left: 0;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: var(--falcon-primary);
  color: white;
  cursor: pointer;
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.form-control {
  min-height: 37px;
}

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

select {
  -webkit-appearance: listbox !important;
  cursor: pointer;
}

fieldset {
  min-width: auto;
  padding: 20px;
  margin: 0px;
  border: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
  border-radius: 0.25rem;
}

legend {
  float: none;
  width: auto;
  padding: 0px 4px;
  margin-bottom: 0;
  font-size: 15px;
  letter-spacing: .02em;
  font-weight: 500;
  line-height: normal;
}

#captcha_div_image {
  width: max-content;
}

.error {
  color: #dc283c;
}

input.error,
select.error,
textarea.error {
  border: 1px solid #dc283c;
}

input.error:focus,
select.error:focus,
textarea.error:focus {
  border-color: #ff5757;
  -webkit-box-shadow: var(--falcon-box-shadow-inset), 0 0 0 0.25rem rgba(44, 123, 229, .25);
  box-shadow: var(--falcon-box-shadow-inset), 0 0 0 0.25rem rgb(229 50 44 / 19%);
}

select.error {
  color: var(--falcon-input-color);
}

.nav-link {
  font-size: 16px;
}

.navbar .dropdown-item {
  font-size: 15px;
}

.btn-block {
  width: 100%;
}

* {
  margin: auto;
}

.btn {
  font-size: 14px;
  font-weight: 300;
  min-height: 37px;
}

.btn-sm {
  font-size: 11px;
  min-height: 30px;
}

a.btn {
  padding: 7px;
}

.highcharts-credits {
  display: none;
}

.content {
  min-height: calc(100vh - 50px);
}

.project-list-li {
  line-height: 30px;
}

.filter-form {
  background: #ffffff;
  border-bottom: 1px dashed #e3e3e3;
  margin: 0;
  padding-top: 8px !important;
  padding-left: 13px !important;
  padding-right: 13px !important;
  padding-bottom: 0;
  box-shadow: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.card-box {
  background-color: #fff;
  padding: 1.5rem;
  -webkit-box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, .03);
  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, .03);
  margin-bottom: 24px;
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-group {
  margin-bottom: 1rem;
}

.total-data-count {
  font-size: 15px;
}

.table>thead {
  vertical-align: bottom;
  background: white;
  color: #2C3E50;
}

.table .action,
.table .sl-no {
  text-align: center;
}

#pagination h5 {
  font-size: 15px;
  margin-right: 15px !important;
}

.page-link.active,
.active>.page-link {
  z-index: 3;
  color: var(--falcon-pagination-active-color);
  background-color: #FF9900 !important;
  border-color: #FF9900 !important;
}

.btn-falcon-default {
  min-height: auto;
}

.pulsating-circle {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 17px;
  margin-right: 15px;
}

.pulsating-circle.success:before {
  background-color: #4cff52;
}

.pulsating-circle.success:after {
  background-color: #36d60e;
}

.pulsating-circle.danger:before {
  background-color: #e64141;
}

.pulsating-circle.danger:after {
  background-color: #e31e1e;
}

.pulsating-circle.secondary:before {
  background-color: gray;
}

.pulsating-circle.secondary:after {
  background-color: gray;
}

.pulsating-circle.warning:before {
  background-color: #ffd400;
}

.pulsating-circle.warning:after {
  background-color: #dfbe1e;
}

.pulsating-circle:before {
  content: '';
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 45px;
  background-color: #46c6f2;
  -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.pulsating-circle:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
  animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.63);
    transform: scale(0.63);
  }

  80%,
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.prority-details--ppc div {
  background: #FF9900;
  width: 100%;
  color: #fff;
  padding: 5px;
  text-align: center;
  border-radius: 5px;
}

.box-shadow-none {
  box-shadow: none;
}

#add_project .bg-light,
#PA_Add_impact .bg-light,
#PA_Add_Outcome .bg-light,
#PA_Add_Output .bg-light,
#Add_From_Monitoring_Modal .bg-light {
  --falcon-bg-opacity: 1;
  background-color: #a0123673 !important;
}

#add_project .bg-light .btn,
#add_project .bg-light h6,
#PA_Add_impact .bg-light .btn,
#PA_Add_impact .bg-light h6,
#PA_Add_Outcome .bg-light .btn,
#PA_Add_Outcome .bg-light h6,
#PA_Add_Output .bg-light .btn,
#PA_Add_Output .bg-light h6,
#Add_From_Monitoring_Modal .bg-light h6 {
  color: #000;
}

.choices .choices__input--cloned {
  font-size: 14px;
}

.choices .choices__list--multiple .choices__item,
.choices .choices__input--cloned {
  margin-top: 0 !important;
}

.choices__inner {
  min-height: 37px !important;
}

h4,
.h4 {
  font-size: 20px !important;
}

h3,
.h3 {
  font-size: 24px;
}

h2,
.h2 {
  font-size: 28px;
}

h1,
.h1 {
  font-size: 31px;
}

h5,
.h5 {
  font-size: 16px !important;
}

h6,
.h6 {
  font-size: 12px !important;
}

.fs--1 {
  font-size: 13px !important;
}

label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
}

.content-div span {
  font-size: 13px;
}

.dashboard-card {
  transition: transform 0.5s ease, background 0.5s ease;
  background: #fff;
  /* default background */
}

.dashboard-card:hover {
  background: #f8f8f84a;
  transform: translateY(-5px);
}

/* Button container transition */
.dashboard-card .card-btn {
  transition: background 0.9s ease, color 0.9s ease;
}

/* Button text link transition */
.dashboard-card .card-btn a {
  transition: color 0.9s ease;
}

/* On hover effects */
.dashboard-card:hover .card-btn {
  background: #FF9900 !important;
  color: #fff !important;
}

.dashboard-card:hover .card-btn a {
  color: #fff !important;
}



.dot {
  width: 0.4rem !important;
  background: #636e82 !important;
  height: 0.4rem !important;
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.5rem;
}

#graph-container {
  height: 280px;
}

.recent-activity-body-height {
  height: 20rem !important;
  margin: 20px 0;
  padding-top: 0;
  padding-bottom: 0;
}

.recent-activity-body-height div h5 {
  line-height: 20px;
}

.recent-activity-body-height ul {
  margin-bottom: 0;
}

.qform {
  padding-top: 15px;
}

.text-with-icon {
  display: flex;
  align-items: center;
}

.text-with-icon .fas.fa-circle {
  margin-right: 5px;
}

.text-with-icon .text {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.icon-hidden {
  display: none;
}

.project-view-card-height {
  height: 5rem;
  margin: 20px 0;
  padding-top: 0;
  padding-bottom: 0;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  background-image: url(/public/assets/img/option-dismiss-cross.svg) !important;
}

.highcharts-data-table {
  overflow-y: auto;
  height: 170px;
}

.highcharts-data-table table {
  border-collapse: collapse;
  border-spacing: 0;
  background: white;
  min-width: 100%;
  font-size: .8333333333rem !important;
}

.highcharts-data-table caption {
  border-bottom: none;
  font-size: 1.1em;
  font-weight: bold;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  border: 1px solid #e2e2e2;
  padding: 10px;
}

.highcharts-table-caption {
  display: none;
}

.highcharts-data-table tr:nth-child(even),
.highcharts-data-table thead tr {
  background: #f8f8f8;
}

.highcharts-data-table tr {
  cursor: pointer;
}

.highcharts-data-table table thead th {
  background-color: var(--falcon-primary);
  color: #fff;
  padding: 12px;
  position: sticky;
  top: 0;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  border: 1px solid #e2e2e2;
  padding: 10px;
}

#container2,
#graph-container,
#container,
#graph_container_new,
#graphpia {
  height: 300px;
  pointer-events: auto !important
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #323a46;
  background-color: #fff;
  border: 1px solid #dee2e6;
  font-size: .8333333333rem !important;
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--falcon-pagination-border-radius);
  border-bottom-right-radius: var(--falcon-pagination-border-radius);
}

.page-link:hover {
  z-index: 2;
  color: var(--falcon-pagination-hover-color);
  text-decoration: none;
  background-color: #FF9900;
  border-color: #FF9900;
}

.swal2-title {
  font-size: 17px !important;
}

button.swal2-styled {
  background-color: #FF9900 !important;
  font-size: 14px !important;
}

button.swal2-cancel {
  background-color: #FF9900 !important;
}

.bg-warning {
  border: none;
  --falcon-bg-opacity: 1;
  background-color: #f2b92b !important;
}

.bg-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  opacity: .7;
  /* background-color: #000; */
}

.bg-holder .bg-overlay {
  opacity: .9;
}

.btn-primary:disabled {
  background-color: #FF9900;
  border: 1px solid #FF9900;
  opacity: inherit;
}

#readMoreContent {
  max-height: 100px;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

#readMoreLink {
  color: blue;
  cursor: pointer;
}

.overview-priority {
  animation: animatedBackground 20s ease-in-out infinite alternate;
}

@keyframes animatedBackground {
  0% {
    background-position: top;
  }

  100% {
    background-position: bottom;
  }
}

.overview-priority:before {
  background: linear-gradient(180deg, #edf2f9, transparent) !important;
}

.sector-description .card:hover {
  background-color: #FF9900;
  transition: all 0.7s;
  color: #fff;
}

.sector-description .card:hover .card-body h5,
.sector-description .card:hover .card-body h6,
.sector-description .card:hover .card-body .btn-link {
  color: #fff !important;
  transition: all 0.7s;
}

.sdg-danger {
  background: #dc273a;
  padding: 5px 12px;
  border-radius: 4px;
  color: #fff;
  width: fit-content;
}

.sdg-success {
  background: #4bd750;
  padding: 5px 12px;
  border-radius: 4px;
  color: #fff;
  width: fit-content;
}

.sdg-warning {
  background: #f2b92b;
  padding: 5px 12px;
  border-radius: 4px;
  color: #fff;
  width: fit-content;
}

.chart-tab .nav-link.active {
  border-bottom: 2px solid var(--falcon-primary);
  background-color: var(--falcon-primary);
}

.chart-tab .nav-link.active h5 {
  color: #fff !important;
}

.notification-count {
  position: absolute;
  color: #fff;
  padding: 1px 8px;
  border-radius: 50%;
  background-color: var(--falcon-primary);
  top: 0;
}

.priorityareaoutput {
  overflow-y: hidden;
}



.toggle_heading_data {
  line-height: 25px;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #399ac3;
  text-decoration: none;
  background-color: #ebedf3;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button {
  border-left: 4px solid #f1bb38;
  box-shadow: 0 0 2px #FF9900;
}

.accordion-button:not(.collapsed) {
  border-left: 4px solid var(--falcon-accordion-btn-focus-border-color);
}

.accordion-button::after {
  background-size: 40px;
  padding: 20px;
  transition: all 0.5s;
}

.accordion-button:hover:after {
  background-color: #ece9e9;
  border-radius: 50%;
}

.accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #d5deea;
}

.accordion-button:not(.collapsed)::after,
.accordion-button::after {
  background-image: none;
}

.home-footer {
  position: fixed;
  width: 100%;
  background: aliceblue;
  bottom: 0;
}

.seconddata {
  background-color: #d5deea !important;
}

.toggle_heading-in {
  background-color: #D9EDF7;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed)::after {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

#aaaaaaaaaaaa .bg-light {
  --falcon-bg-opacity: 1;
  background-color: #a0123673 !important;
}

* {
  margin: 0;
  padding: 0
}

html {
  height: 100%
}

p {
  color: grey
}

#heading {
  text-transform: uppercase;
  color: #673AB7;
  font-weight: normal
}

#msform {
  text-align: center;
  position: relative;
  margin-top: 20px
}

#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  position: relative
}

.form-card {
  text-align: left
}

#msform fieldset:not(:first-of-type) {
  display: none
}

#msform input,
#msform textarea {
  padding: 8px 15px 8px 15px;
  border: 1px solid #ccc;
  border-radius: 0px;
  margin-bottom: 25px;
  margin-top: 2px;
  width: 100%;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2C3E50;
  background-color: #ECEFF1;
  font-size: 16px;
  letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #673AB7;
  outline-width: 0
}

#msform .action-button {
  width: 100px;
  background: #673AB7;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 0px 10px 5px;
  float: right
}

#msform .action-button:hover,
#msform .action-button:focus {
  background-color: #311B92
}

#msform .action-button-previous {
  width: 100px;
  background: #616161;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px 10px 0px;
  float: right
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
  background-color: #000000
}

.card {
  z-index: 0;
  border: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
  box-shadow: none;
  position: relative
}

.fs-title {
  font-size: 25px;
  color: #673AB7;
  margin-bottom: 15px;
  font-weight: normal;
  text-align: left
}

.purple-text {
  color: #673AB7;
  font-weight: normal
}

.steps {
  font-size: 25px;
  color: gray;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: right
}

.fieldlabels {
  color: gray;
  text-align: left
}

#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey
}

#progressbar .active {
  color: #673AB7
}

#progressbar li {
  list-style-type: none;
  font-size: 15px;
  width: 25%;
  float: left;
  position: relative;
  font-weight: 400
}

#progressbar #account:before {
  font-family: FontAwesome;
  content: "\f13e"
}

#progressbar #personal:before {
  font-family: FontAwesome;
  content: "\f007"
}

#progressbar #payment:before {
  font-family: FontAwesome;
  content: "\f030"
}

#progressbar #confirm:before {
  font-family: FontAwesome;
  content: "\f00c"
}

#progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px
}

#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1
}

.progress {
  height: 20px
}

.fit-image {
  width: 100%;
  object-fit: cover
}

.modal-fullscreen {
  background-color: #fff;
}

.modal-fullscreen .modal-body {
  overflow: hidden !important;
}

.modal-fullscreen {
  padding-right: 1rem;
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  height: auto;
}

.modal-dialog-lg {
  max-width: 50%;
}

.mono-loader {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #0000003d;
  box-sizing: border-box;
  animation: animloader 1s linear infinite alternate;
}

@keyframes animloader {
  0% {
    box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0;
  }

  33% {
    box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0;
  }

  66% {
    box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0;
  }

  100% {
    box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px;
  }
}

.project-target-datatable .highcharts-data-table {
  height: 230px;
}

.pcode {
  border: 1px solid #FF9900;
  padding: 8px;
  border-radius: 30px;
  text-wrap: nowrap;
  color: #FF9900;
  font-size: 12px;
  background-color: lightyellow;
}

#toolbarContainer {
  display: none;
}


.cke_notification_warning {
  display: none;
  background: #c83939;
  border: 1px solid #902b2b;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}




/* Style the tab */
.tab {
  float: left;
  border-right: 1px solid #e9dfe1;
  height: 300px;
  padding-right: 10px;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 10px 10px;
  margin-right: 5px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #FF9900;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 3px;

  color: white;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #FF9900;
  margin-top: 5px;
  border-radius: 3px;
  margin-bottom: 5px;
  color: white;

}

.loader {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: inline-block;
  border-top: 5px solid #FFF;
  border-right: 5px solid transparent;
  box-sizing: border-box;
  margin-top: 8px;

  animation: rotation 1s linear infinite;
}

.loader::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border-left: 5px solid #FF3D00;
  border-bottom: 5px solid transparent;
  animation: rotation 0.5s linear infinite reverse;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#loadernewdiv {
  text-align: center;
  display: flow;
  justify-content: center;
  display: flex;
  padding: 6rem;
  text-align: center;
  justify-content: center;
}

#shadow-host-companion {
  display: none;
}

.bg-100 {
  --falcon-bg-opacity: 1;
  background-color: white !important;
}

.btn-primary-login,
.btn-outline-primary:hover {
  background-color: #FF9900 !important;
  border: 1px solid #FF9900 !important;
  border-color: #FF9900 !important;
  color: #fff !important;
}


.bg-dark {
  --falcon-bg-opacity: 1;
  background-color: #333E48 !important;
}

.bg-primary-border {
  --falcon-bg-opacity: 1;
  /* background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important; */
  border: 2px solid #F2F4F4;
}

.bg-primary-border2 {
  --falcon-bg-opacity: 1;
  color: white;
  background-color: #333E48 !important;
}