body {
        display: flex;
        flex-direction: column;
        /*align-items: center;*/
      }

      .Title{
        font-weight: 500;
      }

      .HintBold {
        font-weight: bold;
      }

      .MainContainer{
        display: flex;
        flex-direction: column;
        /*margin: 10px;*/
        max-width:1220px;
        margin: 0px auto;
        margin-top: 10px;
        /*padding-left:10px;
        padding-right: 10px;*/
      }

      .Title{
        display: flex;
        align-items: flex-end;
        width:100%;
        font-size: 24px;
        padding: 5px;
        padding-left: 0px;
      }

      .TitleContainer {
        display: flex;
        flex: 1;
        /*margin-top:30px;*/
        cursor: pointer;
      }

      .CompareButtonContainer{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
      }

      .IconContainer{
        display:flex;
        align-items: center;
        justify-content: center;
        height: 20px;
        width: 20px
      }

      .Container4{
        display: flex;
        width: 100%;
        padding: 5px;
        flex-direction:column;
      }

      @media (min-width: 992px) {
        .Container4{
          flex-direction: row;
        }
      }

      .HintContainer{
        display: flex;
        align-items: center;
      }

      .ButtonsContainer{
        color: darkgrey;
        height: 30px;
        font-size: 14px;
        font-weight: 500;
        color: #544747;
        text-align: center;
        display: flex;
        flex: 1;
        justify-content: center;
        margin-top: 20px;
      }

      @media (min-width: 992px) {
        .ButtonsContainer {
          display: flex;
          flex: 1;
          justify-content: flex-end;
          margin-top: 5px;
        }
      }

      .FlexEnd {
        display: flex;
        flex:1;
        justify-content: flex-end;
        align-items: center
      }

      .hl {
          width: 100%;
          border: 0;
          border-top: 1px solid #ccc;
          margin: 1em 0;
          padding: 0;
      }

      .connector {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .connectorLine {
          width: 20px;
          border-top: 3px solid #ccc;
          margin: 1em 0;
          padding: 0;
      }

      .dot {
          height: 10px;
          width: 10px;
          background-color: #bbb;
          border-radius: 50%;
      }

      .vl {
          border-left: 1px solid darkgrey;
          height: 15px;
          margin-left: 5px;
          margin-right: 5px;
      }

      /*hr {
          width: 25px;
          border: 0;
          border-top: 3px solid #ccc;
          margin: 1em 0;
          padding: 0;
      }*/

      .Button{
        cursor: pointer;
        text-decoration: underline;
      }

      .btn-primary {
        border-radius: 5px;
        text-transform: none;
      }

      .Hint,.HintBold{
        font-size: 13px;
        font-style: italic;
        margin-bottom: 0;
      }

      span.step ,span.step2 {
        background: #ff4c4c;
        border-radius: 0.8em;
        -moz-border-radius: 0.8em;
        -webkit-border-radius: 0.8em;
        color: white;
        display: inline-block;
        line-height: 1.6em;
        text-align: center;
        width: 1.6em;
        /*margin-top:20%;*/
      }

      span.step {
        line-height: 1.6em;
        width: 1.6em;
      }

      span.step2 {
        line-height: 1.2em;
        width: 1.2em;
      }

      .ToDoContainer {
        /*display: flex;*/
        min-height: 80px;
        width: 100%;
        background-color: white;
        border-radius: 10px;
      }

      .Collapse2{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        flex-direction: column;
      }

      .material-icons:hover{
        cursor: pointer;
      }

      .stepCard {
        border-radius: 10px !important;
        border: 0px;
        background-color: white !important;
        border-bottom: none !important;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -webkit-box-shadow: 0px 2px 30px -3px rgba(0,0,0,0.12);
        -moz-box-shadow: 0px 2px 30px -3px rgba(0,0,0,0.12);
        box-shadow: 0px 2px 30px -3px rgba(0,0,0,0.12);
      }

      .stepCard:hover:not(.noHover){
        /*-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/

        cursor: pointer;
        -webkit-box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15);
      }

      .stepCard:hover > .rounded-bottom{
        background-color: #4a93a1;
        color: #ffffff !important;
      }

      .stepCard .iconCheck {
        position:relative;
        top:30px;
        left:12px;
        z-index:100
      }

      .stepCard .status {
        position:relative;
        top:20px;
        font-size:12px;
        font-weight:400;
      }

      .stepCard .rounded-bottom {
        border-bottom-right-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
        padding-top: 0.95rem !important;
        padding-bottom: 0.75rem !important;
        background-color: #EFF4F6;
        display:flex;
        justify-content:space-between;
        padding-left:12px;
        padding-right:12px;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      }
      .stepCard .font-small {
        font-size: 12px;
      }

      .stepCard .card-content {
        display:flex;
        justify-content:space-between;
      }

      .stepCard a {
        color: #181732;
      }

      .rotate {
        transform: rotate(90deg);
      }

      .min-height-185 {
        min-height:185px;
      }

      .dashboardAccordian .container-fluid {
        padding-left:0px;
        padding-right:0px;
      }

      .stepCard .card-text {
        padding-right:30px;
      }

      .stepCard .card-body {
        padding-bottom:10px !important;
      }

      .score-card {
        border-radius: 10px !important;
        border: 0px;
        background-color: white !important;
        height:200px;
      }

      .position-card-body {
        display: flex;
        flex-direction: column;
        align-content: space-around;
      }

      .dashboardAccordian .dashboard-card {
        box-shadow: none;
        border-radius: 0rem !important;
      }

      .dashboardAccordian .card-header {
        background-color: transparent;
        /*padding: 0px !important;*/
        /*padding-bottom: 0px !important;*/

      }

      .dashboardAccordian .card-header:hover {
        background-color: #ffffff;
        border-radius: 5px;
      }


      .dashboardAccordian .card {
        background-color: transparent;
        /*border: 0px !important;*/
        border-bottom: 1px solid rgba(0,0,0,.125);
      }

      .dashboardAccordian .card-sub-header {
        display: flex;
        flex:1;
        flex-direction: column;
        font-size: 13px;
        color: darkgrey;
        padding-top: 3px;
        padding-bottom: 5px;
      }

      .accordian-data-required{
        margin-right: 5px;
        padding-bottom: 9px;
        font-size: 12px;
      }

      .underlined-text {
        text-decoration: underline;
      }

      .rounded-grey-button {
        /*display: flex;*/
        align-items: center;
        justify-content: center;
        min-height: 50px;
      }

      .rounded-grey-button .btn {
        padding: 10px 50px 10px 50px;
        color: #4285f4 !important;
        font-size: 15px !important;
        text-transform: none !important;
        background-color: lightgrey;
      }

      .hipla-rounded-button {
        text-transform: none !important;
        border-radius: 10px;
        padding: 14px;
      }

      .new-actions-button {
        width:280px;
        background-color:white;
        font-size: 1rem;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
      }

      .col-xl-4{
        padding-top: 10;
        padding-bottom: 10;
      }

      .rounded-grey-button .btn-rounded {
        border-radius: 10em !important;
        -webkit-border-radius: 10em !important;
      }

      .ToDoCard {
        min-height: 80px;
        width: 100%;
        border-radius: 10px !important;
        border: 0px;
        background-color: white !important;
        cursor: pointer;
      }

      .ToDoCard:hover {
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15);
      }

      .rounded-grey-button-inv,.HintContainer-mobile{
        visibility: hidden;
      }

      /*.ButtonsContainer-mobile{
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction:column;
        padding-top: 0px
      }*/

      .Button-mobile{
        width:100%;
        margin-left:30px;
      }


      .dashboardAccordian .card .card-header a:not(.collapsed) .rotate-icon {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
      }

      .dashboardAccordian .card-header{
        border-bottom: none;
      }

      .dashboardAccordian .card-title{
        font-size: 16px;
        font-weight: 500;
      }

      .dashboardAccordian .card-text{
        font-size: 14px;
        text-align: left;
      }

      .score-icon{
        margin-top: -35px;
        display: inline-block;
      }
      
      .stepCard.placeholder{

        background-color: inherit !important;
        box-shadow: inherit !important;
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='lightgray' stroke-opacity='0.4' stroke-width='4' stroke-dasharray='14%2c 9' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
      }
      .stepCard.placeholder > .card-body {
        padding-top: 10px;
      }

      .stepCard.placeholder .card-content {
        color: darkgray;
        opacity: 0.5;
        display: block !important;
        margin-top: auto;
        margin-bottom: auto;
      }