:root {
   --green: #194569;
   --grey: #c4c4c4;
   --white: #ffffff;
   --padding: 1em;
   }
   .mainWrapper {
   width: 100%;
   min-width: 40ch;
   max-width: 75vw;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 7px 28px;
   position: relative;
   margin-bottom: 85px;
   }
   .statusBar {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0;
   width: 100%;
   position: relative;
   cursor: default;
   }
   .statusBar::before {
   content: "";
   height: 0.3em;
   background-color: var(--grey);
   position: absolute;
   left: var(--padding);
   right: var(--padding);
   }
   .pBar {
   content: "";
   height: 0.3em;
   border-radius: 0 0 0.15em 0.15em;
   background-color: var(--green);
   max-width: 100%;
   margin: 10px #000000 solid;
   position: absolute;
   left: 0;
   width: 0%;
   }
   .statusBar > .node {
   background-color: var(--grey);
   height: 1em;
   width: 1em;
   border-radius: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   }
   .order-box {
   padding: 14px 15px;
   border-radius: 3px;
   }
   .node > .text {
   font-weight: 500;
   color: var(--grey);
   text-align: center;
   position: absolute;
   top: 2.5em;
   cursor: ;
   }
   .node.done {
   background-color: var(--green);
   }
   .node > .text.done {
   color: var(--green);
   }
   .node > .main {
   position: absolute;
   border: 0.2em var(--grey) solid;
   width: 0;
   height: 0;
   border-radius: 100%;
   }
   .node > .main.done {
   border: 0.2em var(--green) solid;
   width: 2em;
   height: 2em;
   border-radius: 100%;
   }
   .mainWrapper > .buttonHolder {
   margin-top: 3em;
   display: flex;
   justify-content: center;
   align-items: center;
   }
   .button {
   padding: 0.5em;
   padding-left: 1em;
   padding-right: 1em;
   margin: 1em;
   font-size: 1.3em;
   border-radius: 1.5em;
   cursor: pointer;
   }
   .button.b-next {
   background-color: var(--green);
   color: var(--white);
   }
   .button.b-next:hover {
   box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.2);
   }
   .button.disabled,
   .button.disabled:hover {
   opacity: 30%;
   cursor: default;
   }
   .button.b-next.disabled:hover {
   box-shadow: none;
   }
   .button.b-back {
   box-shadow: 0px 0px 0px 0.2em var(--green) inset;
   background-color: var(--white);
   color: var(--green);
   }
   .made {
   position: absolute;
   bottom: 0.7em;
   }
   .made > .credit {
   opacity: 40%;
   color: #4b4b4b;
   text-align: center;
   }.alert-success {
   color: #0f5132;
   font-size: 13px;
   font-weight: 500;
   background-color: #d1e7dd;
   border-color: #badbcc;
   }.flex-inline {
   display: flex;
   justify-content: space-between;
   align-items: center;
   }
   .m-b-20 {
   margin-bottom: 20px!important;
   }
   .profile-right .order-box {
   border-radius: 8px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
   background-color: #ffffff;
   padding: 26px 20px;
   margin-bottom: 20px;
   }
   .flex-inline {
   display: flex;
   justify-content: space-between;
   align-items: center;
   }
   .profile_section {
   margin-top: 35px;
   }
   div#v-pills-tab{
   margin-top:  35px;
   }div#staticBackdrop .modal-header.popup-top {
   color: #004368;
   border-top-left-radius: calc(0.3rem - -11px)!important;
   border-top-right-radius: calc(0.3rem - -11px)!important;
   background-color: #ffc107 !important;
   font-size: 20px;
   border-bottom: solid 6px #004368;
   }div#staticBackdrop .modal-content .modal-header button.btn-close {
   background-color: #fff;
   opacity: 1;
   padding: 10px;
   top: 0px;
   position: absolute;
   right: 0px;
   }.modal-content {
   border-radius: 25px;
   }.alert-danger {
   color: #842029;
   background-color: #f8d7da;
   border-color: #f5c2c7;
   font-size: 13px;
   font-weight: 600;
   }.alert {
    position: relative;
    padding: 0.1rem 0.3rem;
    margin-bottom: 0rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    height: max-content;
    width: max-content;
}