@font-face {
    font-family: 'sys-user-solid';
    font-style: normal;
    font-weight: 900;
    src: url("../../../../../template/fonts/fa-solid-900.eot");
    src: url("../../../../../template/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../../../../template/fonts/fa-solid-900.woff2") format("woff2"), url("../../../../../template/fonts/fa-solid-900.woff") format("woff"), url("../../../../../template/fonts/fa-solid-900.ttf") format("truetype"), url("../../../../../template/fonts/fa-solid-900.svg#fontawesome") format("svg");
  }
  .fas {
      font-family: "sys-user-solid"!important;
      font-weight:900!important;
      font-style:normal!important;
  }
  
  .ac-acls {
      max-width: 1600px;
      margin: auto;
      display: grid;
      grid-template-columns: 1fr 2fr 2fr 2fr 2fr;
      gap: 20px;
      background: #f9fafb;
  }
  .bx-media-phone .ac-acls {
      background: unset;
  }
  .ac-acls .header {
      min-width: 200px;
  }
  .ac-acls.artists {
      grid-template-columns: 1fr 2fr 2fr 2fr;
  }
  .ac-acls i.sys-icon {
      display: inline-block;
      height: 20px;
      width: 20px;
      line-height: 20px;
      border-radius: 10px;
      text-align: center;
      color: black;
      font-weight: bold;
  }
  .ac-acls i.sys-icon.times {
    color: black !important;
  }
  .ac-acls .header {
      font-size: 16px;
      line-height: 24px;
      padding: 8px 8px;
      background: white;
      border-radius: 4px;
      box-shadow: 0px 10px 15px -3px rgba(17, 24, 39, 0.1), 0px 4px 6px -4px rgba(31, 41, 55, 0.05);;
  }
  .ac-acls .header:nth-child(3) {
      background: #f4f5f6;
  }
  .ac-acls .header:nth-child(3) span {
  }
  .ac-acls .header:nth-child(4) {
      background: #DDD9CE;
      color: #111827;
  }
  .ac-acls .header:nth-child(4) span {
      color: #111827;
  }
  .ac-acls .header:nth-child(5) {
      color: #fff;
      background: #111827;
  }
  .ac-acls .header:nth-child(5) span {
      color: #fff !important;!i;!;
  }
  .ac-acls div {
      white-space: nowrap;
  }
  .ac-acls .acl {
      background: white;
      text-align: center;
      border-radius: 8px;
  }
  .ac-acls .core {
      font-size: 16px;
      line-height: 24px;
      padding: 10px 0px 5px 0px;
      font-weight: bold;
  }
  .ac-acls .value {
      font-size: 12px;
      line-height: 20px;
      padding: 10px 0px;
  }
  .ac-acls .bx-btn {
      display: block;
      float: none;
      margin: 0px;
      text-align: center;
      background: #ffffff;
      border: 1px solid #101827;
      color: #101827;
  }
  .ac-acls .bx-btn.light {
      background: #f4f5f6;
  }
  .ac-acls .bx-btn.plus {
      background: #DDD9CE;
      border: 1px solid #111827;
      color: #111827;
  }
  .ac-acls .bx-btn.one {
      background: #111827;
      color: #fff;
  }
  
  .ac-acls-time-switch,
  .ac-acls-type-switch {
      font-size: 14px;
      font-weight: 500;
      background: white;
      justify-content: space-between;
      border-radius: 20px;
      color: #6B7280;
      border: 1px solid #111827;
      cursor: pointer;
      margin-bottom: 20px;
      display: none;
      padding: 3px;
  }
  .ac-acls-type-switch {
      background: #f4f5f6;
      color: rgba(107, 114, 128, 1);
  }
  .ac-acls-time-switch > div,
  .ac-acls-type-switch > div {
      border-radius: 20px;
      padding: 5px 25px;
      width: 33%;
      text-align: center;
  }
  .ac-acls-time-switch .active,
  .ac-acls-type-switch .active {
      background: #9B907E;
      color: white;
      cursor: unset;
      font-weight: 600;
  }
  
  .ac-acls-time-switch,
  .ac-acls-type-switch {
      display: flex;
      justify-content: unset;
      margin-bottom: 0px;
      margin-top: 10px;
  }
  .ac-acls-time-switch > div,
  .ac-acls-type-switch > div {
      padding: 5px 8px;
      width: unset;
  }
  .ac-acls-type-switch {
      width: fit-content;
      margin: 20px auto 40px;
  }
  .ac-acls .header[time="30"] .time365,
  .ac-acls .header[time="365"] .time30,
  .ac-acls div.button[time="30"] .time365,
  .ac-acls div.button[time="365"] .time30 {
      display: none;
  }
  
  .ac-acls-mobile .acl[time="30"] .time365,
  .ac-acls-mobile .acl[time="365"] .time30,
  .ac-acls-mobile div.button[time="30"] .time365,
  .ac-acls-mobile div.button[time="365"] .time30 {
      display: none;
  }
  
  .appraisals-slots .yearly,
  .appraisals-slots.yearly > strong,
  .appraisals-slots.yearly > span {
      display: none;
  }
  .appraisals-slots.yearly > strong.yearly,
  .appraisals-slots.yearly > span.yearly {
      display: inline!important;
  }
  .ac-collections-acl-tippy {
      display: inline-block;
      border: 1px solid rgba(107, 114, 128, 1);
      border-radius: 7px;
      color: rgba(107, 114, 128, 1);
      width: 7px;
      height: 7px;
      margin-left: 3px;
      line-height: 7px;
      text-align: center;
      font-size: 7px;
      font-weight: bold;
      cursor: pointer;
  }
  
  .ac-collections-acl-tippy2 {
      display: inline-block;
      border: 1px solid rgba(107, 114, 128, 1);
      border-radius: 7px;
      color: rgba(107, 114, 128, 1);
      width: 9px;
      height: 9px;
      margin-left: 3px;
      line-height: 7px;
      text-align: center;
      font-size: 7px;
      font-weight: bold;
      cursor: pointer;
  }
  
  
  .ac-acls-mobile > div.acl {
      padding: 10px;
      border-radius: 4px;
      border: 1px solid;
      box-shadow: 0px 10px 15px -3px rgba(17, 24, 39, 0.1);
      margin-bottom: 40px;
      font-weight: 500;
  }
  .ac-acls-mobile div.acl-name {
      font-size: 16px;
      margin-top: 5px;
  }
  .ac-acls-mobile .ac-acls-time-switch {
      font-size: 11px;
      margin-top: 0px;
      margin-bottom: 10px;
  }
  .ac-acls-mobile .time30,
  .ac-acls-mobile .time365 {
      font-size: 16px;
      text-align: right;
  }
  .ac-acls-mobile .text {
      margin-top: 10px;
      font-weight: 300;
  }
  .ac-acls-mobile .buttons {
      margin-top: 20px;
      display: flex;
      gap: 10px;
  }
  .ac-acls-mobile .buttons > button {
      width: 100%;
      text-align: center;
  }
  .ac-acls-mobile .buttons > button:first-child {
      width: 90px;
      flex-shrink: 0;
  }
  .acl-custom-btn {
      border: 1px solid rgba(17, 24, 39, 1);
      background-color: white;
      font-size: 12px;
      color: black;
      line-height: 30px;
      text-align: center;
      cursor: pointer;
      padding: 0px 10px;
      white-space: nowrap;
  }
  .seeall {
      display: none;
      margin-top: 10px;
  }
  .ac-acls-mobile .large {
      margin-top: 30px;
      font-size: 16px;
      font-weight: bold;
  }
  .ac-acls-mobile .text {
      background-color: white;
      border-radius: 5px;
      font-size: 12px;
      padding: 15px 10px;
  }
  .ac-acls-mobile .row-separator {
      background-color: transparent!important;
  }
  .ac-acls-mobile .ac-acls div {
      white-space: normal;
  }
  .ac-acls-mobile .ac-acls {
      grid-template-columns: 1fr 1fr;
      margin-top: 10px;
  }
  .acl.dark .acl {
      color: black!important;
  }
  .ac-acls-mobile .acl.dark .acl-left .value {
      color: white;
  }
  
  .seeall .ac-acls .value:nth-child(2n) {
      background: white;
      padding: 0px 10px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
  }
  .seeall .ac-acls .value:nth-child(2) {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      overflow: hidden;
  }
  .seeall .ac-acls .value:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      overflow: hidden;
  }
  .ac-acls-mobile .acl.dark .seeall .ac-acls .value:nth-child(2n) {
      color: black!important;
  }