 .ms-choice {
     display: block;
     width: 100%;
     height: calc(2.25rem + 2px);
     padding: .375rem .75rem;
     background-color: #fff;
     background-clip: padding-box;
     border-radius: .25rem;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     font-size: 14px;
     color: #8c8796;
 }

 .ms-parent {
     padding: 0px;
 }

 .checkbox label::before {
     display: none;
 }

 .checkbox input[type="checkbox"],
 .checkbox input[type="radio"] {
     opacity: 1;
     z-index: 1;
 }

 .radio input[type="radio"] {
     opacity: 1;
     z-index: 1;
 }

 .table-bordered td,
 .table-bordered th {
     border: 1px solid #d1d5d5;
 }

 .w-150 {
     width: 150px;
 }

 .accordion-toggle .expand-button:after {
     position: absolute;
     left: 0.52rem;
     top: 50%;
     transform: translate(0, -50%);
     content: '--';
     font-size: 18px;
     font-weight: 700;
 }

 .stepper {
     display: flex;
     padding: 0;
     margin: 0;
     width: 100%;
     list-style: none;
     position: relative;
 }

 .nav-pills.stepper .nav-item.stepper-item .nav-link.stepper-link {
     border-radius: 0px !important;
 }

 .stepper.nav-pills .stepper-link.nav-link.active,
 .nav-pills .show > .stepper-link.nav-link,
 .stepper.nav-pills .stepper-item.nav-item .stepper-link.nav-link.active {
     color: #fff;
     background: #223155;
 }

 .stepper::before {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     content: "";
     width: calc(100% - 20px);
     background: transparent;
 }

 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link,
 .nav-pills .nav-item .nav-link.active {
     color: #fff;
     background: #f47b25;
 }

 .stepper.nav-pills .stepper-item.nav-item .stepper-link.nav-link {
     padding: 10px 30px 10px 30px !important;
 }

 .stepper-item .stepper-link {
     background: #ececec;
     margin: 0 0 0 -14px;
     -webkit-clip-path: polygon(15px 50%, 0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%);
 }

 .stepper-item.current {
     background: #223155;
     font-weight: bold;
     color: #FFF;
 }

 .stepper-item .stepper-link.complete {
     background: green;
     color: #FFF !important;
 }

 .stepper-item:first-child .stepper-link {
     -webkit-clip-path: polygon(0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%);
     margin-left: 0px;
 }

 .stepper-item:last-child .stepper-link {
     -webkit-clip-path: polygon(15px 50%, 0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%);
 }
