#ui.v2 .panel-main-cont {
    padding-top: 120px !important;
    margin-right: 0 !important;
  }
#ui.v2 .panel-main-cont.no-header {
    padding-top: 0 !important;
  }

  #ui.v2 yon-card-header-right {
      .mat-mdc-button .mdc-button__label, .mat-mdc-unelevated-button .mdc-button__label, .mat-mdc-raised-button .mdc-button__label, .mat-mdc-outlined-button .mdc-button__label {
          text-transform: uppercase;
      }
  }
  #ui.v2 .hidden-v2 {
  display: none;
  }
  #ui.v2 yon-details-layout-left-col .card__font-weight-bold h4.card__header {
    text-transform: uppercase;
  }
  #ui.v2 yon-details-layout button.mdc-button span {
      text-transform: uppercase;
  }
  #ui.v2 .panel-main-right {    margin-right: -15px;    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);    max-width: 20%;    width: 20%;
  .details-layout__side-panel-header {    margin-right: 0px;}
  }
  #ui.v2 yon-quote .panel-main-right  {    
      max-width: 25%;
      width: 25%;
  }
  #ui.v2 yon-quote .main-right-collapsed.panel-main-right {    
      max-width: 5%;
      width: 5%;
  }
  #ui.v2 .panel-main-center.rounded-card.details-layout__column.details-layout__column_collapsed {
      max-width: 75% !important;
  }
  #ui.v2 yon-quote .panel-main-center.rounded-card.details-layout__column.details-layout__column_collapsed {
      max-width: 95% !important;
  }
  #ui.v2 .panel-main-center.rounded-card.details-layout__column.details-layout__column_collapsed {
      max-width: calc(100% - 282px) !important;
  }
  #ui.v2 .panel-main-left.rounded-card.details-layout__column {
      padding-right: 0;
      min-width: 250px;
  }
  #ui.v2 .panel-main-top.rounded-card {  display: block !important;  position: absolute;  width: 100%;  margin: 0 15px;  margin-top: -120px;  width: calc(100% - 30px);
  }
  #ui.v2 yon-details-layout.two-column  .panel-main-top.rounded-card {  
      display: none !important;                                                                     ;
  }
  #ui.v2 yon-details-layout.two-column .panel-main-cont {
      padding-top: 0 !important;
  }
  #ui.v2 .panel-main-cont.main-two-col {
    padding-top: 0 !important;
      .panel-main-top {
          display: none !important;
      } 
  }
  #ui.v2 yon-account-details .panel-main-top.rounded-card { 
    margin-top: -135px; 
  }
  #ui.v2 yon-account-details .panel-main-cont {
    padding-top: 135px !important;
  }
  @media (min-width: 1500px) {    #ui.v2 .col-xxl-6 {        flex: 0 0 50%;        max-width: 50%;    }}
  #ui.v2 .panel-main-right {
    box-shadow: none;       
  }
  #ui.v2 .panel-main-right section {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }
    #ui.v2 .panel-main-top.rounded-card yon-card .card {
      
      min-height: 105px;
  }
  @media (max-width: 1370px) {
    #ui.v2 yon-order-details .panel-main-top.rounded-card yon-card .card {     margin-top: -20px;    min-height: 125px; }
    #ui.v2 yon-order-details .panel-main-cont {  padding-top: 140px !important;  margin-right: 0 !important;}
        #ui.v2 .panel-main-top.rounded-card yon-card .card .card-block {    min-height: 105px;    padding: 8px 1.25rem; }
            #ui.v2 yon-quote .panel-main-top.rounded-card yon-card .card .card-block {    min-height: 105px;  }
  }
  #ui.v2 .details-layout__side-panel-header {
    margin-right: 0px;
    z-index: 1;
    top: 0
  }
  #ui.v2 yon-account-details .panel-main-top.rounded-card {
    margin-top: -128px;
  }
  #ui.v2 .panel-main-right section_ {
    position: sticky;
    top: 58px;
  }
  #ui.v2 .panel-main-top.rounded-card yon-card .card .card-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #ui.v2 .panel-main-center.rounded-card.details-layout__column.details-layout__column_collapsed {
    max-width: calc(100% - 332px) !important;
  }
  #ui.v2 .panel-main-left.rounded-card.details-layout__column {
    padding-right: 0;
  }
  @media (max-width: 550px) {
    #ui.v2 .panel-main-top.rounded-card yon-card .card {
        margin-top: -20px;
        min-height: 125px;
    }
    #ui.v2 .panel-main-cont {
        padding-top: 140px !important;
        margin-right: 0 !important;
    }
    #ui.v2 .panel-main-top.rounded-card yon-card .card .card-block {
        min-height: 105px;
        padding: 7px 1.25rem;
    }
  }
  @media (max-width: 1550px) {
    #ui.v2 yon-order-details,
    #ui.v2 yon-invoice-details {
        .panel-main-top.rounded-card yon-card .card {
            margin-top: -20px;
            min-height: 125px;
        }
        .panel-main-top.rounded-card yon-card .card .card-block {
            min-height: 105px;
            padding: 7px 1.25rem;
        }
        .panel-main-cont {
            padding-top: 140px !important;
            margin-right: 0 !important;
        }
    }
  }
  @media (max-width: 1240px) {
    #ui.v2 yon-account-details_ .panel-main-top.rounded-card {
        margin-top: -120px;
    }
    #ui.v2 yon-quote {
        .panel-main-top.rounded-card {
            yon-card .card {
                margin-top: -20px;
                min-height: 125px;
                .card-block {
                    min-height: 105px;
                    padding: 7px 1.25rem;
                }
            }
        }
        .panel-main-cont {
            padding-top: 140px !important;
            margin-right: 0 !important;
        }
    }
  }
  @media (max-width: 1140px) {
    #ui.v2 yon-order-details,
    #ui.v2 yon-invoice-details,
    #ui.v2 yon-quote {
        .panel-main-top.rounded-card yon-card .card {
            margin-top: -40px;
            min-height: 145px;
        }
        .panel-main-cont {
            padding-top: 160px !important;
        }
    }
  }
  @media (min-width: 1440px) {
    #ui.v2 .panel-main-center.rounded-card.details-layout__column.details-layout__column_collapsed {
        max-width: calc(100% - 332px) !important;
    }
    #ui.v2 .panel-main-left.rounded-card.details-layout__column {
        padding-right: 0;
        min-width: 300px;
    }
  }
  #ui.v2 yon-orders yon-card-header-right yon-button button>span.mdc-button__label,
  #ui.v2 mat-tab-group mat-tab-header span.mdc-tab__text-label {
    text-transform: uppercase;
  }
  #ui.v2 yon-chat {
    box-shadow: -9px 0px 8px rgb(72 107 138 / 10%) ;
    .ai-chat__modal-container {
        background-color: white;
    }
  }
  #ui.v2 .details-layout__side-panel-header {
      margin-right: 0px;
      z-index: 2;
      top: 0
  }
  #ui.v2 .panel-main-right.main-right-collapsed {
      width: 40px;
  }
  #ui.v2 yon-account-details .panel-main-top.rounded-card {
      margin-top: -128px;
  }
  #ui.v2 .panel-main-right section_ {
      position: sticky;
      top: 58px;
  }
  #ui.v2 .panel-main-top.rounded-card yon-card .card .card-block {
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  #ui.v2 .panel-main-center.rounded-card.details-layout__column.details-layout__column_collapsed {
      max-width: calc(100% - 332px) !important;
  }
  #ui.v2 .panel-main-left.rounded-card.details-layout__column {
      padding-right: 0;
  }
  @media (max-width: 550px) {
      #ui.v2 .panel-main-top.rounded-card yon-card .card {
          margin-top: -20px;
          min-height: 125px;
      }
      #ui.v2 .panel-main-cont {
          padding-top: 140px !important;
          margin-right: 0 !important;
      }
      #ui.v2 .panel-main-top.rounded-card yon-card .card .card-block {
          min-height: 105px;
          padding: 7px 1.25rem;
      }
  }
  @media (max-width: 1550px) {
      #ui.v2 yon-order-details,
      #ui.v2 yon-invoice-details {
          .panel-main-top.rounded-card yon-card .card {
              margin-top: -20px;
              min-height: 125px;
          }
          .panel-main-top.rounded-card yon-card .card .card-block {
              min-height: 105px;
              padding: 7px 1.25rem;
          }
          .panel-main-cont {
              padding-top: 140px !important;
              margin-right: 0 !important;
          }
      }
  }
  @media (max-width: 1240px) {
      #ui.v2 yon-quote {
          .panel-main-top.rounded-card {
              yon-card .card {
                  margin-top: -20px;
                  min-height: 125px;
                  .card-block {
                      min-height: 105px;
                      padding: 7px 1.25rem;
                  }
              }
          }
          .panel-main-cont {
              padding-top: 140px !important;
              margin-right: 0 !important;
          }
      }
  }
  @media (max-width: 1140px) {
      #ui.v2 yon-order-details,
      #ui.v2 yon-invoice-details,
      #ui.v2 yon-quote {
          .panel-main-top.rounded-card yon-card .card {
              margin-top: -40px;
              min-height: 145px;
          }
          .panel-main-cont {
              padding-top: 160px !important;
          }
      }
  }
  @media (min-width: 1440px) {
      #ui.v2 .panel-main-center.rounded-card.details-layout__column.details-layout__column_collapsed {
          max-width: calc(100% - 332px) !important;
      }
      #ui.v2 .panel-main-left.rounded-card.details-layout__column {
          padding-right: 0;
          min-width: 300px;
      }
  }
  #ui.v2 yon-orders yon-card-header-right yon-button button>span.mdc-button__label {
      text-transform: uppercase;
  }
  #ui.v2 yon-accounting-period-close {
      yon-details-layout-left-col {
          small, 
          yon-button button span.mdc-button__label {
              text-transform: uppercase
          }
      }
    }
  
  :root mat-dialog-container yon-button span.mdc-button__label {
      text-transform: uppercase;
  }
  :root.light mat-dialog-container yon-button span.mdc-button__label,
  :root.dark mat-dialog-container yon-button span.mdc-button__label {
      text-transform: none;
  }
  
  #ui.v2 {
      .mr-3-v2 {
          margin-right: 1rem !important;
      }
      .ml-2-v2 {
          margin-left: .5rem !important;
      }
  }
  #ui.v2 yon-on-accounts-invoice mat-header-cell,
  #ui.v2 yon-card[header="Invoice lines"] .col-md-4 yon-button button > span.mdc-button__label {
      text-transform: uppercase
  }
#ui.v2 {
    .mat-drawer-container > .mat-drawer-content.mat-sidenav-content {
        overflow-x: hidden;
    }
}