:root {
  --dxc-body-font-family: calibri, fira-sans-book, -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif !important;
  ;
  --dxc-body-font-size: 16px;
  --dxc-body-font-weight: normal;
  --dxc-body-line-height: 1;
  --dxc-body-background-color: #ffffff;
  --dxc-body-color: #666666;
  --dxc-body-padding: 0px 0px 0px 0px;
  --dxc-body-margin: 0px 0px 0px 0px;
  --dxc-footer-width: 100%;
  --dxc-footer-min-height: 36px;
  --dxc-footer-background-color: #D2D2CE;
  --dxc-footer-font-size: 14px;
  --dxc-footer-display: flex;
  --dxc-footer-align-items: center;
  --dxc-footer-padding: 12px 0px 12px 0px !important;
}

/*START: Portal Theme.css differences in bootstrap 5*/

body {
  margin: 0;
  font-family: var(--dxc-body-font-family);
  font-size: var(--dxc-body-font-size);
  font-weight: var(--dxc-body-font-weight);
  line-height: var(--dxc-body-line-height);
  color: var(--dxc-body-color) !important;
  background-color: var(--dxc-body-background-color) !important;
  padding: var(--dxc-body-padding);
  margin: var(--dxc-body-margin);
}

footer .footer-bottom {
  width: var(--dxc-footer-width);
  min-height: var(--dxc-footer-min-height);
  background-color: var(--dxc-footer-background-color);
  font-size: var(--dxc-footer-font-size);
  display: var(--dxc-footer-display);
  align-items: var(--dxc-footer-align-items);
  padding: var(--dxc-footer-padding);
}

.sectionPrimaryColor {
  background-color: var(--dxc-body-background-color) !important;
  color: var(--dxc-body-color) !important;
}

.section-landing .row>div .section-landing-heading {
  color: #fff;
  font-family: fira sans;
  font-weight: 500;
  text-transform: none;
  font-size: 48px;
  margin-bottom: 25px;
  background: rgb(0, 0, 0, 0.6);
  padding: 20px;
  max-width: 600px;
}

@media screen and (max-width: 600px) {
  .section-landing .row>div .section-landing-heading {
    font-size: 9vw;
  }
}

.section-landing .row>div .section-landing-sub-heading {
  margin-top: 0;
  margin-bottom: 50px;
  max-width: 600px;
  background: rgb(0, 0, 0, 0.6);
  padding: 20px;
}

.section-landing .row>div .section-landing-sub-heading h2 {
  color: #fff;
  font-weight: 200;
  font-family: fira sans;
  text-transform: none;
  letter-spacing: normal;
  font-size: 20px;
  margin: 0;
}

@media screen and (max-width: 600px) {
  .section-landing .row>div .section-landing-sub-heading h2 {
    font-size: 4vw;
    font-family: fira sans;
  }
}

.wrapper-body {
  min-height: calc(100% - 390px);
  margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: unset !important;
  font-family: calibri, fira-sans-book, -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif !important;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  background-color: #e2e2e2;
  border: 1px solid #e2e2e2;
  color: #414042;
  opacity: 1;
  border-radius: 0 !important;
}

.btn-default {
  color: #007cad;
  background-color: #ffffff;
  border-color: #007cad;
  border-radius: 0 !important;
}

.btn-default:hover {
  color: #0d77a0;
  background-color: #f2f2f2;
  border-color: #0d77a0;
}

.btn-default:active,
.btn-default.active {
  color: #0d77a0;
  background-color: #f2f2f2;
  border-color: #0d77a0;
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus {
  color: #0d77a0;
  background-color: #f2f2f2;
  border-color: #0d77a0;
}



.btn-default:focus,
.btn-default.focus {
  color: #0d77a0;
  background-color: #f2f2f2;
  border-color: #0d77a0;
}

.btn-primary {
  background-color: #007cad;
  border: 1px solid #007cad;
  border-radius: 0 !important;
  color: #fff;
}

.btn-primary:hover,
.btn-outline-primary:hover {
  background-color: #005B80;
  text-decoration: none;
  border: 1px solid #005B80;
}

.btn-primary:active,
.btn-primary.active,
.btn-outline-primary.active {
  background-color: #007cad;
  border: 1px solid #007cad;
  color: #fff;
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus {
  background-color: #005B80;
  text-decoration: none;
  border: 1px solid #005B80;
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  cursor: not-allowed;
  background-color: #e2e2e2;
  border: 1px solid #e2e2e2;
  color: #414042;
  opacity: 1;
}

.btn-primary:focus,
.btn-primary.focus {
  background-color: #005B80;
  text-decoration: none;
  border: 1px solid #005B80;
}

.btn-outline-primary {
  background-color: white;
  border: 1px solid #007cad;
  border-radius: 0 !important;
  color: #007cad;
}

.publicregister button {
  font-weight: bold;
}

a {
  color: #12821f;
}

a:hover {
  color: #12821f;
  text-decoration: underline;
}

a:focus {
  color: #12821f;
  text-decoration: underline;
}

h1 {
  font-size: 36px !important;
  font-weight: 500 !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

h2 {
  font-size: 28px !important;
  font-weight: 500 !important;
}

h3 {
  font-size: 24px !important;
  font-weight: 500 !important;
}

.skip-to-content a {
  padding: 10px 20px;
  position: absolute;
  top: -43px;
  left: 0px;
  color: #FFFFFF;
  border-radius: 2px;
  background: #742774;
  -webkit-transition: top 1s ease-out;
  transition: top 1s ease-out;
  z-index: 100;
  font-family: Segoe UI;
  font-size: 14px;
}

.skip-to-content a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  outline: none;
  color: #FFFFFF;
  -webkit-transition: top .1s ease-in;
  transition: top .1s ease-in;
  border: 1px dashed;
}

/*END: Portal Theme.css differences in bootstrap 5 Ends*/

/**START: Portal Basic Theme Override **/

.static-top.navbar .menu-bar>.navbar-nav>li>a {
  font-family: calibri, fira-sans-book, -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif !important;
  padding: 15px;
}

.static-top.navbar .menu-bar>.navbar-nav>li>a:hover {
  text-decoration: Underline;
  background-color: #0000004d
}

.static-top.navbar .menu-bar>.navbar-nav>li>a.active {
  border-bottom: 1px solid #007cad;
}


.navbar-dark .navbar-nav>li>a,
.navbar-dark .navbar-nav>li.dropdown>a {
  color: #666666;
  font-family: calibri, fira-sans-book, -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif !important;
}

.navbar-dark .navbar-nav>li>a:hover,
.navbar-dark .navbar-nav>li.dropdown>a:hover {
  background-color: #323130;
  color: #ffffff;
  text-decoration: Underline;
}

.navbar-dark .navbar-nav>li>a:focus,
.navbar-dark .navbar-nav>li.dropdown>a:focus {
  background-color: #323130;
  color: #ffffff;
  text-decoration: Underline;
}

.navbar-dark .navbar-nav>li>a:focus-visible,
.navbar-dark .navbar-nav>li.dropdown>a:focus-visible {
  background-color: #323130;
  color: #ffffff;
  text-decoration: Underline;
}

.navbar-dark .navbar-nav a.show,
.navbar-dark .navbar-nav a.dropdown-toggle.show {
  color: #ffffff;
  background-color: #323130;
  text-decoration: Underline;
}

.navbar-dark .navbar-nav a.show:hover,
.navbar-dark .navbar-nav a.dropdown-toggle.show:hover {
  color: #ffffff;
  background-color: #323130;
  text-decoration: Underline;
}

.navbar-dark .navbar-nav a.show:focus,
.navbar-dark .navbar-nav a.dropdown-toggle.show:focus {
  color: #ffffff;
  background-color: #323130;
  text-decoration: Underline;
}

.navbar-dark .navbar-nav .show.dropdown-menu {
  background-color: #323130;
  text-decoration: none;
}

.navbar-dark .navbar-nav .show.dropdown-menu>li>a {
  color: #ffffff;
  text-decoration: none;
}

.navbar-dark .navbar-nav .show.dropdown-menu>li>a:hover {
  background-color: #ffffff;
  color: #666666;
  text-decoration: Underline;
}

.navbar-dark .navbar-nav .show.dropdown-menu>li>a:focus {
  background-color: #ffffff;
  color: #666666;
  text-decoration: Underline;
}

.navbar-dark .navbar-nav .show.dropdown-menu>.active>a {
  background-color: #ffffff;
  color: #666666;
  text-decoration: Underline;
}

.navbar-dark .navbar-nav .show.dropdown-menu>.active>a:hover {
  background-color: #ffffff;
  color: #666666;
  text-decoration: Underline;
}

.navbar-dark .navbar-nav .show.dropdown-menu>.active>a:focus {
  background-color: #ffffff;
  color: #666666;
  text-decoration: Underline;
}

.nav>li>a {
  text-decoration: none;
}

.nav>li>a:hover {
  background-color: #f2f2f2;
}

.nav>li>a:focus {
  background-color: #f2f2f2;
}

.nav .show.dropdown-menu {
  background-color: #FFFFFF;
}

.nav .show.dropdown-menu>li>a {
  text-decoration: none;
  color: #666666;
}

.nav .show.dropdown-menu>li>a:hover {
  background-color: #f2f2f2;
  color: #666666;
}

.nav .show.dropdown-menu>li>a:focus {
  background-color: #f2f2f2;
  color: #666666;
}

.nav .show.dropdown-menu>.active>a {
  background-color: #f2f2f2;
  color: #666666;
}

.nav .show.dropdown-menu>.active>a:hover {
  background-color: #f2f2f2;
  color: #666666;
}

.nav .show.dropdown-menu>.active>a:focus {
  background-color: #f2f2f2;
  color: #666666;
}

.nav>.dropdown>a.show {
  text-decoration: none;
  background-color: Underline;
}

.nav>.dropdown>a.show:hover {
  background-color: Underline;
}

.nav>.dropdown>a.show:focus {
  background-color: Underline;
}

.nav-tabs .nav-link {
  color: var(--dxc-body-color);
  border-radius: 0;
}

.nav-tabs .nav-link.active {
  color: #007cad !important;
  border-top-color: #007cad !important;
  border-radius: 0;
}

/**END: Portal Basic Theme Override **/

/**START: From Determinations theme.css **/
.labelFontWeightNormal {
  font-weight: normal;
}

.checkbox-cell>label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: normal;
}
/* .checkbox-cell {
  display: flex !important;
  flex-direction: row-reverse !important;
} */
.checkbox-cell>.table-info {
  /* width: 100% !important; */
  margin-top: 2.5px !important;
}

table {
  text-align: left;
  width: 100%;
  font-size: 16px;
  line-height: 18px;
  border: 0;
  padding: 0;
  border-spacing: 0;
}


table tbody tr:nth-child(2n) {
  background-color: #ffffff !important;
}

table tbody tr:nth-child(odd) {
  background-color: transparent !important;
}

.divInstructionText {
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
}

/* .progress {
    overflow: hidden;
    height: 21px;
    margin-bottom: 21px;
    background-color: #f5f5f5;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0px 0px rgb(245, 245, 245);
    box-shadow: inset 0 0px 0px rgb(245, 245, 245);
  } */

.list-group-item-success {
  /* color: #97D700; */
  /* color: #006272; */
  color: #000000;
  background-color: transparent;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #f5f5f5 !important;
  border: 0px solid #ddd;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #007f94 !important;
  border-color: #007f94 !important;
}

.list-group-item-success-tick-color {
  color: #97D700;
  background-color: transparent !important;
}

/*
  .panel-default > .panel-body, .list-group-item {
    background-color: transparent !important;
    color: #000000;
  }*/

.progressbarHrefLinkSiccess {
  color: #97D700;
  background-color: transparent;
  text-decoration: none;
}

.progressbarHrefLinkActive {
  color: #fff;
  background-color: transparent;
  text-decoration: none;
}

.progressbarHrefLinkHover {
  color: #fff;
  background-color: transparent;
  text-decoration: underline;
}

.progressbarHrefLink {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
}

.headingsTextColor {
  color: #000;
}

.italicItextOnPageContent {
  font-size: 15px;
}

.section-landing-button {
  padding-right: 15px;
  padding-left: 15px;
  background: white;
  color: #000;
  border: 1px solid #000;
  padding-top: 10px;
  line-height: 1.15em;
  text-decoration: none !important;
  padding-bottom: 10px;
  display: inline-block;
  min-width: 300px;
}

.section-landing-content {
  font-weight: 400;
  font-family: fira sans;
  width: 100%;
  display: block;
  min-height: 45px;
}

.content-home a {
  color: #007cad;
  margin-left: 0 !important;
}

.content-home a:hover,
.content-home a:visited {
  color: #007cad;
}

.section-landing-button:hover,
.section-landing-button:visited {
  color: #000;
}

div.message.success {
  background-color: #E6F9EC;
  border-color: #12821F;
  color: #323130;
  -ms-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 18px;
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

/**END: From Determinations theme.css**/

/**START: BSDA Theme **/

.brandheader,
.brandheader .nav-link,
.brandheader .nav-link:active,
.brandheader .nav-link:focus,
.brandheader .nav-link:hover
{
  background-color: #002e63 !important;
  color: #ffffff !important;
}
@media screen and (max-width: 600px) {
  .navbar-header-image {
    max-width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .navbar-header-image {
    height: 80px;
  }
}
.navbar-toggler-icon{
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.list-group-item {
  background-color: #fbfbfb !important;
}

.pagination>.active>a, 
.pagination>.active> a:focus, 
.pagination>.active> a:hover
{
  background-color: #0072ed !important;
}


.customweblinks-item
{
  /**font-family: var(--dxc-body-font-family);
  font-size: var(--dxc-body-font-size);
  font-weight: var(--dxc-body-font-weight);
  line-height: var(--dxc-body-line-height);
  
  padding: var(--dxc-body-padding);
  margin: var(--dxc-body-margin);**/

  background-color: white;
  border: 1px solid #007cad;
  border-radius: 0 !important;
  color: #007cad;
  font-weight: bold;
  padding:20px;
  margin-bottom: 10px;
  text-decoration: none;
}

.customweblinks-item a{
  color: #007cad;
}

.customweblinks-item a.active .customweblinks-item a.hover
{
  background-color: #007cad;
  border: 1px solid #007cad;
  color: #fff;
}


.registerheader{
  border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, rgba(102,102,102,1) 0%, rgba(0,124,173,1) 100%);
    border-image-slice: 1;
    width:100%;
}

.registerdescription
{
  margin:10px;
}

.homepageheader{
  
    width:100%;
    color: #007cad;
}

.homepagedescription
{
  padding: 20px 10px 0 10px; 
  border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, rgba(102,102,102,1) 0%, rgba(0,124,173,1) 100%);
    border-image-slice: 1;
    width:100%;
}

.accordion {
	--bs-accordion-btn-color: none;
	--bs-accordion-btn-bg: none;
	--bs-accordion-active-color: none;
	--bs-accordion-active-bg: none;
  --bs-accordion-btn-focus-box-shadow: none;
}

.accordion-item {
  
  border-top: none; /* Remove top border from accordion body */
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, rgba(102,102,102,1) 0%, rgba(0,124,173,1) 100%);
  border-image-slice: 1;
  width:100%;
  
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, rgba(102,102,102,1) 0%, rgba(0,124,173,1) 100%);
  border-image-slice: 1;
}

.accordion-button {
  background-color: none; /* Custom background color */
  color: #007cad; /* Custom text color */
  border: none; /* Remove border from accordion button */
  padding: 10px 0px 20px 0px;
}
.accordion-button:not(.collapsed) {
  background-color: none; /* Custom background color when expanded */
  color: #007cad; /* Custom text color when expanded */
}
.accordion-body {
  background-color: none; /* Custom background color for body */
  color: #666; /* Custom text color for body */

}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' 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='22' height='22' 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");
}

.startapplication {
  color: #007cad;
}

.registertable
{
  margin-top:20px;
}

div.input-group.float-start.view-search.entitylist-search input.query.form-control
{
  font-size: 16px !important;
}

/* .tab-content .view-grid {
  overflow-x: visible;
} */
.view-grid {
  min-height: 200px;
}

.view-grid>.table>thead>tr>th {
  border-bottom-color: #007cad !important;
}

.crmEntityFormView {
  padding: 10px 20px 10px 20px;
}

.entitylist {
  border: 0 !important;
}

.crmEntityFormView .crmquickform-cell {
  padding: 0px !important;
  border: 0px !important;
}

.crmEntityFormView .crmquickform-cell .table-info {
  display: none;
}

.quickform .crmEntityFormView {
  padding: 0px !important;
  border: 0px;
}

.modal h1 {
  font-size: 21px !important;
}

.ui-autocomplete {
  font-family: var(--dxc-body-font-family);
  font-size: var(--dxc-body-font-size);
  font-weight: var(--dxc-body-font-weight);
}

.table-fluid tr {
  /* border-top: solid #ddd 1px !important; */
  border-top: 0px !important;
}

.picklist.horizontal label{
  margin-right: 5px !important;
}

.customdropdown-menu {
  display: block;
  position: static !important;
  position: initial !important;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
  max-width: 95px;
  min-width: 95px;
  width: 95px;
  left: auto !important;
  top: auto !important;
}
.customdropdown-menu>li {
  display: inline-block;
  text-align: center;
}
.customdropdown-menu>li>a {
  /* font-size: 0; */
  padding: 2px;
  margin: 0;
}
.customdropdown-menu>li>a>span {
  font-size: 18px;
}
.customdropdown-menu>li>a:hover {
  color: #008C95;
  background: transparent;
}

legend li{
  font-size: 16px !important;
}
.sticky {
  position: sticky;
  top: 50%;
  left: 0;
  height: calc(100% - 1px);
  width: calc(100% - 1px);
  float: left;
  margin-right: -100%;
  pointer-events: none;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  z-index: 999999;
  display: flex;
}

.loader {
  position: relative;
  margin: auto;
  width: 100px;
}

.loader span {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 40px;
  font-size: 14px;
  font-family: "Fira Sans", Helvetica, Arial, Sans serif;
}

.loader::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.loader .circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

.loader.mini {
  width: 24px;
  text-align: right;
  margin-right: 12px;
  padding-top: 19px;
}

.loader.mini circle {
  stroke-width: 5px;
}

.loader.mini .path {
  animation: dash 1.5s ease-in-out infinite, color-black 6s ease-in-out infinite;
}

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

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 899, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes color {
  100% {
    stroke: #272725;
  }

  0% {
    stroke: #369;
  }

  40% {
    stroke: #369;
  }

  66% {
    stroke: #272725;
  }

  90% {
    stroke: #272725;
  }
}

@keyframes color-black {
  100% {
    stroke: #272725;
  }

  0% {
    stroke: #272725;
  }

  40% {
    stroke: #272725;
  }

  66% {
    stroke: #272725;
  }

  90% {
    stroke: #272725;
  }
}

.loading {
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.637);
  z-index: 10000;
}

.loading img {
  margin: auto;
}

.loading .dia-spinner {
  display: flex;
  z-index: 2;
}

.loading .spinner::before,
.loading .spinner::after {
  width: 60px;
  height: 60px;
}

.loading-linear {
  position: relative;
}

.spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.spinner:before {
  background: transparent;
  border-radius: 40px;
  width: 20px;
  height: 20px;
  border: 3px solid transparent;
  position: absolute;
  content: "";
}

.spinner:after {
  border-radius: 0 3px 3px 0;
  border: 1px solid transparent;
  margin: auto;
  position: absolute;
  content: "";
  border-radius: 40px;
  width: 20px;
  height: 20px;
  border-color: transparent;
  border-width: 3px;
  font-size: 0;
  border-left-color: #272725;
  border-right-color: #272725;
  animation: rotating 0.6s 0.25s linear infinite;
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (min-width: 992px) {
  .progress {
    display: flex;
    flex-direction: column;
    background: none;
    box-shadow: none;
    align-items: flex-start;
    margin-top: 0px !important;
  }

  .progress li {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 42px;
    color: #272725;
    margin-top: 45px !important;
    min-height: 39px;
    line-height: 20px;
    padding-top: 0px;
    padding-bottom: 0;
    counter-increment: step-counter;
    width: 100%;
  }

  .progress li:last-child::before {
    display: none;
  }

  .progress li:first-child {
    margin-top: 0 !important;
  }

  .progress li span.number {
    display: none;
  }

  .progress li span.glyphicon {
    position: absolute;
    left: 0px;
    top: 0;
    background: #272725;
    color: #fff;
    padding: 6px !important;
    font-size: 12px;
    border-radius: 100%;
    z-index: 1;
    width: 36px;
    height: 36px;
  }

  .progress li::before {
    content: "";
    position: absolute;
    border-left: 7px dotted #ABABAB;
    z-index: 0;
    height: 100%;
    width: 4px;
    left: 15px;
    top: 40px;
  }

  .progress li::after {
    position: absolute;
    content: "";
    border-radius: 100%;
    background: #fff;
    border: 3px solid rgba(51, 102, 153, 0.5);
    padding: 4px 4px 5px 4px;
    text-align: center;
    line-height: 21px;
    left: 0px;
    top: 0;
    z-index: 2;
    width: 36px;
    height: 36px;
    content: counter(step-counter);
  }

  .progress li.list-group-item-success {
    background: none;
    border: none;
    color: #272725;
  }

  .progress li.list-group-item-success::before {
    border-color: #398725;
  }

  .progress li.list-group-item-success::after {
    border: 3px solid #398725;
    box-shadow: inset 0 0 0 3px rgba(0, 128, 0, 0.2);
    content: "";
  }

  .progress li.list-group-item-success .fa-solid.fa-check {
    position: absolute;
    padding-left: 0px !important;
    left: 9px;
    top: 4px;
    z-index: 3;
    font-size: 18px;
    line-height: 28px;
    color: #398725;
  }

  .progress li.active {
    background: #f5f5f5 !important;
    border: none;
    color: #272725;
    font-weight: bold;
    display: flex;
  }

  .progress li.active:hover {
    background: none;
    border: none;
    color: #272725;
  }

  .progress li.active::after {
    border-color: #369;
    color: #369;
    font-weight: normal;
  }

  .progress li.active .progress-count {
    position: relative;
  }

  .progress li:nth-child(1).active .progress-count:after {
    content: "1/7";
  }

  .progress li:nth-child(2).active .progress-count:after {
    content: "2/7";
  }

  .progress li:nth-child(3).active .progress-count:after {
    content: "3/7";
  }

  .progress li:nth-child(4).active .progress-count:after {
    content: "4/7";
  }

  .progress li:nth-child(5).active .progress-count:after {
    content: "5/7";
  }

  .progress li:nth-child(6).active .progress-count:after {
    content: "6/7";
  }

  .progress li:nth-child(7).active .progress-count:after {
    content: "7/7";
  }

  .progress li:last-child::before {
    display: none !important;
    border-color: transparent;
  }

  ol.progress.left,
  ol.progress.right {
    margin-top: 0;
  }
}

@media (max-width: 992px) {
  .progress li {
    display: none !important;
  }

  .progress li.active {
    width: 100%;
    border: 1px solid #4C4C4C;
    padding: 12px 8px 12px 12px;
    margin: 0;
  }

  .progress li.active::after {
    left: 12px;
    top: 14px;
    display: none;
  }

  .progress li.active::before {
    display: none;
  }

  .progress li.active .fab-ic {
    left: 18px;
    top: 16px;
  }

  .progress li.active .progress-count {
    margin-right: 4px;
    margin-left: auto;
    font-weight: normal;
    white-space: nowrap;
  }

  ol.progress.left,
  ol.progress.right {
    margin-top: 0;
  }
}

.dropArea {
  position: relative;
  width: 100%;
  border: 2px dashed #909090;
  text-align: center;
}

.dropAreaDragging {
  border: 3px dashed #909090;
  opacity: .5;
}

.dropArea input {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

div.dropArea:focus-within{
  border: 2px dashed #0d77a0;
  color: #0d77a0;
}


/**END: BSDA Theme **/