.modal-loadings.show ~ .modal-backdrop.show {
        opacity: 0.8;
    }
    #modal-loading {
      width: 50%;
      height: 50%;
      top: 40%;
      left: 25%;
    }
    .loading-spinner{
      width:30px;
      height:30px;
      border:2px solid indigo;
      border-radius:50%;
      border-top-color:#0001;
      display:inline-block;
      animation:loadingspinner .7s linear infinite;
    }
    .spinner-border-div{
      background-color: #f6f6f6;
      border: 1px solid rgba(120, 130, 140, 0.13);
      padding: 8px;
    }
    .hidden{
      display: none;
    }
    @keyframes loadingspinner{
      0%{
        transform:rotate(0deg)
      }
      100%{
        transform:rotate(360deg)
      }
    }
    .loader {
      border: 4px solid #a7a2a2;
      border-radius: 50%;
      border-top: 4px solid #00ade0;
      padding: 6px;
      width: 30px;
      height: 30px;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
    }
    @-webkit-keyframes spin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    .trailingGraphForm {
      display: flex;
      justify-content: space-around;
      align-items: center;
    }

    .drawdownGraphForm {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

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

    #errorSearchQuery {
      color: red;
    }

    .assetAllocationGraphClassForm {
      display: flex;
      justify-content: space-around;
      align-items: center;
    }

    .assetAllocationGraphGeographyForm {
      display: flex;
      justify-content: space-around;
      align-items: center;
    }

    .endDateForm {
      display: flex;
    }

    .wrapper.wrapper-tooltip {
      z-index: 9;
    }

    .footable-editing {
      display: none;
    }

    label.form-check-label {
      font-size: 12px;
      margin-right: 15px;
      margin-left: 10px;
    }

    input.customInput {
      width: 100%;
      border-color: #edeff0;
    }

    button.btn.btn-default {
      margin-right: 5px;
    }

    th.footable-sortable.footable-first-visible {
      width: 2%;
    }

    th.footable-sortable.footable-last-visible {
      width: 50%;
    }

    #exportPDF {
      display: flex;
      float: right;      
    }
    .check-report{
      display: flex;
      align-items: center;
      gap: 5px;
      justify-content: flex-end;
    }

    .wrapper {
      text-transform: uppercase;
      font-size: 20px;
      text-align: center;
      -webkit-transform: translateZ(0);
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      background: #c8edfd;
      width: 40px;
      height: 28px;
      top: -4px;
      position: relative;
      border-radius: 4px;
      right: -40px;
    }

    .wrapper span img {
      height: 14px;
    }

    .searchQuery {
      margin-bottom: 0px;
    }
    .viewpdfsearch {
      text-align: right;
      display: flex;
      gap: 30px;
    }

    .wrapper .tooltip {
      background: #fff;
      bottom: 100%;
      display: block;
      left: -230% !important;
      margin-bottom: 15px;
      opacity: 1;
      padding: 15px;
      position: absolute;
      width: 100%;
      width: 230px;
      text-align: center;
      right: 0;
      border: 1px solid #DCDCDC;
    }

    .wrapper .tooltip:before {
      bottom: -20px;
      content: " ";
      display: block;
      height: 20px;
      left: 0;
      position: absolute;
      width: 100%;
    }

    .wrapper .tooltip .cancel-button {
      position: absolute;
      right: 8px;
      top: 3px;
      cursor: pointer;
      z-index: 999;
    }

    .wrapper .tooltip .cancel-button img {
      width: 9px;
      height: 9px;
    }

    .wrapper .tooltip:after {
      bottom: -10px;
      content: " ";
      height: 0;
      left: 50%;
      margin-left: -13px;
      position: absolute;
      width: 22px;
      background: url("../assets/images/bottom-arrow.png") no-repeat center center;
      height: 10px;
    }

    .wrapper:hover .tooltip {
      opacity: 1;
      pointer-events: auto;
    }

    .wrapper .tooltip {
      display: block;
    }

    .wrapper:hover .tooltip {
      display: block;
    }

    label#custom_mpName-error {
      color: red;
    }

    label#custom_ModelPortfolioName-error {
      color: red;
    }

    label.form-check-label.successMPname {
      color: #0bd70b;
      font-size: 14px;
      font-weight: 700;
      margin-left: 25px;
    }

    label.form-check-label.errorFunds {
      color: red;
      font-size: 14px;
      font-weight: 700;
      margin-left: 25px;
    }

    /* For tooltip sections */
    .custom-tooltip-section {
        display: flex;
        justify-content: space-between;
    }
    #custom-tooltip {
        z-index: 1;
        margin-top: -5px;
    }
    .custom-wrapper {
        text-transform: uppercase;
        font-size: 20px;
        text-align: center;
        -webkit-transform: translateZ(0);
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        background: #c8fded;
        width: 40px;
        height: 28px;
        top: -4px;
        position: relative;
        border-radius: 4px;
        right: 0 !important; 
        flex: 0 0 40px;   
    }
    .custom-wrapper span img {
        width: 40%;
        padding: 0;
        margin-top: -3px;
    }
    .custom-wrapper .close-button {
        position: absolute;
        right: 10px;
        top: 5px;
        cursor: pointer;
        z-index: 999;
    }

    .custom-wrapper .cancel-button img {
        width: 9px;
        height: 9px;
    }    
    .custom-tooltip-show{
      display: block !important;
    }
    .custom-wrapper .tooltip .close-button {
        width: 10px;
        height: 10px;
    }
    .custom-wrapper .tooltip .close-button img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .custom-tooltip-message {
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .delete-MP-Portfolio{
      display: none;
    }
    .delete-MP-Fund{
      display: none;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear{
      font-size: 20px;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__clear{
      font-size: 20px;
    }

    .add-client-form{
      display: block !important;
      width: 100% !important;
      padding: 0.375rem 0.75rem !important;
      font-size: 0.875rem !important;
      font-weight: 400 !important;
      line-height: 1.5 !important;
      color: #54667a !important;
      background-color: #fff !important;
      background-clip: padding-box !important;
      border: 1px solid #4dc7e4 !important;
      appearance: none !important;
      border-radius: 2px !important;
      box-shadow: unset !important;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    }
    #createNewClientForm span.select2-selection.select2-selection--single {     
      font-size: 0.875rem !important;
      font-weight: 400 !important;
      line-height: 1.5 !important;
      color: #54667a !important;
      background-color: #fff !important;
      background-clip: padding-box !important;
      border: 1px solid #4dc7e4 !important;
      appearance: none !important;
      border-radius: 2px !important;
      box-shadow: unset !important;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    }

    .custom-accordion-button{
      margin-bottom: 10px;
      font-weight: 700;
      font-size: 16px;
      background: transparent;
      background-color: white;
      padding: 5px 0px;  
      margin: 0px;
    }
    .custom-accordion-button:not(.collapsed) {
      color: #000;
      background-color: white;
    }
    .custom-accordion-div{
      background-color: white;
    }

    @media only screen and (max-width: 767px) {
      .wrapper .tooltip {
        right: -32px !important;
        left: inherit !important;
      }

      .wrapper .tooltip:after {
        left: 80%;
      }
    }

    .pdftablenewwrap {
      width: 100%;
    }

    .table-content {
      display: none;
    }

    #PDFtable-contain {
      display: none;
    }

    #PDFtableHeader-contain {
      display: none;
    }

    table.pdftablenew td {
      border: 0 !important;
      font-family: Arial, Helvetica, sans-serif !important;
    }

    table.pdftablenew {
      border-collapse: collapse;
      border-radius: 10px;
      overflow: hidden;

    }

    #pdftable tbody tr:nth-child(even) {
      background-color: #e2e3e4;
    }

    #pdftable td {
      border: 1px solid black;
      padding: 3px 5px;
    }

    .top-pdf-header {
      align-items: center;
      justify-content: space-between;
      margin-bottom: 18px;
    }

    .error {
      color: red;
    }

    .success {
      color: green;
    }

    .left-client-pdf-header {
      margin-bottom: 14px;
    }

    .left-client-pdf-header h4 {
      margin-top: 11px;
    }

    #pdf-footer {
      display: none;
    }

    .red-color {
      color: red;
    }

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

    .customModelPortfolio i {
      margin-left: 5px;
      font-size: 24px;
      cursor: pointer;
    }

    #oneYearRollingGraphDiv .select2-container,
    #threeYearRollingGraphDiv .select2-container,
    #fiveYearRollingGraphDiv .select2-container,
    #riskAndReturnsThreeYearGraphDiv .select2-container,
    #riskAndReturnsFiveYearGraphDiv .select2-container {
      width: 7rem !important;
    }

    span.fas.fa-sync-alt {
      animation: rotate 0.8s infinite linear;
    }

    .bg-info {
        background-color: #00e6c2 !important;
        border-color: #00e6c2;
        color: #FFFFFF !important;
    }

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

      to {
        -webkit-transform: rotate(359deg);
      }
    }


    @media only screen and (max-width: 1065px) {
      .wrapper.wrapper-tooltip {
        right: -18px;
      }
    }