@import url("https://fonts.googleapis.com/css?family=Barlow:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
/* Colors */
/* EC theme color*/
.pro-app-body {
  background-color: #F2F3F4;
  color: #333;
  padding-top: 68px;
  font-family: "Barlow", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .pro-app-body h1, .pro-app-body h2, .pro-app-body h3, .pro-app-body h4, .pro-app-body h5, .pro-app-body h6 {
    color: #333;
    font-family: "Barlow", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .pro-app-body h1 i, .pro-app-body h2 i, .pro-app-body h3 i, .pro-app-body h4 i, .pro-app-body h5 i, .pro-app-body h6 i {
      color: black; }
  .pro-app-body .hide {
    display: none; }
  .pro-app-body input, .pro-app-body select, .pro-app-body textarea, .pro-app-body .form-control {
    color: #333;
    background-color: #B3B6B7; }
  .pro-app-body .btn {
    color: #FFFFFF; }
    .pro-app-body .btn.dropdown-toggle {
      color: #FFFFFF;
      background: #2E4B6E; }
      .pro-app-body .btn.dropdown-toggle:hover, .pro-app-body .btn.dropdown-toggle:focus, .pro-app-body .btn.dropdown-toggle:active {
        background-color: #2E4B6E; }
        .pro-app-body .btn.dropdown-toggle:hover i, .pro-app-body .btn.dropdown-toggle:hover .bs-caret, .pro-app-body .btn.dropdown-toggle:focus i, .pro-app-body .btn.dropdown-toggle:focus .bs-caret, .pro-app-body .btn.dropdown-toggle:active i, .pro-app-body .btn.dropdown-toggle:active .bs-caret {
          color: #FFFFFF; }
    .pro-app-body .btn.btn-default:hover, .pro-app-body .btn.btn-default:focus, .pro-app-body .btn.btn-default:active {
      background-color: #2E4B6E; }
    .pro-app-body .btn.btn-dark:hover, .pro-app-body .btn.btn-dark:focus, .pro-app-body .btn.btn-dark:active {
      color: #FFFFFF; }
  .pro-app-body input[type=checkbox]:focus, .pro-app-body input[type=checkbox]:hover, .pro-app-body input[type=checkbox]:active, .pro-app-body input[type=radio]:focus, .pro-app-body input[type=radio]:hover, .pro-app-body input[type=radio]:active {
    background-color: #B3B6B7; }
    .pro-app-body input[type=checkbox]:focus:checked, .pro-app-body input[type=checkbox]:hover:checked, .pro-app-body input[type=checkbox]:active:checked, .pro-app-body input[type=radio]:focus:checked, .pro-app-body input[type=radio]:hover:checked, .pro-app-body input[type=radio]:active:checked {
      background-color: #80B74B; }
  .pro-app-body input[type=checkbox]:checked:disabled, .pro-app-body input[type=checkbox]:checked[disabled], .pro-app-body input[type=radio]:checked:disabled, .pro-app-body input[type=radio]:checked[disabled] {
    background-color: rgba(128, 183, 75, 0.5); }
  .pro-app-body .open > .dropdown-toggle.btn-default.glyphicon, .pro-app-body .open > .dropdown-toggle.btn-default .bs-caret {
    color: #333; }
  .pro-app-body #breadcrumbs {
    margin-top: 48px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: #C1C7CD; }
    .pro-app-body #breadcrumbs a {
      color: #2E4B6E; }
    .pro-app-body #breadcrumbs i.fas {
      margin: 0 12px; }
  .pro-app-body .dashboard .ct-label {
    color: #333;
    fill: #333; }
  .pro-app-body .dashboard .modal-dialog {
    color: #333; }
  .pro-app-body .dashboard .dashboard-option {
    opacity: 0.8;
    cursor: pointer; }
    .pro-app-body .dashboard .dashboard-option h4 {
      background: #626567; }
    .pro-app-body .dashboard .dashboard-option p {
      color: #333;
      background: #B3B6B7; }
  .pro-app-body .dashboard .analytics-tile p {
    color: #333;
    background: #909498; }
  .pro-app-body .dashboard .analytics-tile .inner div {
    background: #B3B6B7; }
  .pro-app-body .dashboard #chart_title_left, .pro-app-body .dashboard #chart_title_right {
    color: #555; }
  .pro-app-body .dashboard #analytics-body {
    background-color: #D7DBDD; }
  .pro-app-body .dashboard #chart_div {
    background: #909498; }
  .pro-app-body .dashboard #add-table-modal .modal-body, .pro-app-body .dashboard #add-table-modal .modal-footer {
    background: #F2F3F4; }
  .pro-app-body .table .td {
    color: #333; }
  .pro-app-body .table .tbody .tr:hover {
    background: #909498; }
  .pro-app-body .nav-tabs > li > a:hover {
    color: #333; }
  .pro-app-body .nav-tabs > li.active > a, .pro-app-body .nav-tabs > li.active > a:active, .pro-app-body .nav-tabs > li.active > a:hover, .pro-app-body .nav-tabs > li.active > a:focus {
    background: #D7DBDD;
    color: #555; }
    .pro-app-body .nav-tabs > li.active > a i, .pro-app-body .nav-tabs > li.active > a:active i, .pro-app-body .nav-tabs > li.active > a:hover i, .pro-app-body .nav-tabs > li.active > a:focus i {
      color: #DC7633; }
  .pro-app-body #parts-store-bucket {
    top: 68px;
    z-index: 2; }
    .pro-app-body #parts-store-bucket #title {
      margin-top: 89px; }
      .pro-app-body #parts-store-bucket #title h1 {
        width: 90%;
        margin: auto;
        text-align: left; }
        @media only screen and (max-width: 936px) {
          .pro-app-body #parts-store-bucket #title h1 {
            width: 95%; } }
  .pro-app-body #title h1 {
    font-weight: 500;
    font-size: 44px;
    text-transform: none; }
  .pro-app-body #tabs, .pro-app-body #project-tabs, .pro-app-body #design-list-tabs, .pro-app-body #settings-tabs {
    display: flex;
    flex-direction: row;
    margin: 36px 0 24px 0;
    border-bottom: solid 2px #D5DBE2; }
    .pro-app-body #tabs > a, .pro-app-body #tabs li, .pro-app-body #project-tabs > a, .pro-app-body #project-tabs li, .pro-app-body #design-list-tabs > a, .pro-app-body #design-list-tabs li, .pro-app-body #settings-tabs > a, .pro-app-body #settings-tabs li {
      color: #A2A9B0;
      font-weight: 700;
      font-size: 18px;
      padding: 0 0 8px 0;
      margin: 0 16px 0 0; }
      .pro-app-body #tabs > a.active, .pro-app-body #tabs li.active, .pro-app-body #project-tabs > a.active, .pro-app-body #project-tabs li.active, .pro-app-body #design-list-tabs > a.active, .pro-app-body #design-list-tabs li.active, .pro-app-body #settings-tabs > a.active, .pro-app-body #settings-tabs li.active {
        color: unset;
        border-bottom: solid 2px #8293A8;
        margin-bottom: -2px; }
    .pro-app-body #tabs > i, .pro-app-body #project-tabs > i, .pro-app-body #design-list-tabs > i, .pro-app-body #settings-tabs > i {
      color: #A2A9B0; }
    @media only screen and (max-width: 936px) {
      .pro-app-body #tabs span, .pro-app-body #project-tabs span, .pro-app-body #design-list-tabs span, .pro-app-body #settings-tabs span {
        display: none; } }
  .pro-app-body #project-tabs.nav li, .pro-app-body #design-list-tabs.nav li, .pro-app-body #settings-tabs.nav li {
    position: inherit; }
  .pro-app-body #project-tabs.nav-tabs li, .pro-app-body #design-list-tabs.nav-tabs li, .pro-app-body #settings-tabs.nav-tabs li {
    float: inherit; }
    .pro-app-body #project-tabs.nav-tabs li.active > a, .pro-app-body #design-list-tabs.nav-tabs li.active > a, .pro-app-body #settings-tabs.nav-tabs li.active > a {
      background: inherit;
      color: inherit;
      opacity: inherit; }
      .pro-app-body #project-tabs.nav-tabs li.active > a > i, .pro-app-body #design-list-tabs.nav-tabs li.active > a > i, .pro-app-body #settings-tabs.nav-tabs li.active > a > i {
        color: inherit; }
    .pro-app-body #project-tabs.nav-tabs li > a, .pro-app-body #design-list-tabs.nav-tabs li > a, .pro-app-body #settings-tabs.nav-tabs li > a {
      font-size: 18px;
      margin: 0;
      line-height: inherit;
      padding: 0;
      text-transform: inherit; }
  @media only screen and (max-width: 586px) {
    .pro-app-body #design-list-page .list-form .list-header .list-title {
      grid-template-areas: "search search search search" "settings settings settings settings"; } }
  .pro-app-body #design-list-page #designs-header #design-search-bar button {
    color: #333; }
  @media only screen and (max-width: 936px) {
    .pro-app-body #design-list-page #design-list-wrapper #designs-attached {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 16px;
      grid-row-gap: 16px; } }
  @media only screen and (max-width: 936px) and (max-width: 586px) {
    .pro-app-body #design-list-page #design-list-wrapper #designs-attached {
      grid-template-columns: 1fr; } }
  .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details {
    grid-template-columns: repeat(7, 1fr); }
    .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details .design-name i {
      margin-left: 8px; }
    .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details div:first-of-type {
      grid-row-start: 1;
      grid-row-end: 3; }
    .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details div:last-of-type {
      white-space: nowrap; }
    .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details .design-date-modified {
      display: none; }
    .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details .design-options {
      display: flex; }
    .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details .design-style {
      color: #878D96;
      grid-row-start: 2; }
      .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details .design-style b {
        font-weight: 400; }
    .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details .design-project i, .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details .design-date i, .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details .design-date-modified i {
      display: none; }
    @media only screen and (max-width: 936px) {
      .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details {
        height: 279px;
        border-radius: 8px;
        border: none;
        grid-template: "a a a a" "b b . ." "d e . f" "h h h h" "i i i i" "j j j j" "k k k k"; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(1) {
          grid-area: a; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(2) {
          grid-area: b; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(3) {
          grid-area: c; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(4) {
          grid-area: d; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(5) {
          grid-area: e; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(6) {
          grid-area: f; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(7) {
          grid-area: g; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(8) {
          grid-area: h; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(9) {
          grid-area: i; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(10) {
          grid-area: j; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(11) {
          grid-area: k; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(12) {
          grid-area: l; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(3), .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(5), .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(7) {
          display: none !important; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details > div:nth-of-type(8) {
          padding-top: 8px;
          border-top: 1px dashed #C1C7CD; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details div[class*='design-'] {
          color: #787878; }
          .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details div[class*='design-'] i {
            display: initial; }
          .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details div[class*='design-'] i, .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details div[class*='design-'] b {
            color: initial; }
          .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details div[class*='design-'] b {
            font-weight: 700; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details .design-name p, .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details .design-name a {
          font-size: 20px;
          font-weight: 600;
          color: black; }
        .pro-app-body #design-list-page #design-list-wrapper .design-row .design-details .design-date-modified {
          display: initial; } }
  .pro-app-body #design-list-page #customer-design-list-table .list-columns {
    grid-template-columns: repeat(7, 1fr); }
  @media only screen and (max-width: 936px) {
    .pro-app-body #design-list-page #customer-design-list-table {
      display: none; } }
  .pro-app-body .reverse-gray-header {
    color: #333;
    background-color: #D7DBDD; }
  .pro-app-body #feedback_popup {
    background: #F2F3F4; }
    .pro-app-body #feedback_popup label {
      color: #333; }
  .pro-app-body #dealer_locations_content {
    color: #333; }
    .pro-app-body #dealer_locations_content form {
      background-color: #D7DBDD; }
    .pro-app-body #dealer_locations_content .form-row {
      background-color: #909498; }
    .pro-app-body #dealer_locations_content .address-inputs input[readonly] {
      background-color: #909498 !important; }
  .pro-app-body form.design-details .design-details {
    background: #B3B6B7; }
    .pro-app-body form.design-details .design-details p {
      color: #333;
      font-weight: 500; }
    .pro-app-body form.design-details .design-details .design-title span {
      font-weight: 500; }
    .pro-app-body form.design-details .design-details .design-options i {
      color: #555; }
  .pro-app-body #parts-store .fa-trash {
    cursor: pointer; }
    .pro-app-body #parts-store .fa-trash:hover {
      color: #F63B3D; }
  .pro-app-body #parts-store .searchable-select .pseudo-select {
    background-color: unset;
    border: 1px solid #C1C7CD;
    border-radius: 4px;
    height: 64px;
    font-size: 18px;
    outline: none; }
    .pro-app-body #parts-store .searchable-select .pseudo-select i {
      background-color: transparent; }
    .pro-app-body #parts-store .searchable-select .pseudo-select:focus {
      border: 3px solid #0D6EFD;
      padding: 26px 0 8px 12px; }
    .pro-app-body #parts-store .searchable-select .pseudo-select:-webkit-autofill {
      -webkit-box-shadow: none;
      -webkit-text-fill-color: initial; }
  .pro-app-body #parts-store .store-order-history .no-order-available p, .pro-app-body #parts-store .store-order-history .server-error-warning p, .pro-app-body #parts-store .store-order-history > table tr.order-overview-row i {
    color: #333; }
  .pro-app-body #parts-store .store-order-history > table tr.order-overview-row .btn i {
    color: white; }
  .pro-app-body #parts-store .store-order-history table {
    background-color: #B3B6B7; }
  .pro-app-body #parts-store .store-order-history td.no-shipments-found {
    background: #626567; }
  .pro-app-body #parts-store .store-order-history .shipment-information table {
    background-color: #B3B6B7; }
    .pro-app-body #parts-store .store-order-history .shipment-information table tr, .pro-app-body #parts-store .store-order-history .shipment-information table td {
      background: #909498; }
    .pro-app-body #parts-store .store-order-history .shipment-information table .order-history-bom table {
      background-color: #B3B6B7; }
      .pro-app-body #parts-store .store-order-history .shipment-information table .order-history-bom table tr, .pro-app-body #parts-store .store-order-history .shipment-information table .order-history-bom table td {
        background: #B3B6B7; }
  .pro-app-body #parts-store .store-order-history .order-detail-info {
    background-color: #626567; }
    .pro-app-body #parts-store .store-order-history .order-detail-info .shipping-info .cc-filter-dropdown .select__control .select__indicators {
      background: #B3B6B7; }
      .pro-app-body #parts-store .store-order-history .order-detail-info .shipping-info .cc-filter-dropdown .select__control .select__indicators .select__dropdown-indicator {
        color: #555; }
        .pro-app-body #parts-store .store-order-history .order-detail-info .shipping-info .cc-filter-dropdown .select__control .select__indicators .select__dropdown-indicator :hover {
          color: #333; }
    .pro-app-body #parts-store .store-order-history .order-detail-info .shipping-info .cc-filter-dropdown .select__control .select__value-container {
      background: #B3B6B7; }
      .pro-app-body #parts-store .store-order-history .order-detail-info .shipping-info .cc-filter-dropdown .select__control .select__value-container .select__placeholder {
        color: #555; }
  .pro-app-body #parts-store .store-order-history .order-bom table a {
    color: #333;
    font-size: large; }
  .pro-app-body #parts-store .store-order-history .order-bom table tr.criteria-row {
    background-color: #D7DBDD; }
  .pro-app-body #parts-store .order-history-credit {
    background-color: #626567;
    color: #FFFFFF;
    padding: 22px; }
    .pro-app-body #parts-store .order-history-credit h1, .pro-app-body #parts-store .order-history-credit label {
      color: #FFFFFF; }
    .pro-app-body #parts-store .order-history-credit .order-credits .btn {
      padding: 5px 10px;
      margin: 3px 0; }
    .pro-app-body #parts-store .order-history-credit .order-credits-add-new-title {
      margin: 20px 0 10px 0; }
    .pro-app-body #parts-store .order-history-credit input[readonly], .pro-app-body #parts-store .order-history-credit select[readonly], .pro-app-body #parts-store .order-history-credit textarea[readonly], .pro-app-body #parts-store .order-history-credit .form-control[readonly] {
      background-color: #888;
      cursor: not-allowed; }
  .pro-app-body #parts-store .store-active-orders #active-orders {
    background-color: #626567; }
    .pro-app-body #parts-store .store-active-orders #active-orders .no-order-available p {
      color: #333; }
  .pro-app-body #parts-store .store-active-orders .order-item-list-toggle > span {
    color: #333; }
    .pro-app-body #parts-store .store-active-orders .order-item-list-toggle > span:last-of-type > i {
      color: #DC7633; }
  .pro-app-body #parts-store .store-active-orders .order-item-list-toggle:hover {
    background-color: #909498; }
  .pro-app-body #parts-store .store-active-orders .order-items-list-container, .pro-app-body #parts-store .store-active-orders .order-row {
    background-color: #D7DBDD; }
  .pro-app-body #parts-store .store-active-orders #active-orders-footer-row {
    background-color: #D7DBDD;
    border-top: 8px solid #626567; }
  .pro-app-body #parts-store .store-active-orders .order-header-row {
    background-color: #B3B6B7; }
    .pro-app-body #parts-store .store-active-orders .order-header-row p {
      color: #333; }
  .pro-app-body #parts-store .store-active-orders .order-items-row a {
    color: #333;
    font-weight: 600; }
  .pro-app-body #parts-store .store-active-orders .order-items-row + .special-part-criteria > p {
    color: #333;
    font-weight: 400; }
  .pro-app-body #parts-store .store-browse-parts #browse-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #D5DBE2; }
    .pro-app-body #parts-store .store-browse-parts #browse-header > h4 {
      font-weight: 600; }
  .pro-app-body #parts-store .store-browse-parts .part-category hr, .pro-app-body #parts-store .store-browse-parts .part-sub-category hr, .pro-app-body #parts-store .store-browse-parts .part-list-item hr, .pro-app-body #parts-store .store-browse-parts .vendor-category hr {
    display: none; }
  .pro-app-body #parts-store .store-browse-parts .part-category > p, .pro-app-body #parts-store .store-browse-parts .part-sub-category > p, .pro-app-body #parts-store .store-browse-parts .part-list-item > p, .pro-app-body #parts-store .store-browse-parts .vendor-category > p {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600; }
    .pro-app-body #parts-store .store-browse-parts .part-category > p:hover, .pro-app-body #parts-store .store-browse-parts .part-sub-category > p:hover, .pro-app-body #parts-store .store-browse-parts .part-list-item > p:hover, .pro-app-body #parts-store .store-browse-parts .vendor-category > p:hover {
      background-color: #909498;
      color: #333; }
  .pro-app-body #parts-store .store-browse-parts #store-parts-search, .pro-app-body #parts-store .store-browse-parts #vendor-parts-filter {
    background: #F2F4F8; }
    @media (max-width: 936px) {
      .pro-app-body #parts-store .store-browse-parts #store-parts-search > div, .pro-app-body #parts-store .store-browse-parts #vendor-parts-filter > div {
        padding-bottom: 10px; } }
    .pro-app-body #parts-store .store-browse-parts #store-parts-search input[type="text"], .pro-app-body #parts-store .store-browse-parts #vendor-parts-filter input[type="text"] {
      background: transparent;
      border: 1px solid #C1C7CD; }
      .pro-app-body #parts-store .store-browse-parts #store-parts-search input[type="text"]:hover, .pro-app-body #parts-store .store-browse-parts #vendor-parts-filter input[type="text"]:hover {
        border: 1px solid #A2A9B0; }
    .pro-app-body #parts-store .store-browse-parts #store-parts-search button, .pro-app-body #parts-store .store-browse-parts #store-parts-search a, .pro-app-body #parts-store .store-browse-parts #vendor-parts-filter button, .pro-app-body #parts-store .store-browse-parts #vendor-parts-filter a {
      background-color: #2E4B6E;
      border-radius: 4px; }
      .pro-app-body #parts-store .store-browse-parts #store-parts-search button:hover, .pro-app-body #parts-store .store-browse-parts #store-parts-search a:hover, .pro-app-body #parts-store .store-browse-parts #vendor-parts-filter button:hover, .pro-app-body #parts-store .store-browse-parts #vendor-parts-filter a:hover {
        background-color: #8293A8; }
  .pro-app-body #parts-store .store-browse-parts #store-parts-list hr {
    border-top: 1px solid #D5DBE2; }
  .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details > div:first-of-type > p:first-of-type:hover {
    background-color: #A2A9B0;
    border-radius: 4px; }
  .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details p {
    color: #333; }
  .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details input[type="text"], .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details input[type="number"], .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details select {
    background-color: transparent;
    border: 1px solid #C1C7CD; }
  .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-info-header p {
    font-size: 18px; }
    @media only screen and (max-width: 936px) {
      .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-info-header p {
        font-size: 15px; } }
  .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-info-header .part-basic-info {
    width: 100%; }
    .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-info-header .part-basic-info .part-name-and-description {
      display: flex;
      flex-wrap: wrap; }
      .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-info-header .part-basic-info .part-name-and-description p {
        margin-right: 10px;
        font-size: 22px;
        padding-bottom: 7px; }
        @media only screen and (max-width: 936px) {
          .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-info-header .part-basic-info .part-name-and-description p {
            font-size: 18px; } }
      .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-info-header .part-basic-info .part-name-and-description .hyphen {
        display: block !important; }
  .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-info-header .part-price-info {
    width: 100%;
    text-align: left; }
    .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-info-header .part-price-info #part-unit-price .list-price {
      display: none; }
    .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-info-header .part-price-info #part-unit-price > span {
      font-size: 14px; }
      @media only screen and (max-width: 936px) {
        .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-info-header .part-price-info #part-unit-price > span {
          font-size: 13px; } }
  .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-attributes {
    background-color: transparent;
    padding: 20px; }
    .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-attributes .well {
      width: 100%;
      margin: 0; }
      .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-attributes .well .row {
        margin: 0; }
      .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-attributes .well .part-detail-attributes {
        display: flex;
        flex-wrap: wrap; }
        .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-attributes .well .part-detail-attributes > div {
          margin-right: 20px; }
      .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-attributes .well .attribute-header, .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-attributes .well .basic-option-selection label {
        font-size: 15px;
        color: #A2A9B0;
        font-weight: 500;
        text-transform: capitalize; }
      .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-attributes .well .attribute-value {
        font-size: 18px; }
      .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-attributes .well #add-part-to-order {
        flex-direction: row-reverse; }
        .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-attributes .well #add-part-to-order button {
          background-color: #2E4B6E;
          border-radius: 4px; }
          .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-attributes .well #add-part-to-order button:hover {
            background-color: #8293A8; }
          .pro-app-body #parts-store .store-browse-parts #store-parts-list #store-part-details #part-attributes .well #add-part-to-order button i.fa-check-circle {
            color: white; }
  .pro-app-body #parts-store #order-review .order-items-review table tbody {
    background-color: #D7DBDD; }
    .pro-app-body #parts-store #order-review .order-items-review table tbody > div:first-of-type p {
      color: #333; }
    .pro-app-body #parts-store #order-review .order-items-review table tbody > .order-item {
      background-color: #626567; }
  .pro-app-body #parts-store #order-review .order-items-review .header p {
    text-transform: uppercase;
    font-weight: 700; }
  .pro-app-body #parts-store #order-review .order-items-review .ship-to {
    grid-template-columns: none; }
  .pro-app-body #parts-store #order-review .order-address-review > div:first-of-type p, .pro-app-body #parts-store #order-review .order-address-review > div > p:first-of-type {
    color: #333; }
  .pro-app-body #parts-store #order-review #credit-card-form > label {
    display: flex; }
  .pro-app-body #parts-store #order-review #credit-card-form, .pro-app-body #parts-store #order-review #read-and-reviewed {
    background-color: #D7DBDD; }
  .pro-app-body #parts-store #order-review hr {
    margin-top: 15px;
    margin-bottom: 15px; }
  .pro-app-body #parts-store .store-home-general-dates > p.date-label, .pro-app-body #parts-store .store-home-general-dates .holiday-schedule-dates > p:last-of-type {
    color: #555; }
  .pro-app-body #parts-store .store-home-general-news > p.date-label {
    color: #555; }
  .pro-app-body #parts-store #order-process #billing-info, .pro-app-body #parts-store #order-process #order-shipment-details, .pro-app-body #parts-store #order-process #order-type-selection {
    background-color: #D7DBDD; }
  .pro-app-body #parts-store #order-process #billing-info .react-calendar button, .pro-app-body #parts-store #order-process #order-shipment-details .react-calendar button {
    background-color: #626567; }
    .pro-app-body #parts-store #order-process #billing-info .react-calendar button.active, .pro-app-body #parts-store #order-process #order-shipment-details .react-calendar button.active {
      background-color: #DC7633; }
    .pro-app-body #parts-store #order-process #billing-info .react-calendar button:disabled, .pro-app-body #parts-store #order-process #order-shipment-details .react-calendar button:disabled {
      color: #333;
      background-color: #B3B6B7; }
  .pro-app-body #parts-store #bulk-hardware #order-selected-bulk-items {
    margin: 8px;
    float: right; }
  .pro-app-body #parts-store .re-order-parts {
    background-color: #D7DBDD; }
    .pro-app-body #parts-store .re-order-parts.container {
      padding: 15px; }
    .pro-app-body #parts-store .re-order-parts .order-items-list-container {
      background-color: #909498; }
      .pro-app-body #parts-store .re-order-parts .order-items-list-container .order-items-header-row {
        font-weight: bold; }
    .pro-app-body #parts-store .re-order-parts .order-items-row a {
      color: #333;
      font-weight: 600; }
    .pro-app-body #parts-store .re-order-parts .order-items-row + .special-part-criteria {
      background-color: #D7DBDD; }
      .pro-app-body #parts-store .re-order-parts .order-items-row + .special-part-criteria > p {
        color: #333;
        font-weight: 400; }
    .pro-app-body #parts-store .re-order-parts .re-order-bottom-controls .basic-option-selection #order-selector {
      background-color: #B3B6B7; }
    .pro-app-body #parts-store .re-order-parts .re-order-bottom-controls .re-order-parts-btn > i {
      color: #2a68a3; }
  .pro-app-body #parts-store #order-summary > .order-price-breakdown {
    color: #333; }
  .pro-app-body #parts-store .order-items-review {
    background-color: #D7DBDD; }
  .pro-app-body .medium-header {
    color: #555; }
    .pro-app-body .medium-header i {
      color: #DC7633; }
  .pro-app-body .tab-content {
    box-shadow: none;
    background-color: #F2F3F4; }
    .pro-app-body .tab-content table tbody tr:hover {
      background: #909498; }
  .pro-app-body #design_container {
    background-color: #F2F3F4;
    padding: 0;
    margin: 0; }
    .pro-app-body #design_container form .row {
      background-color: #626567; }
  .pro-app-body #bottom-buttons {
    background-color: #D7DBDD; }
    .pro-app-body #bottom-buttons button {
      margin: 10px 10px; }
  .pro-app-body table {
    color: #333;
    font-weight: 500; }
    .pro-app-body table th {
      color: #333; }
  .pro-app-body label, .pro-app-body ::placeholder, .pro-app-body #project-search-bar .form-group button, .pro-app-body #title button, .pro-app-body .modal-dialog, .pro-app-body .input-group button,
  .pro-app-body .calendar-word-button, .pro-app-body #next_chevron, .pro-app-body #prev_chevron, .pro-app-body #template-search-bar .form-group button, .pro-app-body .events, .pro-app-body .design-price-break > div > span,
  .pro-app-body .comments-header #comment_count, .pro-app-body .estimate-header, .pro-app-body .estimate-label, .pro-app-body .sub-total, .pro-app-body .balance span, .pro-app-body .comments .comment-text {
    color: #333; }
  .pro-app-body a, .pro-app-body .template-name, .pro-app-body .template-detail-toggle, .pro-app-body .template-detail-toggle i.fa, .pro-app-body .fa-download {
    color: #555; }
  .pro-app-body .tab-pane, .pro-app-body #project-install-report #summary_notes, .pro-app-body #project-instructions-report #summary_notes {
    background-color: #F2F4F8; }
  .pro-app-body .project-list-shared .cell-handle:hover, .pro-app-body #project-list-page .cell-handle:hover, .pro-app-body #customer-project-list-page .cell-handle:hover {
    background: #909498; }
  .pro-app-body .project-list-shared #project-search-bar button, .pro-app-body .project-list-shared #project-search-bar button:hover, .pro-app-body .project-list-shared #project-search-bar button:focus, .pro-app-body .project-list-shared #project-search-bar button:active, .pro-app-body #project-list-page #project-search-bar button, .pro-app-body #project-list-page #project-search-bar button:hover, .pro-app-body #project-list-page #project-search-bar button:focus, .pro-app-body #project-list-page #project-search-bar button:active, .pro-app-body #customer-project-list-page #project-search-bar button, .pro-app-body #customer-project-list-page #project-search-bar button:hover, .pro-app-body #customer-project-list-page #project-search-bar button:focus, .pro-app-body #customer-project-list-page #project-search-bar button:active {
    background: #F2F3F4; }
  .pro-app-body .modal-header, .pro-app-body .design-comments {
    background: #909498; }
  .pro-app-body .template-body, .pro-app-body .create-design .panel-body {
    background-color: #B3B6B7; }
  .pro-app-body .modal-body, .pro-app-body .modal-footer {
    background: #F2F3F4; }
  .pro-app-body .dropdown-menu {
    background: #2E4B6E; }
    .pro-app-body .dropdown-menu > li > a:active, .pro-app-body .dropdown-menu > li > a:focus, .pro-app-body .dropdown-menu > li > a:hover {
      background: #F2F3F4;
      color: #333; }
  .pro-app-body .fc-ltr .fc-axis, .pro-app-body .fc-body > tr > td.fc-widget-content, .pro-app-body .fc-head {
    background: #626567; }
  .pro-app-body .nav-pills > li.active > a, .pro-app-body .nav-pills > li.active a:focus, .pro-app-body .nav-pills > li.active a:hover {
    background-color: #DC7633; }
  .pro-app-body .navbar {
    background: #D5DBE2;
    z-index: 1; }
  .pro-app-body .navbar-icon-container {
    display: flex;
    align-items: center;
    min-height: 68px; }
    .pro-app-body .navbar-icon-container .icon-button {
      display: flex;
      align-items: center;
      background: #D5DBE2;
      color: #000000;
      opacity: 1;
      padding: 8px 16px;
      min-height: auto;
      border-radius: 4px;
      margin-left: 16px;
      font-size: 16px;
      font-weight: bold;
      text-transform: none;
      box-shadow: none;
      -webkit-box-shadow: none; }
      .pro-app-body .navbar-icon-container .icon-button i {
        vertical-align: middle;
        margin-right: 0; }
      .pro-app-body .navbar-icon-container .icon-button:hover, .pro-app-body .navbar-icon-container .icon-button.active {
        background: #8293A8;
        color: #FFFFFF; }
        .pro-app-body .navbar-icon-container .icon-button:hover i, .pro-app-body .navbar-icon-container .icon-button.active i {
          color: #FFFFFF; }
      .pro-app-body .navbar-icon-container .icon-button .navbar-icon-text {
        line-height: normal;
        margin-left: 6px; }
  .pro-app-body #project-status-bar, .pro-app-body #order-stage {
    margin-top: 90px;
    display: grid;
    grid-template-columns: repeat(6, 1fr); }
    @media only screen and (max-width: 586px) {
      .pro-app-body #project-status-bar, .pro-app-body #order-stage {
        margin-top: 30px;
        grid-template-columns: 1fr;
        grid-row-gap: 16px; } }
    .pro-app-body #project-status-bar:before, .pro-app-body #order-stage:before {
      content: none; }
    .pro-app-body #project-status-bar .current, .pro-app-body #project-status-bar .current:after, .pro-app-body #order-stage .current, .pro-app-body #order-stage .current:after {
      color: #DC7633; }
    .pro-app-body #project-status-bar div, .pro-app-body #order-stage div {
      display: flex;
      align-items: center;
      padding: 0; }
      .pro-app-body #project-status-bar div:last-of-type:before, .pro-app-body #order-stage div:last-of-type:before {
        background: none; }
      .pro-app-body #project-status-bar div span, .pro-app-body #order-stage div span {
        max-width: none;
        margin: 0;
        display: inherit; }
      .pro-app-body #project-status-bar div .number, .pro-app-body #order-stage div .number {
        width: 40px;
        height: 40px;
        border: 1px solid #8293A8;
        background: initial;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #8293A8; }
        @media only screen and (max-width: 936px) {
          .pro-app-body #project-status-bar div .number, .pro-app-body #order-stage div .number {
            width: 20px;
            height: 20px;
            font-size: 12px; } }
        @media only screen and (max-width: 586px) {
          .pro-app-body #project-status-bar div .number, .pro-app-body #order-stage div .number {
            width: 40px;
            height: 40px;
            font-size: 16px; } }
      .pro-app-body #project-status-bar div .text, .pro-app-body #order-stage div .text {
        font-weight: 600;
        color: #8293A8;
        font-size: 16px;
        margin-left: 4px; }
        @media only screen and (max-width: 936px) {
          .pro-app-body #project-status-bar div .text, .pro-app-body #order-stage div .text {
            font-size: 12px; } }
        @media only screen and (max-width: 586px) {
          .pro-app-body #project-status-bar div .text, .pro-app-body #order-stage div .text {
            font-size: 16px; } }
      .pro-app-body #project-status-bar div .line, .pro-app-body #order-stage div .line {
        margin-left: 6px;
        border: 1px dashed #8293A8;
        flex-grow: 1;
        margin-right: 6px; }
        @media only screen and (max-width: 586px) {
          .pro-app-body #project-status-bar div .line, .pro-app-body #order-stage div .line {
            display: none; } }
    .pro-app-body #project-status-bar .completed .number, .pro-app-body #project-status-bar .current .number, .pro-app-body #order-stage .completed .number, .pro-app-body #order-stage .current .number {
      background: #2E4B6E;
      color: white; }
    .pro-app-body #project-status-bar .completed .text, .pro-app-body #project-status-bar .current .text, .pro-app-body #order-stage .completed .text, .pro-app-body #order-stage .current .text {
      color: #2E4B6E; }
    .pro-app-body #project-status-bar .completed .line, .pro-app-body #project-status-bar .current .line, .pro-app-body #order-stage .completed .line, .pro-app-body #order-stage .current .line {
      border: 1px solid #2E4B6E; }
    .pro-app-body #project-status-bar div:after, .pro-app-body #order-stage div:after {
      content: none; }
  .pro-app-body #search_box, .pro-app-body .calendar-button-selected {
    background: #B3B6B7; }
  .pro-app-body #proposal_design_container {
    background: inherit;
    padding: 0;
    margin-bottom: 0; }
    .pro-app-body #proposal_design_container form .row {
      background-color: #626567; }
    .pro-app-body #proposal_design_container #proposal-design-list-container .list-columns-designs {
      display: none; }
    @media only screen and (max-width: 936px) {
      .pro-app-body #proposal_design_container #proposal-design-list-container {
        padding: 16px; } }
  .pro-app-body .view-buttons, .pro-app-body .tab-footer, .pro-app-body #project_detail_section, .pro-app-body #project_note_section,
  .pro-app-body #estimate_container .tab-content, .pro-app-body #attach_designs_form {
    background: #D7DBDD; }
  .pro-app-body .template-header, .pro-app-body .template-detail {
    background-color: #909498; }
  .pro-app-body .deposit-type label {
    font-weight: 500; }
  .pro-app-body .three-way-switch {
    text-align: left; }
    .pro-app-body .three-way-switch label {
      font-weight: 400;
      font-size: 16px;
      letter-spacing: 0.025em;
      text-transform: capitalize;
      padding-bottom: 16px;
      display: flex;
      align-items: center;
      margin-top: 0;
      position: relative; }
    .pro-app-body .three-way-switch input {
      height: 24px;
      width: 24px; }
      .pro-app-body .three-way-switch input:disabled {
        display: none; }
        .pro-app-body .three-way-switch input:disabled:checked {
          display: block; }
          .pro-app-body .three-way-switch input:disabled:checked:after {
            top: 0; }
      .pro-app-body .three-way-switch input:checked:after {
        content: "";
        position: absolute;
        left: 9px;
        top: 4px;
        width: 10px;
        height: 18px;
        border: solid black;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .pro-app-body .three-way-switch ul {
      list-style-type: none;
      padding: 0; }
      .pro-app-body .three-way-switch ul li {
        display: inline; }
  .pro-app-body #id_user_form #sales_goals {
    display: none !important; }
  .pro-app-body #id_user_form #group-access-details-dialog li {
    color: black; }
  .pro-app-body .searchable-select > .pseudo-dropdown, .pro-app-body .searchable-select .pseudo-dropup, .pro-app-body .searchable-select .pseudo-select {
    background: #B3B6B7;
    color: #333; }
    .pro-app-body .searchable-select > .pseudo-dropdown > div, .pro-app-body .searchable-select .pseudo-dropup > div, .pro-app-body .searchable-select .pseudo-select > div {
      background-color: #B3B6B7; }
      .pro-app-body .searchable-select > .pseudo-dropdown > div input, .pro-app-body .searchable-select .pseudo-dropup > div input, .pro-app-body .searchable-select .pseudo-select > div input {
        background-color: #D7DBDD; }
    .pro-app-body .searchable-select > .pseudo-dropdown span:hover, .pro-app-body .searchable-select .pseudo-dropup span:hover, .pro-app-body .searchable-select .pseudo-select span:hover {
      background-color: #D7DBDD; }
    .pro-app-body .searchable-select > .pseudo-dropdown:hover, .pro-app-body .searchable-select .pseudo-dropup:hover, .pro-app-body .searchable-select .pseudo-select:hover {
      background-color: #B3B6B7; }
  .pro-app-body .date-select > .react-calendar button {
    color: #333;
    background-color: #D5DBE2 !important; }
  .pro-app-body .date-select > .react-calendar button.active {
    background-color: #2E4B6E !important;
    color: white; }
    .pro-app-body .date-select > .react-calendar button.active:hover {
      color: black; }
  .pro-app-body .date-select > .react-calendar button:hover {
    background-color: #F2F4F8 !important; }
  .pro-app-body .date-select > .react-calendar button:disabled {
    color: white;
    background-color: #ABB7C5 !important; }
  .pro-app-body #ccf-bucket {
    color: #333; }
    .pro-app-body #ccf-bucket label, .pro-app-body #ccf-bucket h1, .pro-app-body #ccf-bucket h2, .pro-app-body #ccf-bucket h3, .pro-app-body #ccf-bucket h4, .pro-app-body #ccf-bucket h5, .pro-app-body #ccf-bucket h6 {
      color: #333; }
    .pro-app-body #ccf-bucket .ccf-title-action-container, .pro-app-body #ccf-bucket .ccf-view-title-action-container {
      margin-top: 65px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .pro-app-body #ccf-bucket .ccf-view-title-action-container {
      margin-bottom: 40px; }
    .pro-app-body #ccf-bucket #title {
      margin: 0; }
      .pro-app-body #ccf-bucket #title > h1 {
        color: #333; }
    .pro-app-body #ccf-bucket #ccf .ccf-report-title {
      color: #333; }
    .pro-app-body #ccf-bucket #ccf > .container {
      background-color: unset; }
    .pro-app-body #ccf-bucket #ccf #ccf-list > #ccf-list-header {
      height: 56px;
      padding: 16px;
      background-color: #D5DBE2;
      border-radius: 4px 4px 0 0;
      border: none; }
      .pro-app-body #ccf-bucket #ccf #ccf-list > #ccf-list-header label {
        margin: 0; }
    .pro-app-body #ccf-bucket #ccf #ccf-list > .ccf-list-item {
      background-color: #FFF; }
      .pro-app-body #ccf-bucket #ccf #ccf-list > .ccf-list-item:hover {
        background-color: #D5DBE2; }
      .pro-app-body #ccf-bucket #ccf #ccf-list > .ccf-list-item > div {
        height: 48px;
        line-height: 48px;
        padding-left: 16px;
        border-bottom: 2px solid #D5DBE2; }
    .pro-app-body #ccf-bucket #ccf #ccf-list-filters p {
      color: #333; }
    .pro-app-body #ccf-bucket #ccf #ccf-search {
      display: grid;
      grid-template-columns: 400px 108px 1fr; }
      .pro-app-body #ccf-bucket #ccf #ccf-search button {
        min-width: unset;
        height: 48px; }
    .pro-app-body #ccf-bucket #ccf #ccf-next-back .btn {
      color: white; }
    .pro-app-body #ccf-bucket #ccf #ccf-list-footer {
      border: none; }
    .pro-app-body #ccf-bucket #ccf #category-accordion .is-child {
      color: #333; }
    .pro-app-body #ccf-bucket #ccf #ccf-review .data-review p span {
      color: #333; }
    .pro-app-body #ccf-bucket #ccf #ccf-view p {
      background: #B3B6B7;
      color: #333; }
    .pro-app-body #ccf-bucket #ccf #ccf-view #ccf-parts > div .row:nth-child(odd) {
      background-color: unset; }
    .pro-app-body #ccf-bucket #ccf #ccf-view #ccf-save-modal > div {
      background-color: #D7DBDD; }
    .pro-app-body #ccf-bucket #ccf #ccf-view #ccf-save-modal #ccf-save-modal-header {
      background: #B3B6B7; }
    .pro-app-body #ccf-bucket #ccf #ccf-view #ccf-save-modal #ccf-save-modal-body #ccf-save-modal-list #ccf-save-modal-top-row label {
      color: #333; }
    .pro-app-body #ccf-bucket #ccf #ccf-view #ccf-save-modal #ccf-save-modal-body #ccf-save-modal-list > .ccf-save-modal-list-item:nth-child(even) {
      background-color: #B3B6B7; }
    .pro-app-body #ccf-bucket #ccf #ccf-view #ccf-save-modal #ccf-save-modal-footer {
      background: #B3B6B7; }
    .pro-app-body #ccf-bucket #ccf #ccf-view #ccf-comments .ccf-information-display {
      background: unset; }
      .pro-app-body #ccf-bucket #ccf #ccf-view #ccf-comments .ccf-information-display p {
        color: black;
        background: unset; }
    .pro-app-body #ccf-bucket #ccf #ccf-view .section-header {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      height: 32px;
      width: 100%;
      padding: 0 16px;
      background-color: #D5DBE2;
      cursor: pointer;
      margin-bottom: 16px; }
      .pro-app-body #ccf-bucket #ccf #ccf-view .section-header .fa-chevron-up {
        display: none; }
      .pro-app-body #ccf-bucket #ccf #ccf-view .section-header .fa-chevron-down {
        display: block; }
      .pro-app-body #ccf-bucket #ccf #ccf-view .section-header.collapsed {
        margin-bottom: 16px; }
        .pro-app-body #ccf-bucket #ccf #ccf-view .section-header.collapsed .fa-chevron-up {
          display: block; }
        .pro-app-body #ccf-bucket #ccf #ccf-view .section-header.collapsed .fa-chevron-down {
          display: none; }
      .pro-app-body #ccf-bucket #ccf #ccf-view .section-header i {
        color: black; }
      .pro-app-body #ccf-bucket #ccf #ccf-view .section-header span {
        font-size: 16px;
        margin-left: 8px;
        font-weight: bold; }
    .pro-app-body #ccf-bucket #ccf #ccf-view label {
      background: none;
      position: relative;
      margin: 0;
      text-transform: unset; }
      .pro-app-body #ccf-bucket #ccf #ccf-view label span.prompt {
        position: absolute;
        top: 10px;
        left: 16px;
        color: #A2A9B0;
        font-style: normal;
        font-weight: normal; }
        .pro-app-body #ccf-bucket #ccf #ccf-view label span.prompt.checkbox-prompt {
          position: unset; }
      .pro-app-body #ccf-bucket #ccf #ccf-view label span.error {
        position: relative;
        color: darkred;
        font-weight: bold;
        padding: 8px;
        border: 1px solid darkred;
        border-radius: 4px;
        display: block;
        margin-top: 8px;
        margin-bottom: 8px; }
      .pro-app-body #ccf-bucket #ccf #ccf-view label p {
        background: none;
        height: 64px;
        font-size: 18px;
        font-weight: 400; }
      .pro-app-body #ccf-bucket #ccf #ccf-view label select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAAXNSR0IArs4c6QAAALdJREFUGBljYAAChfn3OYzP/GcFsdEBSBwkDxJnFJh/X+DL7y+7GBj/fxaTEPF95iv1DaZBavMzrlcv3mxm+M/Iy8PK48b05e834/8MDMb//zM4gSRACkCKYQpB4iB5kDpGkATr7Ctx//7/n8/A8J+JkZFhHyc3e/j3rz9XghQCLf8HFEz8naqzCKwYXQNQwRegRh5khSA1cMVYNMBNBMlhBSAnMc+69AtEY1WALsgz77YouhiIDwBxOl4Sc2/abwAAAABJRU5ErkJggg=="); }
      .pro-app-body #ccf-bucket #ccf #ccf-view label input, .pro-app-body #ccf-bucket #ccf #ccf-view label select, .pro-app-body #ccf-bucket #ccf #ccf-view label textarea, .pro-app-body #ccf-bucket #ccf #ccf-view label .pseudo-select, .pro-app-body #ccf-bucket #ccf #ccf-view label .date-select {
        background-color: unset;
        border: 1px solid #C1C7CD;
        border-radius: 4px;
        height: 64px;
        font-size: 18px; }
      .pro-app-body #ccf-bucket #ccf #ccf-view label input, .pro-app-body #ccf-bucket #ccf #ccf-view label select, .pro-app-body #ccf-bucket #ccf #ccf-view label p, .pro-app-body #ccf-bucket #ccf #ccf-view label textarea, .pro-app-body #ccf-bucket #ccf #ccf-view label .pseudo-select {
        padding: 30px 0 12px 16px !important;
        outline: none; }
        .pro-app-body #ccf-bucket #ccf #ccf-view label input:focus, .pro-app-body #ccf-bucket #ccf #ccf-view label select:focus, .pro-app-body #ccf-bucket #ccf #ccf-view label p:focus, .pro-app-body #ccf-bucket #ccf #ccf-view label textarea:focus, .pro-app-body #ccf-bucket #ccf #ccf-view label .pseudo-select:focus {
          border: 3px solid #0D6EFD;
          padding: 26px 0 8px 12px; }
        .pro-app-body #ccf-bucket #ccf #ccf-view label input:-webkit-autofill, .pro-app-body #ccf-bucket #ccf #ccf-view label select:-webkit-autofill, .pro-app-body #ccf-bucket #ccf #ccf-view label p:-webkit-autofill, .pro-app-body #ccf-bucket #ccf #ccf-view label textarea:-webkit-autofill, .pro-app-body #ccf-bucket #ccf #ccf-view label .pseudo-select:-webkit-autofill {
          -webkit-box-shadow: none;
          -webkit-text-fill-color: initial; }
      .pro-app-body #ccf-bucket #ccf #ccf-view label .date-select > p {
        border: none; }
    .pro-app-body #ccf-bucket #ccf #ccf-view input[type=checkbox] {
      background-color: initial;
      border: 1px solid #C1C7CD;
      font-size: 18px;
      line-height: 22px;
      letter-spacing: 0.025em;
      height: auto;
      border-radius: 4px;
      padding: 13px;
      outline: none;
      box-shadow: none;
      margin-top: 0; }
      .pro-app-body #ccf-bucket #ccf #ccf-view input[type=checkbox]:focus {
        border: 3px solid #0D6EFD;
        padding: 11px; }
      .pro-app-body #ccf-bucket #ccf #ccf-view input[type=checkbox]:-webkit-autofill {
        -webkit-box-shadow: none;
        -webkit-text-fill-color: initial; }
      .pro-app-body #ccf-bucket #ccf #ccf-view input[type=checkbox]:disabled {
        padding: 0;
        border: none; }
      .pro-app-body #ccf-bucket #ccf #ccf-view input[type=checkbox]:checked:after {
        content: "";
        position: absolute;
        left: 24px;
        top: 22px;
        width: 10px;
        height: 18px;
        border: solid black;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .pro-app-body #ccf-bucket #ccf #ccf-view input[type=checkbox]::placeholder {
        opacity: .5; }
    .pro-app-body #ccf-bucket #ccf #meta-info-row {
      margin-top: 16px;
      margin-bottom: 16px; }
    .pro-app-body #ccf-bucket #ccf #buttons-row button:last-of-type {
      float: right; }
    .pro-app-body #ccf-bucket #ccf #image-upload-or-drag-and-drop {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #F2F4F8;
      border: 1px dashed black;
      border-radius: 8px;
      min-height: 250px;
      text-align: center; }
      .pro-app-body #ccf-bucket #ccf #image-upload-or-drag-and-drop p {
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        color: black;
        background: unset;
        padding: 0;
        margin: 0; }
      .pro-app-body #ccf-bucket #ccf #image-upload-or-drag-and-drop i {
        color: #2E4B6E; }
      .pro-app-body #ccf-bucket #ccf #image-upload-or-drag-and-drop #upload-information {
        position: absolute;
        padding: 8px;
        background-color: #F2F4F8;
        border-radius: 8px; }
      .pro-app-body #ccf-bucket #ccf #image-upload-or-drag-and-drop .image-preview i {
        background: #2E4B6E;
        color: white; }
    .pro-app-body #ccf-bucket #ccf #ccf-history-container #ccf-history-list > .ccf-history-list-item:nth-child(odd) {
      background-color: #B3B6B7; }
    .pro-app-body #ccf-bucket #ccf .date-select p {
      background-color: #B3B6B7;
      color: #333; }
      .pro-app-body #ccf-bucket #ccf .date-select p i {
        background-color: unset; }
    .pro-app-body #ccf-bucket #ccf .searchable-select p i {
      background-color: unset; }
    .pro-app-body #ccf-bucket #ccf .reorderable-select {
      position: absolute;
      right: calc(6.25% + 12px);
      width: 200px;
      z-index: 9999;
      background-color: white;
      border: none; }
      .pro-app-body #ccf-bucket #ccf .reorderable-select .reorderable-tiles {
        flex-direction: column; }
        .pro-app-body #ccf-bucket #ccf .reorderable-select .reorderable-tiles div p {
          color: black;
          background-color: white; }
      .pro-app-body #ccf-bucket #ccf .reorderable-select .reorderable-additional-selection {
        background-color: white;
        border: none; }
        .pro-app-body #ccf-bucket #ccf .reorderable-select .reorderable-additional-selection p {
          color: black; }
          .pro-app-body #ccf-bucket #ccf .reorderable-select .reorderable-additional-selection p:hover {
            background-color: unset; }
    .pro-app-body #ccf-bucket #ccf .no-ccf-available p {
      color: black; }

label.input-group {
  background: none;
  position: relative;
  margin: 0; }
  label.input-group span.prompt {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    color: #A2A9B0;
    font-style: normal;
    font-weight: normal;
    font-size: 18px; }
  label.input-group span.error {
    position: relative;
    color: darkred;
    font-weight: bold;
    padding: 8px;
    border: 1px solid darkred;
    border-radius: 4px;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px; }
  label.input-group input, label.input-group select {
    background-color: initial;
    border: 1px solid #C1C7CD;
    border-radius: 4px;
    height: 48px;
    font-size: 18px;
    box-shadow: none;
    margin-top: 0; }
  label.input-group input {
    padding: 13px 0 13px 42px;
    outline: none; }
    label.input-group input:focus {
      border: 3px solid #0D6EFD;
      padding: 11px 0 11px 40px; }
    label.input-group input:-webkit-autofill {
      -webkit-box-shadow: none;
      -webkit-text-fill-color: initial; }
  label.input-group select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAAXNSR0IArs4c6QAAALdJREFUGBljYAAChfn3OYzP/GcFsdEBSBwkDxJnFJh/X+DL7y+7GBj/fxaTEPF95iv1DaZBavMzrlcv3mxm+M/Iy8PK48b05e834/8MDMb//zM4gSRACkCKYQpB4iB5kDpGkATr7Ctx//7/n8/A8J+JkZFhHyc3e/j3rz9XghQCLf8HFEz8naqzCKwYXQNQwRegRh5khSA1cMVYNMBNBMlhBSAnMc+69AtEY1WALsgz77YouhiIDwBxOl4Sc2/abwAAAABJRU5ErkJggg=="); }

.list-container {
  width: 80%;
  margin: auto; }
  .list-container .list-title {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 20px 0; }
    .list-container .list-title h1 {
      font-weight: 500;
      font-size: 44px; }
  .list-container .list-search-container {
    display: grid;
    grid-template-columns: 400px 1fr;
    margin-bottom: 20px; }
    .list-container .list-search-container a {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 48px;
      width: 48px;
      background: #D5DBE2;
      border-radius: 4px;
      margin-left: 20px; }
      .list-container .list-search-container a i {
        font-size: 24px; }
  .list-container .list-columns, .list-container .list-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 8px; }
  .list-container .list-columns {
    height: 56px;
    padding: 16px;
    background-color: #D5DBE2;
    border-radius: 4px 4px 0 0;
    border: none; }
    .list-container .list-columns > h3, .list-container .list-columns div {
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
      align-self: center;
      margin: 0; }
      .list-container .list-columns > h3 i, .list-container .list-columns div i {
        font-size: inherit; }
  .list-container .list-row {
    height: 90px;
    padding: 16px;
    border-bottom: 2px solid #D5DBE2;
    background: #FFFFFF; }
    .list-container .list-row > a, .list-container .list-row > div, .list-container .list-row > p {
      align-self: center;
      font-size: 14px;
      cursor: default; }
      .list-container .list-row > a i, .list-container .list-row > div i, .list-container .list-row > p i {
        margin-right: 8px; }
    .list-container .list-row div[class*='design-'] a, .list-container .list-row div[class*='design-'] div, .list-container .list-row div[class*='design-'] p {
      align-self: center;
      margin: 0; }
    .list-container .list-row > a {
      cursor: pointer; }
    .list-container .list-row:hover {
      background: #D5DBE2; }
    .list-container .list-row:active {
      background: #ABB7C5; }

.customer-title-action-container, .project-title-action-container {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media only screen and (max-width: 936px) {
    .customer-title-action-container #create-project-text, .project-title-action-container #create-project-text {
      display: none; } }
  @media only screen and (max-width: 936px) {
    .customer-title-action-container .fa-briefcase, .project-title-action-container .fa-briefcase {
      display: none; } }

.customer-header-container, .project-header-container, .design-list-header-container {
  display: flex;
  justify-content: center;
  align-items: center; }
  .customer-header-container .customer-header-content, .customer-header-container .project-header-content, .customer-header-container .design-list-header-content, .project-header-container .customer-header-content, .project-header-container .project-header-content, .project-header-container .design-list-header-content, .design-list-header-container .customer-header-content, .design-list-header-container .project-header-content, .design-list-header-container .design-list-header-content {
    width: 80%; }
  .customer-header-container .customer-title-action-container, .customer-header-container .project-title-action-container, .customer-header-container .design-list-title-action-container, .project-header-container .customer-title-action-container, .project-header-container .project-title-action-container, .project-header-container .design-list-title-action-container, .design-list-header-container .customer-title-action-container, .design-list-header-container .project-title-action-container, .design-list-header-container .design-list-title-action-container {
    display: flex;
    justify-content: space-between; }
  .customer-header-container #title, .project-header-container #title, .design-list-header-container #title {
    margin: 0; }

.project-header-container, .design-list-header-container {
  margin-top: 50px; }

.customer-info-container {
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 80%; }
  @media only screen and (max-width: 936px) {
    .customer-info-container {
      width: 90%; } }

.btn {
  text-transform: none;
  font-size: 16px; }
  .btn.active {
    box-shadow: none; }
  .btn.btn-primary {
    padding: 15px 16px;
    background: #D5DBE2;
    border-radius: 4px;
    color: #111;
    font-size: 16px; }
    .btn.btn-primary:hover, .btn.btn-primary:focus {
      background-color: #ABB7C5; }
    .btn.btn-primary:active {
      background-color: #586F8B;
      box-shadow: none; }
  .btn.btn-secondary-pro, .btn.btn-secondary {
    padding: 15px 16px;
    background: #2E4B6E;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    height: auto; }
    .btn.btn-secondary-pro:hover, .btn.btn-secondary-pro:focus, .btn.btn-secondary:hover, .btn.btn-secondary:focus {
      background-color: #ABB7C5; }
    .btn.btn-secondary-pro:active, .btn.btn-secondary:active {
      background-color: #586F8B;
      box-shadow: none; }
  .btn.btn-danger {
    padding: 15px 16px;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    height: auto; }
    .btn.btn-danger:hover, .btn.btn-danger:focus {
      opacity: .8; }
  .btn.btn-success {
    padding: 15px 16px;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    height: auto; }
    .btn.btn-success:hover, .btn.btn-success:focus {
      opacity: .8; }
  .btn.btn-primary-icon-left, .btn.btn-primary-icon-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #2E4B6E;
    border-radius: 4px;
    padding: 15px 16px;
    color: white; }
    @media only screen and (max-width: 936px) {
      .btn.btn-primary-icon-left, .btn.btn-primary-icon-right {
        width: 46px;
        height: 36px; } }
    .btn.btn-primary-icon-left:hover, .btn.btn-primary-icon-right:hover {
      background: #253C58; }
    .btn.btn-primary-icon-left:active, .btn.btn-primary-icon-right:active {
      background: #1C2D42; }
    @media only screen and (max-width: 936px) {
      .btn.btn-primary-icon-left i, .btn.btn-primary-icon-right i {
        font-size: 16px;
        margin: 0; } }
    @media only screen and (max-width: 936px) {
      .btn.btn-primary-icon-left > span, .btn.btn-primary-icon-right > span {
        display: none; } }
  .btn.btn-sec-icon-right {
    padding: 15px 16px;
    background: #D5DBE2;
    border-radius: 4px;
    color: #111;
    font-size: 16px; }
    .btn.btn-sec-icon-right:hover, .btn.btn-sec-icon-right:focus {
      background-color: #ABB7C5; }
    .btn.btn-sec-icon-right:active {
      background-color: #8293A8;
      color: white;
      box-shadow: none; }

#configure-in-tool {
  padding: 11px 22px; }

@media only screen and (max-width: 936px) {
  #projects-list {
    width: 90%; } }

@media only screen and (max-width: 586px) {
  #projects-list {
    width: 95%; } }

#customer-projects-list .list-header, #projects-list .list-header, #project-instructions-report .list-header, #project-design .list-header, #project-proposal .list-header, #design-list-page .list-header, #parts-store .list-header {
  display: flex;
  justify-content: space-between; }
  #customer-projects-list .list-header .list-title, #projects-list .list-header .list-title, #project-instructions-report .list-header .list-title, #project-design .list-header .list-title, #project-proposal .list-header .list-title, #design-list-page .list-header .list-title, #parts-store .list-header .list-title {
    align-items: center;
    justify-content: flex-start;
    width: 100%; }
    @media only screen and (max-width: 586px) {
      #customer-projects-list .list-header .list-title, #projects-list .list-header .list-title, #project-instructions-report .list-header .list-title, #project-design .list-header .list-title, #project-proposal .list-header .list-title, #design-list-page .list-header .list-title, #parts-store .list-header .list-title {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas: "search search search search" "filter filter filter settings";
        grid-row-gap: 16px; } }
    #customer-projects-list .list-header .list-title .input-group, #projects-list .list-header .list-title .input-group, #project-instructions-report .list-header .list-title .input-group, #project-design .list-header .list-title .input-group, #project-proposal .list-header .list-title .input-group, #design-list-page .list-header .list-title .input-group, #parts-store .list-header .list-title .input-group {
      width: auto;
      margin-right: 8px; }
      #customer-projects-list .list-header .list-title .input-group #project-search, #projects-list .list-header .list-title .input-group #project-search, #project-instructions-report .list-header .list-title .input-group #project-search, #project-design .list-header .list-title .input-group #project-search, #project-proposal .list-header .list-title .input-group #project-search, #design-list-page .list-header .list-title .input-group #project-search, #parts-store .list-header .list-title .input-group #project-search {
        width: 400px; }
        @media only screen and (max-width: 936px) {
          #customer-projects-list .list-header .list-title .input-group #project-search, #projects-list .list-header .list-title .input-group #project-search, #project-instructions-report .list-header .list-title .input-group #project-search, #project-design .list-header .list-title .input-group #project-search, #project-proposal .list-header .list-title .input-group #project-search, #design-list-page .list-header .list-title .input-group #project-search, #parts-store .list-header .list-title .input-group #project-search {
            width: 100%; } }
      #customer-projects-list .list-header .list-title .input-group #project-status, #projects-list .list-header .list-title .input-group #project-status, #project-instructions-report .list-header .list-title .input-group #project-status, #project-design .list-header .list-title .input-group #project-status, #project-proposal .list-header .list-title .input-group #project-status, #design-list-page .list-header .list-title .input-group #project-status, #parts-store .list-header .list-title .input-group #project-status {
        width: 200px; }
        @media only screen and (max-width: 586px) {
          #customer-projects-list .list-header .list-title .input-group #project-status, #projects-list .list-header .list-title .input-group #project-status, #project-instructions-report .list-header .list-title .input-group #project-status, #project-design .list-header .list-title .input-group #project-status, #project-proposal .list-header .list-title .input-group #project-status, #design-list-page .list-header .list-title .input-group #project-status, #parts-store .list-header .list-title .input-group #project-status {
            width: 100%; } }
    @media only screen and (max-width: 586px) {
      #customer-projects-list .list-header .list-title .project-search-input-group, #projects-list .list-header .list-title .project-search-input-group, #project-instructions-report .list-header .list-title .project-search-input-group, #project-design .list-header .list-title .project-search-input-group, #project-proposal .list-header .list-title .project-search-input-group, #design-list-page .list-header .list-title .project-search-input-group, #parts-store .list-header .list-title .project-search-input-group {
        grid-area: search;
        width: 100%; } }
    @media only screen and (max-width: 586px) {
      #customer-projects-list .list-header .list-title .project-status-input-group, #projects-list .list-header .list-title .project-status-input-group, #project-instructions-report .list-header .list-title .project-status-input-group, #project-design .list-header .list-title .project-status-input-group, #project-proposal .list-header .list-title .project-status-input-group, #design-list-page .list-header .list-title .project-status-input-group, #parts-store .list-header .list-title .project-status-input-group {
        grid-area: filter;
        width: 100%; } }
  #customer-projects-list .list-header .additional-buttons, #projects-list .list-header .additional-buttons, #project-instructions-report .list-header .additional-buttons, #project-design .list-header .additional-buttons, #project-proposal .list-header .additional-buttons, #design-list-page .list-header .additional-buttons, #parts-store .list-header .additional-buttons {
    margin-left: auto; }
    @media only screen and (max-width: 586px) {
      #customer-projects-list .list-header .additional-buttons, #projects-list .list-header .additional-buttons, #project-instructions-report .list-header .additional-buttons, #project-design .list-header .additional-buttons, #project-proposal .list-header .additional-buttons, #design-list-page .list-header .additional-buttons, #parts-store .list-header .additional-buttons {
        grid-area: settings;
        text-align: right; } }
    #customer-projects-list .list-header .additional-buttons #project-settings-button:focus, #customer-projects-list .list-header .additional-buttons #project-settings-button:active, #projects-list .list-header .additional-buttons #project-settings-button:focus, #projects-list .list-header .additional-buttons #project-settings-button:active, #project-instructions-report .list-header .additional-buttons #project-settings-button:focus, #project-instructions-report .list-header .additional-buttons #project-settings-button:active, #project-design .list-header .additional-buttons #project-settings-button:focus, #project-design .list-header .additional-buttons #project-settings-button:active, #project-proposal .list-header .additional-buttons #project-settings-button:focus, #project-proposal .list-header .additional-buttons #project-settings-button:active, #design-list-page .list-header .additional-buttons #project-settings-button:focus, #design-list-page .list-header .additional-buttons #project-settings-button:active, #parts-store .list-header .additional-buttons #project-settings-button:focus, #parts-store .list-header .additional-buttons #project-settings-button:active {
      color: white; }
    #customer-projects-list .list-header .additional-buttons #project-settings-button i, #projects-list .list-header .additional-buttons #project-settings-button i, #project-instructions-report .list-header .additional-buttons #project-settings-button i, #project-design .list-header .additional-buttons #project-settings-button i, #project-proposal .list-header .additional-buttons #project-settings-button i, #design-list-page .list-header .additional-buttons #project-settings-button i, #parts-store .list-header .additional-buttons #project-settings-button i {
      margin-right: 0;
      font-size: 22px; }
    #customer-projects-list .list-header .additional-buttons #design-settings-button, #projects-list .list-header .additional-buttons #design-settings-button, #project-instructions-report .list-header .additional-buttons #design-settings-button, #project-design .list-header .additional-buttons #design-settings-button, #project-proposal .list-header .additional-buttons #design-settings-button, #design-list-page .list-header .additional-buttons #design-settings-button, #parts-store .list-header .additional-buttons #design-settings-button {
      color: black;
      background-color: #D5DBE2; }
      #customer-projects-list .list-header .additional-buttons #design-settings-button:focus, #customer-projects-list .list-header .additional-buttons #design-settings-button:active #customer-projects-list .list-header .additional-buttons #design-settings-button:hover, #projects-list .list-header .additional-buttons #design-settings-button:focus, #projects-list .list-header .additional-buttons #design-settings-button:active #customer-projects-list .list-header .additional-buttons #design-settings-button:hover, #project-instructions-report .list-header .additional-buttons #design-settings-button:focus, #project-instructions-report .list-header .additional-buttons #design-settings-button:active #customer-projects-list .list-header .additional-buttons #design-settings-button:hover, #project-design .list-header .additional-buttons #design-settings-button:focus, #project-design .list-header .additional-buttons #design-settings-button:active #customer-projects-list .list-header .additional-buttons #design-settings-button:hover, #project-proposal .list-header .additional-buttons #design-settings-button:focus, #project-proposal .list-header .additional-buttons #design-settings-button:active #customer-projects-list .list-header .additional-buttons #design-settings-button:hover, #design-list-page .list-header .additional-buttons #design-settings-button:focus, #design-list-page .list-header .additional-buttons #design-settings-button:active #customer-projects-list .list-header .additional-buttons #design-settings-button:hover, #parts-store .list-header .additional-buttons #design-settings-button:focus, #parts-store .list-header .additional-buttons #design-settings-button:active #customer-projects-list .list-header .additional-buttons #design-settings-button:hover, #customer-projects-list .list-header .additional-buttons #design-settings-button:active #projects-list .list-header .additional-buttons #design-settings-button:hover, #projects-list .list-header .additional-buttons #design-settings-button:active #projects-list .list-header .additional-buttons #design-settings-button:hover, #project-instructions-report .list-header .additional-buttons #design-settings-button:active #projects-list .list-header .additional-buttons #design-settings-button:hover, #project-design .list-header .additional-buttons #design-settings-button:active #projects-list .list-header .additional-buttons #design-settings-button:hover, #project-proposal .list-header .additional-buttons #design-settings-button:active #projects-list .list-header .additional-buttons #design-settings-button:hover, #design-list-page .list-header .additional-buttons #design-settings-button:active #projects-list .list-header .additional-buttons #design-settings-button:hover, #parts-store .list-header .additional-buttons #design-settings-button:active #projects-list .list-header .additional-buttons #design-settings-button:hover, #customer-projects-list .list-header .additional-buttons #design-settings-button:active #project-instructions-report .list-header .additional-buttons #design-settings-button:hover, #projects-list .list-header .additional-buttons #design-settings-button:active #project-instructions-report .list-header .additional-buttons #design-settings-button:hover, #project-instructions-report .list-header .additional-buttons #design-settings-button:active #project-instructions-report .list-header .additional-buttons #design-settings-button:hover, #project-design .list-header .additional-buttons #design-settings-button:active #project-instructions-report .list-header .additional-buttons #design-settings-button:hover, #project-proposal .list-header .additional-buttons #design-settings-button:active #project-instructions-report .list-header .additional-buttons #design-settings-button:hover, #design-list-page .list-header .additional-buttons #design-settings-button:active #project-instructions-report .list-header .additional-buttons #design-settings-button:hover, #parts-store .list-header .additional-buttons #design-settings-button:active #project-instructions-report .list-header .additional-buttons #design-settings-button:hover, #customer-projects-list .list-header .additional-buttons #design-settings-button:active #project-design .list-header .additional-buttons #design-settings-button:hover, #projects-list .list-header .additional-buttons #design-settings-button:active #project-design .list-header .additional-buttons #design-settings-button:hover, #project-instructions-report .list-header .additional-buttons #design-settings-button:active #project-design .list-header .additional-buttons #design-settings-button:hover, #project-design .list-header .additional-buttons #design-settings-button:active #project-design .list-header .additional-buttons #design-settings-button:hover, #project-proposal .list-header .additional-buttons #design-settings-button:active #project-design .list-header .additional-buttons #design-settings-button:hover, #design-list-page .list-header .additional-buttons #design-settings-button:active #project-design .list-header .additional-buttons #design-settings-button:hover, #parts-store .list-header .additional-buttons #design-settings-button:active #project-design .list-header .additional-buttons #design-settings-button:hover, #customer-projects-list .list-header .additional-buttons #design-settings-button:active #project-proposal .list-header .additional-buttons #design-settings-button:hover, #projects-list .list-header .additional-buttons #design-settings-button:active #project-proposal .list-header .additional-buttons #design-settings-button:hover, #project-instructions-report .list-header .additional-buttons #design-settings-button:active #project-proposal .list-header .additional-buttons #design-settings-button:hover, #project-design .list-header .additional-buttons #design-settings-button:active #project-proposal .list-header .additional-buttons #design-settings-button:hover, #project-proposal .list-header .additional-buttons #design-settings-button:active #project-proposal .list-header .additional-buttons #design-settings-button:hover, #design-list-page .list-header .additional-buttons #design-settings-button:active #project-proposal .list-header .additional-buttons #design-settings-button:hover, #parts-store .list-header .additional-buttons #design-settings-button:active #project-proposal .list-header .additional-buttons #design-settings-button:hover, #customer-projects-list .list-header .additional-buttons #design-settings-button:active #design-list-page .list-header .additional-buttons #design-settings-button:hover, #projects-list .list-header .additional-buttons #design-settings-button:active #design-list-page .list-header .additional-buttons #design-settings-button:hover, #project-instructions-report .list-header .additional-buttons #design-settings-button:active #design-list-page .list-header .additional-buttons #design-settings-button:hover, #project-design .list-header .additional-buttons #design-settings-button:active #design-list-page .list-header .additional-buttons #design-settings-button:hover, #project-proposal .list-header .additional-buttons #design-settings-button:active #design-list-page .list-header .additional-buttons #design-settings-button:hover, #design-list-page .list-header .additional-buttons #design-settings-button:active #design-list-page .list-header .additional-buttons #design-settings-button:hover, #parts-store .list-header .additional-buttons #design-settings-button:active #design-list-page .list-header .additional-buttons #design-settings-button:hover, #customer-projects-list .list-header .additional-buttons #design-settings-button:active #parts-store .list-header .additional-buttons #design-settings-button:hover, #projects-list .list-header .additional-buttons #design-settings-button:active #parts-store .list-header .additional-buttons #design-settings-button:hover, #project-instructions-report .list-header .additional-buttons #design-settings-button:active #parts-store .list-header .additional-buttons #design-settings-button:hover, #project-design .list-header .additional-buttons #design-settings-button:active #parts-store .list-header .additional-buttons #design-settings-button:hover, #project-proposal .list-header .additional-buttons #design-settings-button:active #parts-store .list-header .additional-buttons #design-settings-button:hover, #design-list-page .list-header .additional-buttons #design-settings-button:active #parts-store .list-header .additional-buttons #design-settings-button:hover, #parts-store .list-header .additional-buttons #design-settings-button:active #parts-store .list-header .additional-buttons #design-settings-button:hover {
        color: white;
        background-color: #8293A8; }
      #customer-projects-list .list-header .additional-buttons #design-settings-button i, #projects-list .list-header .additional-buttons #design-settings-button i, #project-instructions-report .list-header .additional-buttons #design-settings-button i, #project-design .list-header .additional-buttons #design-settings-button i, #project-proposal .list-header .additional-buttons #design-settings-button i, #design-list-page .list-header .additional-buttons #design-settings-button i, #parts-store .list-header .additional-buttons #design-settings-button i {
        margin-right: 0;
        font-size: 22px; }
    #customer-projects-list .list-header .additional-buttons .dropdown .btn.dropdown-toggle, #projects-list .list-header .additional-buttons .dropdown .btn.dropdown-toggle, #project-instructions-report .list-header .additional-buttons .dropdown .btn.dropdown-toggle, #project-design .list-header .additional-buttons .dropdown .btn.dropdown-toggle, #project-proposal .list-header .additional-buttons .dropdown .btn.dropdown-toggle, #design-list-page .list-header .additional-buttons .dropdown .btn.dropdown-toggle, #parts-store .list-header .additional-buttons .dropdown .btn.dropdown-toggle {
      height: inherit; }
    #customer-projects-list .list-header .additional-buttons .dropdown.open > .dropdown-menu, #projects-list .list-header .additional-buttons .dropdown.open > .dropdown-menu, #project-instructions-report .list-header .additional-buttons .dropdown.open > .dropdown-menu, #project-design .list-header .additional-buttons .dropdown.open > .dropdown-menu, #project-proposal .list-header .additional-buttons .dropdown.open > .dropdown-menu, #design-list-page .list-header .additional-buttons .dropdown.open > .dropdown-menu, #parts-store .list-header .additional-buttons .dropdown.open > .dropdown-menu {
      background: white;
      display: flex;
      flex-direction: column;
      min-width: 200px; }
      #customer-projects-list .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item, #projects-list .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item, #project-instructions-report .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item, #project-design .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item, #project-proposal .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item, #design-list-page .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item, #parts-store .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item {
        padding: 8px 16px;
        display: flex;
        flex-direction: row;
        align-items: flex-end; }
        #customer-projects-list .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item label, #projects-list .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item label, #project-instructions-report .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item label, #project-design .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item label, #project-proposal .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item label, #design-list-page .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item label, #parts-store .list-header .additional-buttons .dropdown.open > .dropdown-menu .dropdown-item label {
          font-weight: 400;
          text-transform: none; }
      #customer-projects-list .list-header .additional-buttons .dropdown.open > .dropdown-menu #dropdown-finishes p, #projects-list .list-header .additional-buttons .dropdown.open > .dropdown-menu #dropdown-finishes p, #project-instructions-report .list-header .additional-buttons .dropdown.open > .dropdown-menu #dropdown-finishes p, #project-design .list-header .additional-buttons .dropdown.open > .dropdown-menu #dropdown-finishes p, #project-proposal .list-header .additional-buttons .dropdown.open > .dropdown-menu #dropdown-finishes p, #design-list-page .list-header .additional-buttons .dropdown.open > .dropdown-menu #dropdown-finishes p, #parts-store .list-header .additional-buttons .dropdown.open > .dropdown-menu #dropdown-finishes p {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 48px;
        color: #697077; }
      #customer-projects-list .list-header .additional-buttons .dropdown.open > .dropdown-menu i, #projects-list .list-header .additional-buttons .dropdown.open > .dropdown-menu i, #project-instructions-report .list-header .additional-buttons .dropdown.open > .dropdown-menu i, #project-design .list-header .additional-buttons .dropdown.open > .dropdown-menu i, #project-proposal .list-header .additional-buttons .dropdown.open > .dropdown-menu i, #design-list-page .list-header .additional-buttons .dropdown.open > .dropdown-menu i, #parts-store .list-header .additional-buttons .dropdown.open > .dropdown-menu i {
        justify-content: center;
        align-items: center;
        padding: 4px 12px 4px 0;
        color: #C1C7CD;
        cursor: grabbing; }
      #customer-projects-list .list-header .additional-buttons .dropdown.open > .dropdown-menu hr, #projects-list .list-header .additional-buttons .dropdown.open > .dropdown-menu hr, #project-instructions-report .list-header .additional-buttons .dropdown.open > .dropdown-menu hr, #project-design .list-header .additional-buttons .dropdown.open > .dropdown-menu hr, #project-proposal .list-header .additional-buttons .dropdown.open > .dropdown-menu hr, #design-list-page .list-header .additional-buttons .dropdown.open > .dropdown-menu hr, #parts-store .list-header .additional-buttons .dropdown.open > .dropdown-menu hr {
        width: 100%;
        margin: 0;
        border-color: #DDE1E6; }

#customer-projects-list .list-columns, #customer-projects-list .list-row, #projects-list .list-columns, #projects-list .list-row, #project-instructions-report .list-columns, #project-instructions-report .list-row, #project-design .list-columns, #project-design .list-row, #project-proposal .list-columns, #project-proposal .list-row, #design-list-page .list-columns, #design-list-page .list-row, #parts-store .list-columns, #parts-store .list-row {
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr; }

#customer-projects-list .design_list .list-container, #projects-list .design_list .list-container, #project-instructions-report .design_list .list-container, #project-design .design_list .list-container, #project-proposal .design_list .list-container, #design-list-page .design_list .list-container, #parts-store .design_list .list-container {
  width: 100%; }
  @media only screen and (max-width: 936px) {
    #customer-projects-list .design_list .list-container, #projects-list .design_list .list-container, #project-instructions-report .design_list .list-container, #project-design .design_list .list-container, #project-proposal .design_list .list-container, #design-list-page .design_list .list-container, #parts-store .design_list .list-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-row-gap: 16px;
      grid-column-gap: 16px; } }
  @media only screen and (max-width: 586px) {
    #customer-projects-list .design_list .list-container, #projects-list .design_list .list-container, #project-instructions-report .design_list .list-container, #project-design .design_list .list-container, #project-proposal .design_list .list-container, #design-list-page .design_list .list-container, #parts-store .design_list .list-container {
      grid-template-columns: 1fr; } }
  #customer-projects-list .design_list .list-container .list-columns, #customer-projects-list .design_list .list-container .list-row, #projects-list .design_list .list-container .list-columns, #projects-list .design_list .list-container .list-row, #project-instructions-report .design_list .list-container .list-columns, #project-instructions-report .design_list .list-container .list-row, #project-design .design_list .list-container .list-columns, #project-design .design_list .list-container .list-row, #project-proposal .design_list .list-container .list-columns, #project-proposal .design_list .list-container .list-row, #design-list-page .design_list .list-container .list-columns, #design-list-page .design_list .list-container .list-row, #parts-store .design_list .list-container .list-columns, #parts-store .design_list .list-container .list-row {
    grid-template-columns: 6fr 2fr 2fr; }
    #customer-projects-list .design_list .list-container .list-columns > h3, #customer-projects-list .design_list .list-container .list-columns > div, #customer-projects-list .design_list .list-container .list-row > h3, #customer-projects-list .design_list .list-container .list-row > div, #projects-list .design_list .list-container .list-columns > h3, #projects-list .design_list .list-container .list-columns > div, #projects-list .design_list .list-container .list-row > h3, #projects-list .design_list .list-container .list-row > div, #project-instructions-report .design_list .list-container .list-columns > h3, #project-instructions-report .design_list .list-container .list-columns > div, #project-instructions-report .design_list .list-container .list-row > h3, #project-instructions-report .design_list .list-container .list-row > div, #project-design .design_list .list-container .list-columns > h3, #project-design .design_list .list-container .list-columns > div, #project-design .design_list .list-container .list-row > h3, #project-design .design_list .list-container .list-row > div, #project-proposal .design_list .list-container .list-columns > h3, #project-proposal .design_list .list-container .list-columns > div, #project-proposal .design_list .list-container .list-row > h3, #project-proposal .design_list .list-container .list-row > div, #design-list-page .design_list .list-container .list-columns > h3, #design-list-page .design_list .list-container .list-columns > div, #design-list-page .design_list .list-container .list-row > h3, #design-list-page .design_list .list-container .list-row > div, #parts-store .design_list .list-container .list-columns > h3, #parts-store .design_list .list-container .list-columns > div, #parts-store .design_list .list-container .list-row > h3, #parts-store .design_list .list-container .list-row > div {
      text-align: center;
      font-size: 14px; }
      #customer-projects-list .design_list .list-container .list-columns > h3:first-of-type, #customer-projects-list .design_list .list-container .list-columns > div:first-of-type, #customer-projects-list .design_list .list-container .list-row > h3:first-of-type, #customer-projects-list .design_list .list-container .list-row > div:first-of-type, #projects-list .design_list .list-container .list-columns > h3:first-of-type, #projects-list .design_list .list-container .list-columns > div:first-of-type, #projects-list .design_list .list-container .list-row > h3:first-of-type, #projects-list .design_list .list-container .list-row > div:first-of-type, #project-instructions-report .design_list .list-container .list-columns > h3:first-of-type, #project-instructions-report .design_list .list-container .list-columns > div:first-of-type, #project-instructions-report .design_list .list-container .list-row > h3:first-of-type, #project-instructions-report .design_list .list-container .list-row > div:first-of-type, #project-design .design_list .list-container .list-columns > h3:first-of-type, #project-design .design_list .list-container .list-columns > div:first-of-type, #project-design .design_list .list-container .list-row > h3:first-of-type, #project-design .design_list .list-container .list-row > div:first-of-type, #project-proposal .design_list .list-container .list-columns > h3:first-of-type, #project-proposal .design_list .list-container .list-columns > div:first-of-type, #project-proposal .design_list .list-container .list-row > h3:first-of-type, #project-proposal .design_list .list-container .list-row > div:first-of-type, #design-list-page .design_list .list-container .list-columns > h3:first-of-type, #design-list-page .design_list .list-container .list-columns > div:first-of-type, #design-list-page .design_list .list-container .list-row > h3:first-of-type, #design-list-page .design_list .list-container .list-row > div:first-of-type, #parts-store .design_list .list-container .list-columns > h3:first-of-type, #parts-store .design_list .list-container .list-columns > div:first-of-type, #parts-store .design_list .list-container .list-row > h3:first-of-type, #parts-store .design_list .list-container .list-row > div:first-of-type {
        text-align: left; }
  @media only screen and (max-width: 936px) {
    #customer-projects-list .design_list .list-container .list-columns, #projects-list .design_list .list-container .list-columns, #project-instructions-report .design_list .list-container .list-columns, #project-design .design_list .list-container .list-columns, #project-proposal .design_list .list-container .list-columns, #design-list-page .design_list .list-container .list-columns, #parts-store .design_list .list-container .list-columns {
      display: none; } }
  #customer-projects-list .design_list .list-container .list-columns-designs, #customer-projects-list .design_list .list-container .list-row-designs, #projects-list .design_list .list-container .list-columns-designs, #projects-list .design_list .list-container .list-row-designs, #project-instructions-report .design_list .list-container .list-columns-designs, #project-instructions-report .design_list .list-container .list-row-designs, #project-design .design_list .list-container .list-columns-designs, #project-design .design_list .list-container .list-row-designs, #project-proposal .design_list .list-container .list-columns-designs, #project-proposal .design_list .list-container .list-row-designs, #design-list-page .design_list .list-container .list-columns-designs, #design-list-page .design_list .list-container .list-row-designs, #parts-store .design_list .list-container .list-columns-designs, #parts-store .design_list .list-container .list-row-designs {
    grid-template-columns: 3fr 2fr 2fr 2fr 1fr 1fr; }
    #customer-projects-list .design_list .list-container .list-columns-designs h3, #customer-projects-list .design_list .list-container .list-columns-designs div, #customer-projects-list .design_list .list-container .list-row-designs h3, #customer-projects-list .design_list .list-container .list-row-designs div, #projects-list .design_list .list-container .list-columns-designs h3, #projects-list .design_list .list-container .list-columns-designs div, #projects-list .design_list .list-container .list-row-designs h3, #projects-list .design_list .list-container .list-row-designs div, #project-instructions-report .design_list .list-container .list-columns-designs h3, #project-instructions-report .design_list .list-container .list-columns-designs div, #project-instructions-report .design_list .list-container .list-row-designs h3, #project-instructions-report .design_list .list-container .list-row-designs div, #project-design .design_list .list-container .list-columns-designs h3, #project-design .design_list .list-container .list-columns-designs div, #project-design .design_list .list-container .list-row-designs h3, #project-design .design_list .list-container .list-row-designs div, #project-proposal .design_list .list-container .list-columns-designs h3, #project-proposal .design_list .list-container .list-columns-designs div, #project-proposal .design_list .list-container .list-row-designs h3, #project-proposal .design_list .list-container .list-row-designs div, #design-list-page .design_list .list-container .list-columns-designs h3, #design-list-page .design_list .list-container .list-columns-designs div, #design-list-page .design_list .list-container .list-row-designs h3, #design-list-page .design_list .list-container .list-row-designs div, #parts-store .design_list .list-container .list-columns-designs h3, #parts-store .design_list .list-container .list-columns-designs div, #parts-store .design_list .list-container .list-row-designs h3, #parts-store .design_list .list-container .list-row-designs div {
      text-align: left; }
    #customer-projects-list .design_list .list-container .list-columns-designs .design-edit, #customer-projects-list .design_list .list-container .list-row-designs .design-edit, #projects-list .design_list .list-container .list-columns-designs .design-edit, #projects-list .design_list .list-container .list-row-designs .design-edit, #project-instructions-report .design_list .list-container .list-columns-designs .design-edit, #project-instructions-report .design_list .list-container .list-row-designs .design-edit, #project-design .design_list .list-container .list-columns-designs .design-edit, #project-design .design_list .list-container .list-row-designs .design-edit, #project-proposal .design_list .list-container .list-columns-designs .design-edit, #project-proposal .design_list .list-container .list-row-designs .design-edit, #design-list-page .design_list .list-container .list-columns-designs .design-edit, #design-list-page .design_list .list-container .list-row-designs .design-edit, #parts-store .design_list .list-container .list-columns-designs .design-edit, #parts-store .design_list .list-container .list-row-designs .design-edit {
      text-align: right;
      width: 100%; }
    #customer-projects-list .design_list .list-container .list-columns-designs .design-options, #customer-projects-list .design_list .list-container .list-row-designs .design-options, #projects-list .design_list .list-container .list-columns-designs .design-options, #projects-list .design_list .list-container .list-row-designs .design-options, #project-instructions-report .design_list .list-container .list-columns-designs .design-options, #project-instructions-report .design_list .list-container .list-row-designs .design-options, #project-design .design_list .list-container .list-columns-designs .design-options, #project-design .design_list .list-container .list-row-designs .design-options, #project-proposal .design_list .list-container .list-columns-designs .design-options, #project-proposal .design_list .list-container .list-row-designs .design-options, #design-list-page .design_list .list-container .list-columns-designs .design-options, #design-list-page .design_list .list-container .list-row-designs .design-options, #parts-store .design_list .list-container .list-columns-designs .design-options, #parts-store .design_list .list-container .list-row-designs .design-options {
      display: flex; }
      @media only screen and (max-width: 936px) {
        #customer-projects-list .design_list .list-container .list-columns-designs .design-options, #customer-projects-list .design_list .list-container .list-row-designs .design-options, #projects-list .design_list .list-container .list-columns-designs .design-options, #projects-list .design_list .list-container .list-row-designs .design-options, #project-instructions-report .design_list .list-container .list-columns-designs .design-options, #project-instructions-report .design_list .list-container .list-row-designs .design-options, #project-design .design_list .list-container .list-columns-designs .design-options, #project-design .design_list .list-container .list-row-designs .design-options, #project-proposal .design_list .list-container .list-columns-designs .design-options, #project-proposal .design_list .list-container .list-row-designs .design-options, #design-list-page .design_list .list-container .list-columns-designs .design-options, #design-list-page .design_list .list-container .list-row-designs .design-options, #parts-store .design_list .list-container .list-columns-designs .design-options, #parts-store .design_list .list-container .list-row-designs .design-options {
          display: none; } }
  #customer-projects-list .design_list .list-container .list-row.list-row-designs.active, #projects-list .design_list .list-container .list-row.list-row-designs.active, #project-instructions-report .design_list .list-container .list-row.list-row-designs.active, #project-design .design_list .list-container .list-row.list-row-designs.active, #project-proposal .design_list .list-container .list-row.list-row-designs.active, #design-list-page .design_list .list-container .list-row.list-row-designs.active, #parts-store .design_list .list-container .list-row.list-row-designs.active {
    height: auto; }
  #customer-projects-list .design_list .list-container .list-row.list-row-designs input, #projects-list .design_list .list-container .list-row.list-row-designs input, #project-instructions-report .design_list .list-container .list-row.list-row-designs input, #project-design .design_list .list-container .list-row.list-row-designs input, #project-proposal .design_list .list-container .list-row.list-row-designs input, #design-list-page .design_list .list-container .list-row.list-row-designs input, #parts-store .design_list .list-container .list-row.list-row-designs input {
    display: none; }
    #customer-projects-list .design_list .list-container .list-row.list-row-designs input.active, #projects-list .design_list .list-container .list-row.list-row-designs input.active, #project-instructions-report .design_list .list-container .list-row.list-row-designs input.active, #project-design .design_list .list-container .list-row.list-row-designs input.active, #project-proposal .design_list .list-container .list-row.list-row-designs input.active, #design-list-page .design_list .list-container .list-row.list-row-designs input.active, #parts-store .design_list .list-container .list-row.list-row-designs input.active {
      display: inline-block; }
    #customer-projects-list .design_list .list-container .list-row.list-row-designs input[type=checkbox], #projects-list .design_list .list-container .list-row.list-row-designs input[type=checkbox], #project-instructions-report .design_list .list-container .list-row.list-row-designs input[type=checkbox], #project-design .design_list .list-container .list-row.list-row-designs input[type=checkbox], #project-proposal .design_list .list-container .list-row.list-row-designs input[type=checkbox], #design-list-page .design_list .list-container .list-row.list-row-designs input[type=checkbox], #parts-store .design_list .list-container .list-row.list-row-designs input[type=checkbox] {
      height: 23px;
      width: 23px;
      padding: 0; }
    @media only screen and (max-width: 936px) {
      #customer-projects-list .design_list .list-container .list-row.list-row-designs input, #projects-list .design_list .list-container .list-row.list-row-designs input, #project-instructions-report .design_list .list-container .list-row.list-row-designs input, #project-design .design_list .list-container .list-row.list-row-designs input, #project-proposal .design_list .list-container .list-row.list-row-designs input, #design-list-page .design_list .list-container .list-row.list-row-designs input, #parts-store .design_list .list-container .list-row.list-row-designs input {
        display: none; } }
  #customer-projects-list .design_list .list-container .list-row.list-row-designs .design-options-buttons button:first-of-type, #projects-list .design_list .list-container .list-row.list-row-designs .design-options-buttons button:first-of-type, #project-instructions-report .design_list .list-container .list-row.list-row-designs .design-options-buttons button:first-of-type, #project-design .design_list .list-container .list-row.list-row-designs .design-options-buttons button:first-of-type, #project-proposal .design_list .list-container .list-row.list-row-designs .design-options-buttons button:first-of-type, #design-list-page .design_list .list-container .list-row.list-row-designs .design-options-buttons button:first-of-type, #parts-store .design_list .list-container .list-row.list-row-designs .design-options-buttons button:first-of-type {
    margin-right: 10px; }
  @media only screen and (max-width: 936px) {
    #customer-projects-list .design_list .list-container .list-row.list-row-designs, #projects-list .design_list .list-container .list-row.list-row-designs, #project-instructions-report .design_list .list-container .list-row.list-row-designs, #project-design .design_list .list-container .list-row.list-row-designs, #project-proposal .design_list .list-container .list-row.list-row-designs, #design-list-page .design_list .list-container .list-row.list-row-designs, #parts-store .design_list .list-container .list-row.list-row-designs {
      display: grid;
      grid-template-areas: "name name name name" "proposal proposal proposal proposal" "footer1 footer1 . price";
      grid-template-columns: none; } }
  #customer-projects-list .design_list .list-container .list-row.list-row-designs .design-title i, #projects-list .design_list .list-container .list-row.list-row-designs .design-title i, #project-instructions-report .design_list .list-container .list-row.list-row-designs .design-title i, #project-design .design_list .list-container .list-row.list-row-designs .design-title i, #project-proposal .design_list .list-container .list-row.list-row-designs .design-title i, #design-list-page .design_list .list-container .list-row.list-row-designs .design-title i, #parts-store .design_list .list-container .list-row.list-row-designs .design-title i {
    margin-left: 8px; }
  @media only screen and (max-width: 936px) {
    #customer-projects-list .design_list .list-container .list-row.list-row-designs .design-title, #projects-list .design_list .list-container .list-row.list-row-designs .design-title, #project-instructions-report .design_list .list-container .list-row.list-row-designs .design-title, #project-design .design_list .list-container .list-row.list-row-designs .design-title, #project-proposal .design_list .list-container .list-row.list-row-designs .design-title, #design-list-page .design_list .list-container .list-row.list-row-designs .design-title, #parts-store .design_list .list-container .list-row.list-row-designs .design-title {
      grid-area: name;
      font-weight: 600;
      font-size: 20px; } }
  @media only screen and (max-width: 936px) {
    #customer-projects-list .design_list .list-container .list-row.list-row-designs .include-in-proposal, #projects-list .design_list .list-container .list-row.list-row-designs .include-in-proposal, #project-instructions-report .design_list .list-container .list-row.list-row-designs .include-in-proposal, #project-design .design_list .list-container .list-row.list-row-designs .include-in-proposal, #project-proposal .design_list .list-container .list-row.list-row-designs .include-in-proposal, #design-list-page .design_list .list-container .list-row.list-row-designs .include-in-proposal, #parts-store .design_list .list-container .list-row.list-row-designs .include-in-proposal {
      grid-area: proposal; } }
  @media only screen and (max-width: 936px) {
    #customer-projects-list .design_list .list-container .list-row.list-row-designs .include-in-price, #projects-list .design_list .list-container .list-row.list-row-designs .include-in-price, #project-instructions-report .design_list .list-container .list-row.list-row-designs .include-in-price, #project-design .design_list .list-container .list-row.list-row-designs .include-in-price, #project-proposal .design_list .list-container .list-row.list-row-designs .include-in-price, #design-list-page .design_list .list-container .list-row.list-row-designs .include-in-price, #parts-store .design_list .list-container .list-row.list-row-designs .include-in-price {
      grid-area: footer1; } }
  @media only screen and (max-width: 936px) {
    #customer-projects-list .design_list .list-container .list-row.list-row-designs .design-price, #projects-list .design_list .list-container .list-row.list-row-designs .design-price, #project-instructions-report .design_list .list-container .list-row.list-row-designs .design-price, #project-design .design_list .list-container .list-row.list-row-designs .design-price, #project-proposal .design_list .list-container .list-row.list-row-designs .design-price, #design-list-page .design_list .list-container .list-row.list-row-designs .design-price, #parts-store .design_list .list-container .list-row.list-row-designs .design-price {
      grid-area: price;
      text-align: right; } }
  #customer-projects-list .design_list .list-container .list-row.list-row-designs .include-in-proposal-error, #projects-list .design_list .list-container .list-row.list-row-designs .include-in-proposal-error, #project-instructions-report .design_list .list-container .list-row.list-row-designs .include-in-proposal-error, #project-design .design_list .list-container .list-row.list-row-designs .include-in-proposal-error, #project-proposal .design_list .list-container .list-row.list-row-designs .include-in-proposal-error, #design-list-page .design_list .list-container .list-row.list-row-designs .include-in-proposal-error, #parts-store .design_list .list-container .list-row.list-row-designs .include-in-proposal-error {
    padding: 15px 35px 15px 15px;
    margin-top: 10px;
    margin-bottom: 0;
    grid-column: span 3 / 5;
    display: none; }
  #customer-projects-list .design_list .list-container .cancel-design-save, #customer-projects-list .design_list .list-container .design-save, #projects-list .design_list .list-container .cancel-design-save, #projects-list .design_list .list-container .design-save, #project-instructions-report .design_list .list-container .cancel-design-save, #project-instructions-report .design_list .list-container .design-save, #project-design .design_list .list-container .cancel-design-save, #project-design .design_list .list-container .design-save, #project-proposal .design_list .list-container .cancel-design-save, #project-proposal .design_list .list-container .design-save, #design-list-page .design_list .list-container .cancel-design-save, #design-list-page .design_list .list-container .design-save, #parts-store .design_list .list-container .cancel-design-save, #parts-store .design_list .list-container .design-save {
    display: none; }
    #customer-projects-list .design_list .list-container .cancel-design-save.active, #customer-projects-list .design_list .list-container .design-save.active, #projects-list .design_list .list-container .cancel-design-save.active, #projects-list .design_list .list-container .design-save.active, #project-instructions-report .design_list .list-container .cancel-design-save.active, #project-instructions-report .design_list .list-container .design-save.active, #project-design .design_list .list-container .cancel-design-save.active, #project-design .design_list .list-container .design-save.active, #project-proposal .design_list .list-container .cancel-design-save.active, #project-proposal .design_list .list-container .design-save.active, #design-list-page .design_list .list-container .cancel-design-save.active, #design-list-page .design_list .list-container .design-save.active, #parts-store .design_list .list-container .cancel-design-save.active, #parts-store .design_list .list-container .design-save.active {
      display: flex; }
  #customer-projects-list .design_list .list-container .list-row, #projects-list .design_list .list-container .list-row, #project-instructions-report .design_list .list-container .list-row, #project-design .design_list .list-container .list-row, #project-proposal .design_list .list-container .list-row, #design-list-page .design_list .list-container .list-row, #parts-store .design_list .list-container .list-row {
    background: inherit; }
    @media only screen and (max-width: 936px) {
      #customer-projects-list .design_list .list-container .list-row, #projects-list .design_list .list-container .list-row, #project-instructions-report .design_list .list-container .list-row, #project-design .design_list .list-container .list-row, #project-proposal .design_list .list-container .list-row, #design-list-page .design_list .list-container .list-row, #parts-store .design_list .list-container .list-row {
        display: flex;
        flex-direction: column;
        background: white;
        border-radius: 4px;
        padding: 11px;
        height: auto;
        border-bottom: none;
        width: 100%; } }
    #customer-projects-list .design_list .list-container .list-row:hover, #projects-list .design_list .list-container .list-row:hover, #project-instructions-report .design_list .list-container .list-row:hover, #project-design .design_list .list-container .list-row:hover, #project-proposal .design_list .list-container .list-row:hover, #design-list-page .design_list .list-container .list-row:hover, #parts-store .design_list .list-container .list-row:hover {
      background: #D5DBE2; }
    @media only screen and (max-width: 936px) {
      #customer-projects-list .design_list .list-container .list-row .design-detail-column, #projects-list .design_list .list-container .list-row .design-detail-column, #project-instructions-report .design_list .list-container .list-row .design-detail-column, #project-design .design_list .list-container .list-row .design-detail-column, #project-proposal .design_list .list-container .list-row .design-detail-column, #design-list-page .design_list .list-container .list-row .design-detail-column, #parts-store .design_list .list-container .list-row .design-detail-column {
        width: 100%;
        text-align: left; } }
    #customer-projects-list .design_list .list-container .list-row .design-detail-column i, #projects-list .design_list .list-container .list-row .design-detail-column i, #project-instructions-report .design_list .list-container .list-row .design-detail-column i, #project-design .design_list .list-container .list-row .design-detail-column i, #project-proposal .design_list .list-container .list-row .design-detail-column i, #design-list-page .design_list .list-container .list-row .design-detail-column i, #parts-store .design_list .list-container .list-row .design-detail-column i {
      font-size: 14px; }
      @media only screen and (max-width: 936px) {
        #customer-projects-list .design_list .list-container .list-row .design-detail-column i, #projects-list .design_list .list-container .list-row .design-detail-column i, #project-instructions-report .design_list .list-container .list-row .design-detail-column i, #project-design .design_list .list-container .list-row .design-detail-column i, #project-proposal .design_list .list-container .list-row .design-detail-column i, #design-list-page .design_list .list-container .list-row .design-detail-column i, #parts-store .design_list .list-container .list-row .design-detail-column i {
          margin-left: 8px;
          color: #0D6EFD; } }
    #customer-projects-list .design_list .list-container .list-row .design-detail-column .design-guide-download h3:last-of-type, #customer-projects-list .design_list .list-container .list-row .design-detail-column .installation-guide-download h3:last-of-type, #projects-list .design_list .list-container .list-row .design-detail-column .design-guide-download h3:last-of-type, #projects-list .design_list .list-container .list-row .design-detail-column .installation-guide-download h3:last-of-type, #project-instructions-report .design_list .list-container .list-row .design-detail-column .design-guide-download h3:last-of-type, #project-instructions-report .design_list .list-container .list-row .design-detail-column .installation-guide-download h3:last-of-type, #project-design .design_list .list-container .list-row .design-detail-column .design-guide-download h3:last-of-type, #project-design .design_list .list-container .list-row .design-detail-column .installation-guide-download h3:last-of-type, #project-proposal .design_list .list-container .list-row .design-detail-column .design-guide-download h3:last-of-type, #project-proposal .design_list .list-container .list-row .design-detail-column .installation-guide-download h3:last-of-type, #design-list-page .design_list .list-container .list-row .design-detail-column .design-guide-download h3:last-of-type, #design-list-page .design_list .list-container .list-row .design-detail-column .installation-guide-download h3:last-of-type, #parts-store .design_list .list-container .list-row .design-detail-column .design-guide-download h3:last-of-type, #parts-store .design_list .list-container .list-row .design-detail-column .installation-guide-download h3:last-of-type {
      color: #0D6EFD; }
    #customer-projects-list .design_list .list-container .list-row .design-detail-column h3, #projects-list .design_list .list-container .list-row .design-detail-column h3, #project-instructions-report .design_list .list-container .list-row .design-detail-column h3, #project-design .design_list .list-container .list-row .design-detail-column h3, #project-proposal .design_list .list-container .list-row .design-detail-column h3, #design-list-page .design_list .list-container .list-row .design-detail-column h3, #parts-store .design_list .list-container .list-row .design-detail-column h3 {
      display: none; }
      #customer-projects-list .design_list .list-container .list-row .design-detail-column h3.bold, #projects-list .design_list .list-container .list-row .design-detail-column h3.bold, #project-instructions-report .design_list .list-container .list-row .design-detail-column h3.bold, #project-design .design_list .list-container .list-row .design-detail-column h3.bold, #project-proposal .design_list .list-container .list-row .design-detail-column h3.bold, #design-list-page .design_list .list-container .list-row .design-detail-column h3.bold, #parts-store .design_list .list-container .list-row .design-detail-column h3.bold {
        font-weight: 600; }
      @media only screen and (max-width: 936px) {
        #customer-projects-list .design_list .list-container .list-row .design-detail-column h3, #projects-list .design_list .list-container .list-row .design-detail-column h3, #project-instructions-report .design_list .list-container .list-row .design-detail-column h3, #project-design .design_list .list-container .list-row .design-detail-column h3, #project-proposal .design_list .list-container .list-row .design-detail-column h3, #design-list-page .design_list .list-container .list-row .design-detail-column h3, #parts-store .design_list .list-container .list-row .design-detail-column h3 {
          display: inline-block;
          font-size: 14px; } }
    #customer-projects-list .design_list .list-container .list-row .design-style-data, #projects-list .design_list .list-container .list-row .design-style-data, #project-instructions-report .design_list .list-container .list-row .design-style-data, #project-design .design_list .list-container .list-row .design-style-data, #project-proposal .design_list .list-container .list-row .design-style-data, #design-list-page .design_list .list-container .list-row .design-style-data, #parts-store .design_list .list-container .list-row .design-style-data {
      display: grid;
      grid-column: 1/-1;
      grid-template-columns: 3fr 2fr 2fr 4fr;
      border-top: 1px dashed #DDE1E6;
      margin-top: 6px;
      padding-top: 6px; }
      @media only screen and (max-width: 936px) {
        #customer-projects-list .design_list .list-container .list-row .design-style-data, #projects-list .design_list .list-container .list-row .design-style-data, #project-instructions-report .design_list .list-container .list-row .design-style-data, #project-design .design_list .list-container .list-row .design-style-data, #project-proposal .design_list .list-container .list-row .design-style-data, #design-list-page .design_list .list-container .list-row .design-style-data, #parts-store .design_list .list-container .list-row .design-style-data {
          grid-column-gap: 8px;
          grid-template-columns: 2fr 2fr 3fr 4fr; } }
      #customer-projects-list .design_list .list-container .list-row .design-style-data .design-style, #projects-list .design_list .list-container .list-row .design-style-data .design-style, #project-instructions-report .design_list .list-container .list-row .design-style-data .design-style, #project-design .design_list .list-container .list-row .design-style-data .design-style, #project-proposal .design_list .list-container .list-row .design-style-data .design-style, #design-list-page .design_list .list-container .list-row .design-style-data .design-style, #parts-store .design_list .list-container .list-row .design-style-data .design-style {
        font-weight: normal;
        font-size: 14px;
        color: #878D96; }
        #customer-projects-list .design_list .list-container .list-row .design-style-data .design-style span, #projects-list .design_list .list-container .list-row .design-style-data .design-style span, #project-instructions-report .design_list .list-container .list-row .design-style-data .design-style span, #project-design .design_list .list-container .list-row .design-style-data .design-style span, #project-proposal .design_list .list-container .list-row .design-style-data .design-style span, #design-list-page .design_list .list-container .list-row .design-style-data .design-style span, #parts-store .design_list .list-container .list-row .design-style-data .design-style span {
          text-transform: uppercase;
          text-overflow: ellipsis; }
        @media only screen and (max-width: 936px) {
          #customer-projects-list .design_list .list-container .list-row .design-style-data .design-style, #projects-list .design_list .list-container .list-row .design-style-data .design-style, #project-instructions-report .design_list .list-container .list-row .design-style-data .design-style, #project-design .design_list .list-container .list-row .design-style-data .design-style, #project-proposal .design_list .list-container .list-row .design-style-data .design-style, #design-list-page .design_list .list-container .list-row .design-style-data .design-style, #parts-store .design_list .list-container .list-row .design-style-data .design-style {
            display: flex;
            flex-direction: column;
            font-size: 12px; } }
    #customer-projects-list .design_list .list-container .list-row .design-comments, #projects-list .design_list .list-container .list-row .design-comments, #project-instructions-report .design_list .list-container .list-row .design-comments, #project-design .design_list .list-container .list-row .design-comments, #project-proposal .design_list .list-container .list-row .design-comments, #design-list-page .design_list .list-container .list-row .design-comments, #parts-store .design_list .list-container .list-row .design-comments {
      grid-column: 1/-1;
      background: inherit; }
      #customer-projects-list .design_list .list-container .list-row .design-comments.editing, #projects-list .design_list .list-container .list-row .design-comments.editing, #project-instructions-report .design_list .list-container .list-row .design-comments.editing, #project-design .design_list .list-container .list-row .design-comments.editing, #project-proposal .design_list .list-container .list-row .design-comments.editing, #design-list-page .design_list .list-container .list-row .design-comments.editing, #parts-store .design_list .list-container .list-row .design-comments.editing {
        display: grid !important;
        grid-template-columns: 2fr 2fr 4fr;
        grid-column-gap: 16px; }
        #customer-projects-list .design_list .list-container .list-row .design-comments.editing .design-meta, #projects-list .design_list .list-container .list-row .design-comments.editing .design-meta, #project-instructions-report .design_list .list-container .list-row .design-comments.editing .design-meta, #project-design .design_list .list-container .list-row .design-comments.editing .design-meta, #project-proposal .design_list .list-container .list-row .design-comments.editing .design-meta, #design-list-page .design_list .list-container .list-row .design-comments.editing .design-meta, #parts-store .design_list .list-container .list-row .design-comments.editing .design-meta {
          display: flex;
          justify-content: flex-start;
          grid-column-gap: 16px; }
          #customer-projects-list .design_list .list-container .list-row .design-comments.editing .design-meta > div, #projects-list .design_list .list-container .list-row .design-comments.editing .design-meta > div, #project-instructions-report .design_list .list-container .list-row .design-comments.editing .design-meta > div, #project-design .design_list .list-container .list-row .design-comments.editing .design-meta > div, #project-proposal .design_list .list-container .list-row .design-comments.editing .design-meta > div, #design-list-page .design_list .list-container .list-row .design-comments.editing .design-meta > div, #parts-store .design_list .list-container .list-row .design-comments.editing .design-meta > div {
            width: 50%; }

#customer-projects-list .instructions-project-list .list-container, #projects-list .instructions-project-list .list-container, #project-instructions-report .instructions-project-list .list-container, #project-design .instructions-project-list .list-container, #project-proposal .instructions-project-list .list-container, #design-list-page .instructions-project-list .list-container, #parts-store .instructions-project-list .list-container {
  width: 100%; }
  @media only screen and (max-width: 936px) {
    #customer-projects-list .instructions-project-list .list-container, #projects-list .instructions-project-list .list-container, #project-instructions-report .instructions-project-list .list-container, #project-design .instructions-project-list .list-container, #project-proposal .instructions-project-list .list-container, #design-list-page .instructions-project-list .list-container, #parts-store .instructions-project-list .list-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-row-gap: 16px;
      grid-column-gap: 16px; } }
  @media only screen and (max-width: 586px) {
    #customer-projects-list .instructions-project-list .list-container, #projects-list .instructions-project-list .list-container, #project-instructions-report .instructions-project-list .list-container, #project-design .instructions-project-list .list-container, #project-proposal .instructions-project-list .list-container, #design-list-page .instructions-project-list .list-container, #parts-store .instructions-project-list .list-container {
      grid-template-columns: 1fr; } }
  #customer-projects-list .instructions-project-list .list-container .list-columns, #customer-projects-list .instructions-project-list .list-container .list-row, #projects-list .instructions-project-list .list-container .list-columns, #projects-list .instructions-project-list .list-container .list-row, #project-instructions-report .instructions-project-list .list-container .list-columns, #project-instructions-report .instructions-project-list .list-container .list-row, #project-design .instructions-project-list .list-container .list-columns, #project-design .instructions-project-list .list-container .list-row, #project-proposal .instructions-project-list .list-container .list-columns, #project-proposal .instructions-project-list .list-container .list-row, #design-list-page .instructions-project-list .list-container .list-columns, #design-list-page .instructions-project-list .list-container .list-row, #parts-store .instructions-project-list .list-container .list-columns, #parts-store .instructions-project-list .list-container .list-row {
    grid-template-columns: 8fr 2fr; }
    #customer-projects-list .instructions-project-list .list-container .list-columns > h3, #customer-projects-list .instructions-project-list .list-container .list-columns > div, #customer-projects-list .instructions-project-list .list-container .list-row > h3, #customer-projects-list .instructions-project-list .list-container .list-row > div, #projects-list .instructions-project-list .list-container .list-columns > h3, #projects-list .instructions-project-list .list-container .list-columns > div, #projects-list .instructions-project-list .list-container .list-row > h3, #projects-list .instructions-project-list .list-container .list-row > div, #project-instructions-report .instructions-project-list .list-container .list-columns > h3, #project-instructions-report .instructions-project-list .list-container .list-columns > div, #project-instructions-report .instructions-project-list .list-container .list-row > h3, #project-instructions-report .instructions-project-list .list-container .list-row > div, #project-design .instructions-project-list .list-container .list-columns > h3, #project-design .instructions-project-list .list-container .list-columns > div, #project-design .instructions-project-list .list-container .list-row > h3, #project-design .instructions-project-list .list-container .list-row > div, #project-proposal .instructions-project-list .list-container .list-columns > h3, #project-proposal .instructions-project-list .list-container .list-columns > div, #project-proposal .instructions-project-list .list-container .list-row > h3, #project-proposal .instructions-project-list .list-container .list-row > div, #design-list-page .instructions-project-list .list-container .list-columns > h3, #design-list-page .instructions-project-list .list-container .list-columns > div, #design-list-page .instructions-project-list .list-container .list-row > h3, #design-list-page .instructions-project-list .list-container .list-row > div, #parts-store .instructions-project-list .list-container .list-columns > h3, #parts-store .instructions-project-list .list-container .list-columns > div, #parts-store .instructions-project-list .list-container .list-row > h3, #parts-store .instructions-project-list .list-container .list-row > div {
      text-align: center;
      font-size: 14px; }
      #customer-projects-list .instructions-project-list .list-container .list-columns > h3:first-of-type, #customer-projects-list .instructions-project-list .list-container .list-columns > div:first-of-type, #customer-projects-list .instructions-project-list .list-container .list-row > h3:first-of-type, #customer-projects-list .instructions-project-list .list-container .list-row > div:first-of-type, #projects-list .instructions-project-list .list-container .list-columns > h3:first-of-type, #projects-list .instructions-project-list .list-container .list-columns > div:first-of-type, #projects-list .instructions-project-list .list-container .list-row > h3:first-of-type, #projects-list .instructions-project-list .list-container .list-row > div:first-of-type, #project-instructions-report .instructions-project-list .list-container .list-columns > h3:first-of-type, #project-instructions-report .instructions-project-list .list-container .list-columns > div:first-of-type, #project-instructions-report .instructions-project-list .list-container .list-row > h3:first-of-type, #project-instructions-report .instructions-project-list .list-container .list-row > div:first-of-type, #project-design .instructions-project-list .list-container .list-columns > h3:first-of-type, #project-design .instructions-project-list .list-container .list-columns > div:first-of-type, #project-design .instructions-project-list .list-container .list-row > h3:first-of-type, #project-design .instructions-project-list .list-container .list-row > div:first-of-type, #project-proposal .instructions-project-list .list-container .list-columns > h3:first-of-type, #project-proposal .instructions-project-list .list-container .list-columns > div:first-of-type, #project-proposal .instructions-project-list .list-container .list-row > h3:first-of-type, #project-proposal .instructions-project-list .list-container .list-row > div:first-of-type, #design-list-page .instructions-project-list .list-container .list-columns > h3:first-of-type, #design-list-page .instructions-project-list .list-container .list-columns > div:first-of-type, #design-list-page .instructions-project-list .list-container .list-row > h3:first-of-type, #design-list-page .instructions-project-list .list-container .list-row > div:first-of-type, #parts-store .instructions-project-list .list-container .list-columns > h3:first-of-type, #parts-store .instructions-project-list .list-container .list-columns > div:first-of-type, #parts-store .instructions-project-list .list-container .list-row > h3:first-of-type, #parts-store .instructions-project-list .list-container .list-row > div:first-of-type {
        text-align: left; }
  @media only screen and (max-width: 936px) {
    #customer-projects-list .instructions-project-list .list-container .list-columns, #projects-list .instructions-project-list .list-container .list-columns, #project-instructions-report .instructions-project-list .list-container .list-columns, #project-design .instructions-project-list .list-container .list-columns, #project-proposal .instructions-project-list .list-container .list-columns, #design-list-page .instructions-project-list .list-container .list-columns, #parts-store .instructions-project-list .list-container .list-columns {
      display: none; } }
  #customer-projects-list .instructions-project-list .list-container .list-row, #projects-list .instructions-project-list .list-container .list-row, #project-instructions-report .instructions-project-list .list-container .list-row, #project-design .instructions-project-list .list-container .list-row, #project-proposal .instructions-project-list .list-container .list-row, #design-list-page .instructions-project-list .list-container .list-row, #parts-store .instructions-project-list .list-container .list-row {
    background: inherit; }
    @media only screen and (max-width: 936px) {
      #customer-projects-list .instructions-project-list .list-container .list-row, #projects-list .instructions-project-list .list-container .list-row, #project-instructions-report .instructions-project-list .list-container .list-row, #project-design .instructions-project-list .list-container .list-row, #project-proposal .instructions-project-list .list-container .list-row, #design-list-page .instructions-project-list .list-container .list-row, #parts-store .instructions-project-list .list-container .list-row {
        display: flex;
        flex-direction: column;
        background: white;
        border-radius: 4px;
        padding: 11px;
        height: auto;
        border-bottom: none;
        width: 100%; } }
    #customer-projects-list .instructions-project-list .list-container .list-row:hover, #projects-list .instructions-project-list .list-container .list-row:hover, #project-instructions-report .instructions-project-list .list-container .list-row:hover, #project-design .instructions-project-list .list-container .list-row:hover, #project-proposal .instructions-project-list .list-container .list-row:hover, #design-list-page .instructions-project-list .list-container .list-row:hover, #parts-store .instructions-project-list .list-container .list-row:hover {
      background: #D5DBE2; }

#customer-projects-list #project-detail-wrapper.tab-content, #projects-list #project-detail-wrapper.tab-content, #project-instructions-report #project-detail-wrapper.tab-content, #project-design #project-detail-wrapper.tab-content, #project-proposal #project-detail-wrapper.tab-content, #design-list-page #project-detail-wrapper.tab-content, #parts-store #project-detail-wrapper.tab-content {
  background-color: inherit;
  padding: 0;
  margin-bottom: 0;
  font-size: inherit; }

@media only screen and (max-width: 936px) {
  #customer-projects-list #project-detail-wrapper #project-active, #customer-projects-list #project-detail-wrapper #project-closed, #projects-list #project-detail-wrapper #project-active, #projects-list #project-detail-wrapper #project-closed, #project-instructions-report #project-detail-wrapper #project-active, #project-instructions-report #project-detail-wrapper #project-closed, #project-design #project-detail-wrapper #project-active, #project-design #project-detail-wrapper #project-closed, #project-proposal #project-detail-wrapper #project-active, #project-proposal #project-detail-wrapper #project-closed, #design-list-page #project-detail-wrapper #project-active, #design-list-page #project-detail-wrapper #project-closed, #parts-store #project-detail-wrapper #project-active, #parts-store #project-detail-wrapper #project-closed {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px; } }

@media only screen and (max-width: 586px) {
  #customer-projects-list #project-detail-wrapper #project-active, #customer-projects-list #project-detail-wrapper #project-closed, #projects-list #project-detail-wrapper #project-active, #projects-list #project-detail-wrapper #project-closed, #project-instructions-report #project-detail-wrapper #project-active, #project-instructions-report #project-detail-wrapper #project-closed, #project-design #project-detail-wrapper #project-active, #project-design #project-detail-wrapper #project-closed, #project-proposal #project-detail-wrapper #project-active, #project-proposal #project-detail-wrapper #project-closed, #design-list-page #project-detail-wrapper #project-active, #design-list-page #project-detail-wrapper #project-closed, #parts-store #project-detail-wrapper #project-active, #parts-store #project-detail-wrapper #project-closed {
    grid-template-columns: 1fr; } }

@media only screen and (max-width: 936px) {
  #customer-projects-list #project-detail-wrapper #project-active .list-columns, #customer-projects-list #project-detail-wrapper #project-closed .list-columns, #projects-list #project-detail-wrapper #project-active .list-columns, #projects-list #project-detail-wrapper #project-closed .list-columns, #project-instructions-report #project-detail-wrapper #project-active .list-columns, #project-instructions-report #project-detail-wrapper #project-closed .list-columns, #project-design #project-detail-wrapper #project-active .list-columns, #project-design #project-detail-wrapper #project-closed .list-columns, #project-proposal #project-detail-wrapper #project-active .list-columns, #project-proposal #project-detail-wrapper #project-closed .list-columns, #design-list-page #project-detail-wrapper #project-active .list-columns, #design-list-page #project-detail-wrapper #project-closed .list-columns, #parts-store #project-detail-wrapper #project-active .list-columns, #parts-store #project-detail-wrapper #project-closed .list-columns {
    display: none; } }

@media only screen and (max-width: 936px) {
  #customer-projects-list #project-detail-wrapper #project-active .list-row, #customer-projects-list #project-detail-wrapper #project-closed .list-row, #projects-list #project-detail-wrapper #project-active .list-row, #projects-list #project-detail-wrapper #project-closed .list-row, #project-instructions-report #project-detail-wrapper #project-active .list-row, #project-instructions-report #project-detail-wrapper #project-closed .list-row, #project-design #project-detail-wrapper #project-active .list-row, #project-design #project-detail-wrapper #project-closed .list-row, #project-proposal #project-detail-wrapper #project-active .list-row, #project-proposal #project-detail-wrapper #project-closed .list-row, #design-list-page #project-detail-wrapper #project-active .list-row, #design-list-page #project-detail-wrapper #project-closed .list-row, #parts-store #project-detail-wrapper #project-active .list-row, #parts-store #project-detail-wrapper #project-closed .list-row {
    height: auto;
    line-height: 1;
    border-radius: 8px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "header . . ." "main main main main" "footer1 footer2 . sidebar"; } }

#customer-projects-list #project-detail-wrapper #project-active .list-row i, #customer-projects-list #project-detail-wrapper #project-closed .list-row i, #projects-list #project-detail-wrapper #project-active .list-row i, #projects-list #project-detail-wrapper #project-closed .list-row i, #project-instructions-report #project-detail-wrapper #project-active .list-row i, #project-instructions-report #project-detail-wrapper #project-closed .list-row i, #project-design #project-detail-wrapper #project-active .list-row i, #project-design #project-detail-wrapper #project-closed .list-row i, #project-proposal #project-detail-wrapper #project-active .list-row i, #project-proposal #project-detail-wrapper #project-closed .list-row i, #design-list-page #project-detail-wrapper #project-active .list-row i, #design-list-page #project-detail-wrapper #project-closed .list-row i, #parts-store #project-detail-wrapper #project-active .list-row i, #parts-store #project-detail-wrapper #project-closed .list-row i {
  display: none; }

@media only screen and (max-width: 936px) {
  #customer-projects-list #project-detail-wrapper #project-active .list-row .column-filter-name, #customer-projects-list #project-detail-wrapper #project-closed .list-row .column-filter-name, #projects-list #project-detail-wrapper #project-active .list-row .column-filter-name, #projects-list #project-detail-wrapper #project-closed .list-row .column-filter-name, #project-instructions-report #project-detail-wrapper #project-active .list-row .column-filter-name, #project-instructions-report #project-detail-wrapper #project-closed .list-row .column-filter-name, #project-design #project-detail-wrapper #project-active .list-row .column-filter-name, #project-design #project-detail-wrapper #project-closed .list-row .column-filter-name, #project-proposal #project-detail-wrapper #project-active .list-row .column-filter-name, #project-proposal #project-detail-wrapper #project-closed .list-row .column-filter-name, #design-list-page #project-detail-wrapper #project-active .list-row .column-filter-name, #design-list-page #project-detail-wrapper #project-closed .list-row .column-filter-name, #parts-store #project-detail-wrapper #project-active .list-row .column-filter-name, #parts-store #project-detail-wrapper #project-closed .list-row .column-filter-name {
    grid-area: main;
    font-size: 20px;
    font-weight: 600;
    padding-top: 19px;
    padding-bottom: 16px; } }

@media only screen and (max-width: 936px) {
  #customer-projects-list #project-detail-wrapper #project-active .list-row .column-filter-designer, #customer-projects-list #project-detail-wrapper #project-closed .list-row .column-filter-designer, #projects-list #project-detail-wrapper #project-active .list-row .column-filter-designer, #projects-list #project-detail-wrapper #project-closed .list-row .column-filter-designer, #project-instructions-report #project-detail-wrapper #project-active .list-row .column-filter-designer, #project-instructions-report #project-detail-wrapper #project-closed .list-row .column-filter-designer, #project-design #project-detail-wrapper #project-active .list-row .column-filter-designer, #project-design #project-detail-wrapper #project-closed .list-row .column-filter-designer, #project-proposal #project-detail-wrapper #project-active .list-row .column-filter-designer, #project-proposal #project-detail-wrapper #project-closed .list-row .column-filter-designer, #design-list-page #project-detail-wrapper #project-active .list-row .column-filter-designer, #design-list-page #project-detail-wrapper #project-closed .list-row .column-filter-designer, #parts-store #project-detail-wrapper #project-active .list-row .column-filter-designer, #parts-store #project-detail-wrapper #project-closed .list-row .column-filter-designer {
    grid-area: header;
    font-size: 16px; } }

@media only screen and (max-width: 936px) {
  #customer-projects-list #project-detail-wrapper #project-active .list-row .column-filter-created, #customer-projects-list #project-detail-wrapper #project-closed .list-row .column-filter-created, #projects-list #project-detail-wrapper #project-active .list-row .column-filter-created, #projects-list #project-detail-wrapper #project-closed .list-row .column-filter-created, #project-instructions-report #project-detail-wrapper #project-active .list-row .column-filter-created, #project-instructions-report #project-detail-wrapper #project-closed .list-row .column-filter-created, #project-design #project-detail-wrapper #project-active .list-row .column-filter-created, #project-design #project-detail-wrapper #project-closed .list-row .column-filter-created, #project-proposal #project-detail-wrapper #project-active .list-row .column-filter-created, #project-proposal #project-detail-wrapper #project-closed .list-row .column-filter-created, #design-list-page #project-detail-wrapper #project-active .list-row .column-filter-created, #design-list-page #project-detail-wrapper #project-closed .list-row .column-filter-created, #parts-store #project-detail-wrapper #project-active .list-row .column-filter-created, #parts-store #project-detail-wrapper #project-closed .list-row .column-filter-created {
    grid-area: footer1;
    font-size: 16px; } }

@media only screen and (max-width: 936px) {
  #customer-projects-list #project-detail-wrapper #project-active .list-row .column-filter-created i, #customer-projects-list #project-detail-wrapper #project-closed .list-row .column-filter-created i, #projects-list #project-detail-wrapper #project-active .list-row .column-filter-created i, #projects-list #project-detail-wrapper #project-closed .list-row .column-filter-created i, #project-instructions-report #project-detail-wrapper #project-active .list-row .column-filter-created i, #project-instructions-report #project-detail-wrapper #project-closed .list-row .column-filter-created i, #project-design #project-detail-wrapper #project-active .list-row .column-filter-created i, #project-design #project-detail-wrapper #project-closed .list-row .column-filter-created i, #project-proposal #project-detail-wrapper #project-active .list-row .column-filter-created i, #project-proposal #project-detail-wrapper #project-closed .list-row .column-filter-created i, #design-list-page #project-detail-wrapper #project-active .list-row .column-filter-created i, #design-list-page #project-detail-wrapper #project-closed .list-row .column-filter-created i, #parts-store #project-detail-wrapper #project-active .list-row .column-filter-created i, #parts-store #project-detail-wrapper #project-closed .list-row .column-filter-created i {
    display: initial; } }

@media only screen and (max-width: 936px) {
  #customer-projects-list #project-detail-wrapper #project-active .list-row .column-filter-modified, #customer-projects-list #project-detail-wrapper #project-closed .list-row .column-filter-modified, #projects-list #project-detail-wrapper #project-active .list-row .column-filter-modified, #projects-list #project-detail-wrapper #project-closed .list-row .column-filter-modified, #project-instructions-report #project-detail-wrapper #project-active .list-row .column-filter-modified, #project-instructions-report #project-detail-wrapper #project-closed .list-row .column-filter-modified, #project-design #project-detail-wrapper #project-active .list-row .column-filter-modified, #project-design #project-detail-wrapper #project-closed .list-row .column-filter-modified, #project-proposal #project-detail-wrapper #project-active .list-row .column-filter-modified, #project-proposal #project-detail-wrapper #project-closed .list-row .column-filter-modified, #design-list-page #project-detail-wrapper #project-active .list-row .column-filter-modified, #design-list-page #project-detail-wrapper #project-closed .list-row .column-filter-modified, #parts-store #project-detail-wrapper #project-active .list-row .column-filter-modified, #parts-store #project-detail-wrapper #project-closed .list-row .column-filter-modified {
    grid-area: footer2;
    font-size: 16px; } }

@media only screen and (max-width: 936px) {
  #customer-projects-list #project-detail-wrapper #project-active .list-row .column-filter-modified i, #customer-projects-list #project-detail-wrapper #project-closed .list-row .column-filter-modified i, #projects-list #project-detail-wrapper #project-active .list-row .column-filter-modified i, #projects-list #project-detail-wrapper #project-closed .list-row .column-filter-modified i, #project-instructions-report #project-detail-wrapper #project-active .list-row .column-filter-modified i, #project-instructions-report #project-detail-wrapper #project-closed .list-row .column-filter-modified i, #project-design #project-detail-wrapper #project-active .list-row .column-filter-modified i, #project-design #project-detail-wrapper #project-closed .list-row .column-filter-modified i, #project-proposal #project-detail-wrapper #project-active .list-row .column-filter-modified i, #project-proposal #project-detail-wrapper #project-closed .list-row .column-filter-modified i, #design-list-page #project-detail-wrapper #project-active .list-row .column-filter-modified i, #design-list-page #project-detail-wrapper #project-closed .list-row .column-filter-modified i, #parts-store #project-detail-wrapper #project-active .list-row .column-filter-modified i, #parts-store #project-detail-wrapper #project-closed .list-row .column-filter-modified i {
    display: initial; } }

@media only screen and (max-width: 936px) {
  #customer-projects-list #project-detail-wrapper #project-active .list-row .column-filter-status, #customer-projects-list #project-detail-wrapper #project-closed .list-row .column-filter-status, #projects-list #project-detail-wrapper #project-active .list-row .column-filter-status, #projects-list #project-detail-wrapper #project-closed .list-row .column-filter-status, #project-instructions-report #project-detail-wrapper #project-active .list-row .column-filter-status, #project-instructions-report #project-detail-wrapper #project-closed .list-row .column-filter-status, #project-design #project-detail-wrapper #project-active .list-row .column-filter-status, #project-design #project-detail-wrapper #project-closed .list-row .column-filter-status, #project-proposal #project-detail-wrapper #project-active .list-row .column-filter-status, #project-proposal #project-detail-wrapper #project-closed .list-row .column-filter-status, #design-list-page #project-detail-wrapper #project-active .list-row .column-filter-status, #design-list-page #project-detail-wrapper #project-closed .list-row .column-filter-status, #parts-store #project-detail-wrapper #project-active .list-row .column-filter-status, #parts-store #project-detail-wrapper #project-closed .list-row .column-filter-status {
    display: none;
    font-size: 16px; } }

@media only screen and (max-width: 936px) {
  #customer-projects-list #project-detail-wrapper #project-active .list-row .column-filter-price, #customer-projects-list #project-detail-wrapper #project-closed .list-row .column-filter-price, #projects-list #project-detail-wrapper #project-active .list-row .column-filter-price, #projects-list #project-detail-wrapper #project-closed .list-row .column-filter-price, #project-instructions-report #project-detail-wrapper #project-active .list-row .column-filter-price, #project-instructions-report #project-detail-wrapper #project-closed .list-row .column-filter-price, #project-design #project-detail-wrapper #project-active .list-row .column-filter-price, #project-design #project-detail-wrapper #project-closed .list-row .column-filter-price, #project-proposal #project-detail-wrapper #project-active .list-row .column-filter-price, #project-proposal #project-detail-wrapper #project-closed .list-row .column-filter-price, #design-list-page #project-detail-wrapper #project-active .list-row .column-filter-price, #design-list-page #project-detail-wrapper #project-closed .list-row .column-filter-price, #parts-store #project-detail-wrapper #project-active .list-row .column-filter-price, #parts-store #project-detail-wrapper #project-closed .list-row .column-filter-price {
    grid-area: sidebar;
    font-size: 16px;
    text-align: right; } }

#customer-projects-list input[type=checkbox], #projects-list input[type=checkbox], #project-instructions-report input[type=checkbox], #project-design input[type=checkbox], #project-proposal input[type=checkbox], #design-list-page input[type=checkbox], #parts-store input[type=checkbox] {
  display: block;
  margin-right: 6px;
  background: whitesmoke;
  border: 1px solid lightgrey;
  flex-shrink: 0;
  position: relative;
  border-radius: 1px;
  margin-top: 0; }
  #customer-projects-list input[type=checkbox]:checked, #projects-list input[type=checkbox]:checked, #project-instructions-report input[type=checkbox]:checked, #project-design input[type=checkbox]:checked, #project-proposal input[type=checkbox]:checked, #design-list-page input[type=checkbox]:checked, #parts-store input[type=checkbox]:checked {
    background: black; }
  #customer-projects-list input[type=checkbox]:checked:after, #projects-list input[type=checkbox]:checked:after, #project-instructions-report input[type=checkbox]:checked:after, #project-design input[type=checkbox]:checked:after, #project-proposal input[type=checkbox]:checked:after, #design-list-page input[type=checkbox]:checked:after, #parts-store input[type=checkbox]:checked:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

#project_overview_page input, #project_overview_page select, #project_overview_page textarea, .dealer_settings_container input, .dealer_settings_container select, .dealer_settings_container textarea, #parts-store input, #parts-store select, #parts-store textarea {
  background-color: initial;
  border: 1px solid #C1C7CD;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.025em;
  height: auto;
  border-radius: 4px;
  padding: 13px;
  outline: none;
  box-shadow: none;
  margin-top: 0; }
  #project_overview_page input:focus, #project_overview_page select:focus, #project_overview_page textarea:focus, .dealer_settings_container input:focus, .dealer_settings_container select:focus, .dealer_settings_container textarea:focus, #parts-store input:focus, #parts-store select:focus, #parts-store textarea:focus {
    border: 3px solid #0D6EFD;
    padding: 11px; }
  #project_overview_page input:-webkit-autofill, #project_overview_page select:-webkit-autofill, #project_overview_page textarea:-webkit-autofill, .dealer_settings_container input:-webkit-autofill, .dealer_settings_container select:-webkit-autofill, .dealer_settings_container textarea:-webkit-autofill, #parts-store input:-webkit-autofill, #parts-store select:-webkit-autofill, #parts-store textarea:-webkit-autofill {
    -webkit-box-shadow: none;
    -webkit-text-fill-color: initial; }
  #project_overview_page input:disabled, #project_overview_page select:disabled, #project_overview_page textarea:disabled, .dealer_settings_container input:disabled, .dealer_settings_container select:disabled, .dealer_settings_container textarea:disabled, #parts-store input:disabled, #parts-store select:disabled, #parts-store textarea:disabled {
    padding: 0;
    border: none; }
  #project_overview_page input[type=checkbox]:focus, #project_overview_page select[type=checkbox]:focus, #project_overview_page textarea[type=checkbox]:focus, .dealer_settings_container input[type=checkbox]:focus, .dealer_settings_container select[type=checkbox]:focus, .dealer_settings_container textarea[type=checkbox]:focus, #parts-store input[type=checkbox]:focus, #parts-store select[type=checkbox]:focus, #parts-store textarea[type=checkbox]:focus {
    border: 1px solid lightgrey;
    padding: 0; }
  #project_overview_page input::placeholder, #project_overview_page select::placeholder, #project_overview_page textarea::placeholder, .dealer_settings_container input::placeholder, .dealer_settings_container select::placeholder, .dealer_settings_container textarea::placeholder, #parts-store input::placeholder, #parts-store select::placeholder, #parts-store textarea::placeholder {
    opacity: .5; }

#project_overview_page select, .dealer_settings_container select, #parts-store select {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAWklEQVQ4je3OsQ2AMBBD0TcCCouQggHYPRUFLELECjSpUCSSDgl+dbJ1tvl5JwtiRY/FeyQh30Ji0VJLwIAVJ2ZMOLBjbAmAgK205nKH1uf7kq7m2pLu5q9xAVO8Dh961K56AAAAAElFTkSuQmCC"); }
  #project_overview_page select:disabled, .dealer_settings_container select:disabled, #parts-store select:disabled {
    background-image: none; }

#project_overview_page input[type=radio]:checked {
  background-color: #2E4B6E;
  border: 2px solid #202933;
  padding: 11px; }

#project_overview_page {
  background: #F2F3F4; }
  @media only screen and (max-width: 936px) {
    #project_overview_page {
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media only screen and (max-width: 586px) {
    #project_overview_page {
      width: 100%;
      margin: 0; } }
  #project_overview_page #title {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 6fr 2fr; }
    @media only screen and (max-width: 936px) {
      #project_overview_page #title {
        display: flex;
        flex-direction: column;
        margin-top: 30px; } }
    #project_overview_page #title .project_total_price {
      text-align: right;
      cursor: pointer; }
      @media only screen and (max-width: 936px) {
        #project_overview_page #title .project_total_price {
          text-align: left; } }
    #project_overview_page #title span {
      display: inline-block;
      font-size: 30px;
      margin-bottom: inherit;
      line-height: 150%; }
    #project_overview_page #title input:checked + .slider {
      background-color: #2E4B6E; }
  #project_overview_page h2 {
    font-weight: normal;
    font-size: 30px;
    line-height: 150%;
    margin: 0;
    text-transform: capitalize; }
  #project_overview_page #project-top-phase-buttons {
    justify-content: flex-end;
    border-bottom: none; }
  #project_overview_page .project-page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e5e5; }
    @media only screen and (max-width: 936px) {
      #project_overview_page .project-page-header {
        border-bottom: none; } }
    @media only screen and (max-width: 586px) {
      #project_overview_page .project-page-header {
        flex-direction: column;
        align-items: start; } }
    @media only screen and (max-width: 936px) {
      #project_overview_page .project-page-header h2 {
        font-size: 22px; } }
    @media only screen and (max-width: 586px) {
      #project_overview_page .project-page-header .project-header-buttons {
        width: 100%;
        margin-top: 16px; } }
    @media only screen and (max-width: 936px) {
      #project_overview_page .project-page-header .project-header-buttons .btn {
        padding: 9px 16px; } }
    #project_overview_page .project-page-header .project-header-buttons .btn:first-of-type {
      margin-right: 10px; }
    #project_overview_page .project-page-header .project-header-buttons .btn i {
      display: none; }
      @media only screen and (max-width: 936px) {
        #project_overview_page .project-page-header .project-header-buttons .btn i {
          display: inline-block;
          margin: 0; } }
    @media only screen and (max-width: 936px) {
      #project_overview_page .project-page-header .project-header-buttons .btn .btn-text {
        display: none; } }
    #project_overview_page .project-page-header .complete-parts-list-container .complete-parts-list-download {
      display: flex;
      gap: 8px;
      align-items: center; }
  #project_overview_page #design_create_attach .project-page-header .project-header-buttons .btn i {
    display: inline-block; }
  #project_overview_page #design_create_attach #attach_designs_form {
    background: none;
    padding: 0; }
    #project_overview_page #design_create_attach #attach_designs_form .attach-designs-header, #project_overview_page #design_create_attach #attach_designs_form .attach-designs-row {
      display: grid;
      grid-template-columns: 1fr 4fr 4fr 4fr;
      padding: 16px; }
      #project_overview_page #design_create_attach #attach_designs_form .attach-designs-header h3, #project_overview_page #design_create_attach #attach_designs_form .attach-designs-row h3 {
        text-align: left;
        font-size: 14px; }
    #project_overview_page #design_create_attach #attach_designs_form .attach-designs-header {
      background: #D5DBE2; }
    #project_overview_page #design_create_attach #attach_designs_form .attach-designs-row {
      background: #F2F3F4;
      border-bottom: 2px solid #D5DBE2; }
      #project_overview_page #design_create_attach #attach_designs_form .attach-designs-row input[type=checkbox] {
        height: 14px;
        width: 14px;
        padding: 0; }
        #project_overview_page #design_create_attach #attach_designs_form .attach-designs-row input[type=checkbox]:focus {
          border: 1px solid lightgrey;
          padding: 0; }
        #project_overview_page #design_create_attach #attach_designs_form .attach-designs-row input[type=checkbox]:checked:after {
          left: 4px;
          top: 0;
          width: 5px;
          height: 10px; }
    #project_overview_page #design_create_attach #attach_designs_form .attach-designs-buttons {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 16px;
      margin-top: 16px; }
      #project_overview_page #design_create_attach #attach_designs_form .attach-designs-buttons .btn {
        margin-top: 0; }
  #project_overview_page #design_create_attach .panel-body {
    background: #F2F3F4;
    box-shadow: none;
    margin: 0; }
    #project_overview_page #design_create_attach .panel-body #create_design_form #create_design_cancel {
      padding: 15px 16px;
      background: #2E4B6E;
      border-radius: 4px;
      color: white;
      font-size: 16px;
      height: auto; }
      #project_overview_page #design_create_attach .panel-body #create_design_form #create_design_cancel:hover, #project_overview_page #design_create_attach .panel-body #create_design_form #create_design_cancel:focus {
        background-color: #ABB7C5; }
      #project_overview_page #design_create_attach .panel-body #create_design_form #create_design_cancel:active {
        background-color: #586F8B; }
  #project_overview_page #project_detail {
    background: #F2F3F4; }
  #project_overview_page #project_detail_section, #project_overview_page #project_note_section {
    background: none;
    box-shadow: none;
    padding: 0; }
    #project_overview_page #project_detail_section .content-block, #project_overview_page #project_note_section .content-block {
      margin: 0;
      padding: 0; }
      #project_overview_page #project_detail_section .content-block .project-page-body, #project_overview_page #project_note_section .content-block .project-page-body {
        display: flex;
        flex-direction: column;
        padding-top: 16px; }
        @media only screen and (max-width: 936px) {
          #project_overview_page #project_detail_section .content-block .project-page-body, #project_overview_page #project_note_section .content-block .project-page-body {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-row-gap: 10px;
            grid-column-gap: 10px; } }
        @media only screen and (max-width: 586px) {
          #project_overview_page #project_detail_section .content-block .project-page-body, #project_overview_page #project_note_section .content-block .project-page-body {
            grid-template-columns: 1fr; } }
        #project_overview_page #project_detail_section .content-block .project-page-body .form-group, #project_overview_page #project_note_section .content-block .project-page-body .form-group {
          width: 400px; }
          @media only screen and (max-width: 936px) {
            #project_overview_page #project_detail_section .content-block .project-page-body .form-group, #project_overview_page #project_note_section .content-block .project-page-body .form-group {
              width: auto; } }
          #project_overview_page #project_detail_section .content-block .project-page-body .form-group label, #project_overview_page #project_note_section .content-block .project-page-body .form-group label {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            text-transform: capitalize; }
            @media only screen and (max-width: 936px) {
              #project_overview_page #project_detail_section .content-block .project-page-body .form-group label, #project_overview_page #project_note_section .content-block .project-page-body .form-group label {
                font-weight: 600;
                font-size: 14px; }
                #project_overview_page #project_detail_section .content-block .project-page-body .form-group label:after, #project_overview_page #project_note_section .content-block .project-page-body .form-group label:after {
                  content: ": "; } }
          #project_overview_page #project_detail_section .content-block .project-page-body .form-group input, #project_overview_page #project_detail_section .content-block .project-page-body .form-group select, #project_overview_page #project_note_section .content-block .project-page-body .form-group input, #project_overview_page #project_note_section .content-block .project-page-body .form-group select {
            margin-top: 5px; }
          #project_overview_page #project_detail_section .content-block .project-page-body .form-group p, #project_overview_page #project_note_section .content-block .project-page-body .form-group p {
            font-size: 18px;
            line-height: 22px;
            letter-spacing: 0.025em;
            background-color: inherit; }
    #project_overview_page #project_detail_section .comments-header, #project_overview_page #project_note_section .comments-header {
      padding-bottom: 8px;
      border-bottom: 1px solid #e5e5e5; }
      @media only screen and (max-width: 586px) {
        #project_overview_page #project_detail_section .comments-header, #project_overview_page #project_note_section .comments-header {
          border-bottom: none; } }
      #project_overview_page #project_detail_section .comments-header .medium-header, #project_overview_page #project_note_section .comments-header .medium-header {
        padding-right: 5px; }
    #project_overview_page #project_detail_section #comment_container .comment-text, #project_overview_page #project_note_section #comment_container .comment-text {
      display: grid;
      grid-template-columns: 3fr 2fr 7fr;
      box-shadow: inset 0px -2px 0px #D5DBE2; }
      @media only screen and (max-width: 586px) {
        #project_overview_page #project_detail_section #comment_container .comment-text, #project_overview_page #project_note_section #comment_container .comment-text {
          grid-template-columns: none;
          grid-template-areas: "created created author author" "text text text text";
          background: #F2F4F8;
          border-radius: 4px;
          padding: 12px;
          box-shadow: none;
          margin-bottom: 16px; } }
      @media only screen and (max-width: 586px) {
        #project_overview_page #project_detail_section #comment_container .comment-text .comment-text-created, #project_overview_page #project_note_section #comment_container .comment-text .comment-text-created {
          grid-area: created; } }
      @media only screen and (max-width: 586px) {
        #project_overview_page #project_detail_section #comment_container .comment-text .comment-text-author, #project_overview_page #project_note_section #comment_container .comment-text .comment-text-author {
          grid-area: author; } }
      @media only screen and (max-width: 586px) {
        #project_overview_page #project_detail_section #comment_container .comment-text .comment-text-text, #project_overview_page #project_note_section #comment_container .comment-text .comment-text-text {
          grid-area: text; } }
      #project_overview_page #project_detail_section #comment_container .comment-text p, #project_overview_page #project_note_section #comment_container .comment-text p {
        font-size: 16px;
        line-height: 175%;
        margin: 0;
        padding: 0; }
    #project_overview_page #project_detail_section #project_comment_form, #project_overview_page #project_note_section #project_comment_form {
      display: flex;
      justify-content: space-between;
      margin-top: 16px; }
      @media only screen and (max-width: 936px) {
        #project_overview_page #project_detail_section #project_comment_form, #project_overview_page #project_note_section #project_comment_form {
          flex-direction: column; } }
      #project_overview_page #project_detail_section #project_comment_form > div:first-of-type, #project_overview_page #project_note_section #project_comment_form > div:first-of-type {
        width: 80%; }
        @media only screen and (max-width: 936px) {
          #project_overview_page #project_detail_section #project_comment_form > div:first-of-type, #project_overview_page #project_note_section #project_comment_form > div:first-of-type {
            width: 100%; } }
      @media only screen and (max-width: 936px) {
        #project_overview_page #project_detail_section #project_comment_form > div:last-of-type, #project_overview_page #project_note_section #project_comment_form > div:last-of-type {
          width: 100%;
          text-align: right; } }
      #project_overview_page #project_detail_section #project_comment_form #id_project_comment, #project_overview_page #project_note_section #project_comment_form #id_project_comment {
        height: 64px;
        background: #FFFFFF;
        border: 1px solid #C1C7CD;
        box-sizing: border-box;
        border-radius: 4px; }
  #project_overview_page #project-proposal .proposal-greeting-headers {
    display: grid;
    grid-template-columns: 3fr 2fr 1fr;
    grid-column-gap: 24px;
    margin-bottom: 16px; }
    #project_overview_page #project-proposal .proposal-greeting-headers > h3 {
      font-weight: 500;
      font-size: 18px; }
    @media only screen and (max-width: 1100px) {
      #project_overview_page #project-proposal .proposal-greeting-headers {
        grid-template-columns: 2fr 1fr; } }
    @media only screen and (max-width: 936px) {
      #project_overview_page #project-proposal .proposal-greeting-headers {
        grid-template-columns: 2fr 1fr; } }
    @media only screen and (max-width: 586px) {
      #project_overview_page #project-proposal .proposal-greeting-headers {
        display: none; } }
  #project_overview_page #project-proposal.tab-pane {
    background: #F2F3F4; }
  #project_overview_page #project-proposal #view_proposal {
    margin-right: 10px; }
    @media only screen and (max-width: 936px) {
      #project_overview_page #project-proposal #view_proposal:after {
        content: 'View'; } }
  @media only screen and (max-width: 936px) {
    #project_overview_page #project-proposal #send_proposal_button:after {
      content: 'Send'; } }
  @media only screen and (max-width: 936px) {
    #project_overview_page #project-proposal .btn-text {
      display: none; } }
  #project_overview_page #project-proposal #greeting_editable {
    background: #F2F3F4;
    box-shadow: none; }
    #project_overview_page #project-proposal #greeting_editable .proposal-greeting-body {
      display: grid;
      grid-template-columns: 3fr 2fr 1fr;
      grid-column-gap: 24px; }
      @media only screen and (max-width: 586px) {
        #project_overview_page #project-proposal #greeting_editable .proposal-greeting-body #greeting-text-area:before {
          content: 'Proposal Greeting';
          font-weight: bold;
          font-size: 22px; } }
      #project_overview_page #project-proposal #greeting_editable .proposal-greeting-body #id_proposal_comments {
        background: inherit;
        font-size: 18px;
        margin-right: 16px;
        padding: 16px;
        border: 1px solid #C1C7CD;
        border-radius: 4px;
        min-height: 150px; }
        #project_overview_page #project-proposal #greeting_editable .proposal-greeting-body #id_proposal_comments:disabled {
          border: none;
          padding: 0; }
      @media only screen and (max-width: 1100px) {
        #project_overview_page #project-proposal #greeting_editable .proposal-greeting-body {
          grid-template-columns: 2fr 1fr; } }
      @media only screen and (max-width: 936px) {
        #project_overview_page #project-proposal #greeting_editable .proposal-greeting-body {
          grid-template-columns: 2fr 1fr; } }
      @media only screen and (max-width: 586px) {
        #project_overview_page #project-proposal #greeting_editable .proposal-greeting-body {
          grid-template-columns: 1fr; } }
    #project_overview_page #project-proposal #greeting_editable .greeting-text-heading {
      display: none; }
      @media only screen and (max-width: 586px) {
        #project_overview_page #project-proposal #greeting_editable .greeting-text-heading {
          display: block;
          font-size: 18px;
          font-weight: 600;
          margin-bottom: 16px; } }
  #project_overview_page #project-proposal .slider-toggle-container {
    width: 210px; }
    #project_overview_page #project-proposal .slider-toggle-container input:checked + .slider:before {
      -webkit-transform: translateX(177px);
      -ms-transform: translateX(177px);
      transform: translateX(177px); }
  #project_overview_page #project-proposal .proposal-section-header {
    display: flex;
    padding: 16px;
    background: #D5DBE2;
    margin-top: 16px; }
    #project_overview_page #project-proposal .proposal-section-header h2 {
      cursor: pointer;
      font-weight: bold;
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.025em;
      text-transform: uppercase; }
  #project_overview_page #project-proposal .subheading-title {
    font-weight: 600;
    font-size: 15px;
    text-transform: capitalize;
    padding-bottom: 10px; }
  #project_overview_page #project-proposal #estimate_container .discount-type-radios {
    display: flex;
    align-items: center;
    margin-bottom: 0; }
    #project_overview_page #project-proposal #estimate_container .discount-type-radios > div {
      flex-grow: 1; }
    #project_overview_page #project-proposal #estimate_container .discount-type-radios input {
      border-radius: 50%;
      position: relative; }
      #project_overview_page #project-proposal #estimate_container .discount-type-radios input:focus {
        padding: 13px;
        border: 1px solid #C1C7CD; }
      #project_overview_page #project-proposal #estimate_container .discount-type-radios input:checked:after {
        content: "";
        position: absolute;
        left: 4px;
        top: 4px;
        width: 18px;
        height: 18px;
        border: 9px solid black;
        border-radius: 50%; }
    #project_overview_page #project-proposal #estimate_container .discount-type-radios label {
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 16px; }
      @media only screen and (max-width: 936px) {
        #project_overview_page #project-proposal #estimate_container .discount-type-radios label {
          font-size: 14px; } }
  #project_overview_page #project-proposal #estimate_container .tab-content {
    background: inherit; }
  #project_overview_page #project-proposal #estimate_container #estimate_form {
    padding: 0;
    margin: 0; }
  #project_overview_page #project-proposal #estimate_container #options_content {
    margin-top: 33px; }
    #project_overview_page #project-proposal #estimate_container #options_content .discount-row {
      display: grid;
      grid-template-columns: 4fr 2fr 2fr;
      grid-column-gap: 16px; }
      @media only screen and (max-width: 936px) {
        #project_overview_page #project-proposal #estimate_container #options_content .discount-row {
          grid-template-columns: 2fr 2fr 1fr;
          grid-column-gap: 8px; } }
      @media only screen and (max-width: 586px) {
        #project_overview_page #project-proposal #estimate_container #options_content .discount-row {
          grid-template-columns: 1fr;
          grid-row-gap: 32px; } }
      #project_overview_page #project-proposal #estimate_container #options_content .discount-row.disabled {
        grid-template-columns: 4fr 1fr; }
        #project_overview_page #project-proposal #estimate_container #options_content .discount-row.disabled > div:last-of-type {
          text-align: right; }
  #project_overview_page #project-proposal #estimate_container #proposal-project-charges .form-group {
    margin-top: 16px;
    margin-bottom: 0; }
    #project_overview_page #project-proposal #estimate_container #proposal-project-charges .form-group .btn {
      width: auto; }
      #project_overview_page #project-proposal #estimate_container #proposal-project-charges .form-group .btn .fa-trash-o:hover {
        color: white; }
  #project_overview_page #project-proposal #estimate_container #proposal-project-charges .retail-tax-rate .input-group {
    width: 50%; }
    #project_overview_page #project-proposal #estimate_container #proposal-project-charges .retail-tax-rate .input-group input {
      text-align: left; }
  #project_overview_page #project-proposal #estimate_container #proposal-project-charges #before-tax-charges, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #after-tax-charges {
    display: flex;
    flex-direction: column; }
    #project_overview_page #project-proposal #estimate_container #proposal-project-charges #before-tax-charges .before-tax-charges, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #before-tax-charges .after-tax-charges, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #after-tax-charges .before-tax-charges, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #after-tax-charges .after-tax-charges {
      display: grid;
      grid-template-columns: 2fr 2fr 1fr 4fr;
      grid-column-gap: 16px; }
      #project_overview_page #project-proposal #estimate_container #proposal-project-charges #before-tax-charges .before-tax-charges.disabled, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #before-tax-charges .after-tax-charges.disabled, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #after-tax-charges .before-tax-charges.disabled, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #after-tax-charges .after-tax-charges.disabled {
        grid-template-columns: 4fr 1fr;
        grid-column-gap: 0; }
      #project_overview_page #project-proposal #estimate_container #proposal-project-charges #before-tax-charges .before-tax-charges .btn-trash, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #before-tax-charges .after-tax-charges .btn-trash, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #after-tax-charges .before-tax-charges .btn-trash, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #after-tax-charges .after-tax-charges .btn-trash {
        width: 46px;
        height: 48px;
        display: flex;
        align-items: center; }
      @media only screen and (max-width: 936px) {
        #project_overview_page #project-proposal #estimate_container #proposal-project-charges #before-tax-charges .before-tax-charges, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #before-tax-charges .after-tax-charges, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #after-tax-charges .before-tax-charges, #project_overview_page #project-proposal #estimate_container #proposal-project-charges #after-tax-charges .after-tax-charges {
          grid-template-columns: 2fr 2fr 1fr; } }
  #project_overview_page #project-proposal #estimate_container #proposal-project-summary {
    margin-top: 32px; }
    #project_overview_page #project-proposal #estimate_container #proposal-project-summary .sub-total {
      display: flex;
      justify-content: space-between; }
      #project_overview_page #project-proposal #estimate_container #proposal-project-summary .sub-total h2 {
        font-weight: normal;
        font-size: 30px;
        line-height: 150%;
        margin: 0;
        text-transform: capitalize; }
    #project_overview_page #project-proposal #estimate_container #proposal-project-summary .subheading-title {
      font-size: 18px; }
    #project_overview_page #project-proposal #estimate_container #proposal-project-summary .deposit-container.disabled {
      display: flex;
      justify-content: space-between; }
      #project_overview_page #project-proposal #estimate_container #proposal-project-summary .deposit-container.disabled .deposit-row {
        display: flex; }
    #project_overview_page #project-proposal #estimate_container #proposal-project-summary .deposit-row {
      display: grid;
      grid-template-columns: 2fr 2fr 3fr;
      grid-column-gap: 16px; }
      #project_overview_page #project-proposal #estimate_container #proposal-project-summary .deposit-row .deposit-amount-input {
        text-align: left; }
      #project_overview_page #project-proposal #estimate_container #proposal-project-summary .deposit-row label {
        display: flex;
        align-items: center; }
      @media only screen and (max-width: 936px) {
        #project_overview_page #project-proposal #estimate_container #proposal-project-summary .deposit-row {
          grid-template-columns: 2fr 2fr; } }
      @media only screen and (max-width: 586px) {
        #project_overview_page #project-proposal #estimate_container #proposal-project-summary .deposit-row {
          grid-template-columns: 1fr;
          grid-row-gap: 32px; } }
    #project_overview_page #project-proposal #estimate_container #proposal-project-summary .deposit-due-row, #project_overview_page #project-proposal #estimate_container #proposal-project-summary .balance-row {
      display: flex;
      justify-content: space-between; }
    #project_overview_page #project-proposal #estimate_container #proposal-project-summary .balance-row {
      margin-top: 32px; }
      #project_overview_page #project-proposal #estimate_container #proposal-project-summary .balance-row .subheading-title {
        font-size: 22px; }
    #project_overview_page #project-proposal #estimate_container #proposal-project-summary .save-footer {
      text-align: right; }

#change-designer-modal .modal-header, #send_dialog .modal-header {
  background: #C1C7CD; }
  #change-designer-modal .modal-header .modal-title, #send_dialog .modal-header .modal-title {
    text-transform: capitalize;
    color: white; }

#change-designer-modal .modal-body p, #send_dialog .modal-body p {
  font-size: 18px;
  font-weight: 700; }

#change-designer-modal .modal-body #current-lead-designer, #change-designer-modal .modal-body #selected-lead-designer, #send_dialog .modal-body #current-lead-designer, #send_dialog .modal-body #selected-lead-designer {
  color: #2E4B6E; }

#change-designer-modal .modal-body label, #send_dialog .modal-body label {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #A2A9B0;
  text-transform: capitalize; }

.block-section-header {
  display: flex;
  padding: 16px;
  background: #D5DBE2;
  margin-top: 16px;
  margin-bottom: 16px; }
  .block-section-header h2 {
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    margin-bottom: 0; }

.dealer_settings_container {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px; }
  @media only screen and (max-width: 936px) {
    .dealer_settings_container {
      width: 95%;
      margin-top: 0; } }
  @media only screen and (max-width: 586px) {
    .dealer_settings_container {
      width: 98%; } }
  .dealer_settings_container #company-information-body .dealer-settings-column {
    justify-content: center; }
  .dealer_settings_container #company-information-body .logo-image-container {
    display: flex;
    grid-column-gap: 16px;
    align-items: center; }
    .dealer_settings_container #company-information-body .logo-image-container label {
      cursor: pointer;
      margin-bottom: 0;
      color: white;
      font-weight: bold;
      font-size: 16px;
      line-height: 16px; }
    .dealer_settings_container #company-information-body .logo-image-container img {
      max-height: 200px;
      max-width: 200px; }
  @media only screen and (max-width: 936px) {
    .dealer_settings_container #company-information-body {
      grid-template-columns: 1fr; } }
  .dealer_settings_container #preference-address-body {
    grid-template-columns: 2fr 2fr;
    grid-column-gap: 16px; }
    .dealer_settings_container #preference-address-body input[type=checkbox] {
      display: inline-block;
      margin-right: 6px;
      background: whitesmoke;
      border: 1px solid lightgrey;
      flex-shrink: 0;
      position: relative;
      border-radius: 1px;
      margin-top: 0;
      height: 24px;
      width: 24px; }
      .dealer_settings_container #preference-address-body input[type=checkbox]:checked:after {
        content: "";
        position: absolute;
        left: 7px;
        top: 3px;
        width: 7px;
        height: 13px;
        border: solid black;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    @media only screen and (max-width: 936px) {
      .dealer_settings_container #preference-address-body #shortened_address_container {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 586px) {
      .dealer_settings_container #preference-address-body #shortened_address_container {
        grid-template-columns: 1fr; } }
    .dealer_settings_container #preference-address-body #address_form_container {
      grid-template-columns: 1fr 3fr; }
      @media only screen and (max-width: 586px) {
        .dealer_settings_container #preference-address-body #address_form_container {
          grid-template-columns: 1fr; } }
      .dealer_settings_container #preference-address-body #address_form_container .subheading-title {
        display: none; }
      .dealer_settings_container #preference-address-body #address_form_container .additional-address-details {
        display: grid;
        grid-template-columns: 3fr 1fr 1fr;
        grid-column-gap: 16px; }
      @media only screen and (max-width: 936px) {
        .dealer_settings_container #preference-address-body #address_form_container #primary_address_form {
          margin-top: 0; } }
  .dealer_settings_container #preference-sales-goals-body {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 16px; }
    @media only screen and (max-width: 586px) {
      .dealer_settings_container #preference-sales-goals-body {
        grid-template-columns: 1fr 1fr; } }
  .dealer_settings_container #preference-phone-body {
    grid-template-columns: none; }
    .dealer_settings_container #preference-phone-body #phone-number-container {
      grid-template-columns: repeat(3, 1fr); }
      @media only screen and (max-width: 586px) {
        .dealer_settings_container #preference-phone-body #phone-number-container {
          grid-template-columns: 1fr; } }
    .dealer_settings_container #preference-phone-body #edit-phone-number-container {
      grid-template-columns: 1fr 2fr 2fr; }
      @media only screen and (max-width: 586px) {
        .dealer_settings_container #preference-phone-body #edit-phone-number-container {
          grid-template-columns: 1fr; } }
      .dealer_settings_container #preference-phone-body #edit-phone-number-container .subheading-title {
        display: none; }
  .dealer_settings_container #preference-proposal-templates-body {
    display: flex;
    flex-direction: column; }
    .dealer_settings_container #preference-proposal-templates-body.collapse {
      display: none; }
    .dealer_settings_container #preference-proposal-templates-body textarea:disabled, .dealer_settings_container #preference-proposal-templates-body input:disabled {
      border: 1px solid #C1C7CD;
      padding: 13px; }
    .dealer_settings_container #preference-proposal-templates-body > div:last-of-type {
      margin-bottom: 20px; }
    .dealer_settings_container #preference-proposal-templates-body #terms-and-acceptance-container {
      display: flex;
      grid-column-gap: 16px; }
      @media only screen and (max-width: 586px) {
        .dealer_settings_container #preference-proposal-templates-body #terms-and-acceptance-container {
          flex-direction: column; } }
      .dealer_settings_container #preference-proposal-templates-body #terms-and-acceptance-container .form-group {
        width: 100%; }
  .dealer_settings_container .checkboxes {
    display: flex;
    justify-content: flex-end; }
    .dealer_settings_container .checkboxes label {
      position: relative;
      display: inline-block;
      width: 120px;
      height: 32px; }
      .dealer_settings_container .checkboxes label input {
        opacity: 0;
        width: 0;
        height: 0; }
        .dealer_settings_container .checkboxes label input:checked + .slider {
          background-color: #2E4B6E; }
          .dealer_settings_container .checkboxes label input:checked + .slider:before {
            -webkit-transform: translateX(88px);
            -ms-transform: translateX(88px);
            transform: translateX(88px); }
          .dealer_settings_container .checkboxes label input:checked + .slider .text {
            margin-left: 16px;
            margin-right: 0;
            text-align: left; }
        .dealer_settings_container .checkboxes label input:focus + .slider {
          box-shadow: 0 0 1px #2196F3; }
      .dealer_settings_container .checkboxes label .slider {
        background-color: #D5DBE2;
        display: flex;
        align-items: center; }
        .dealer_settings_container .checkboxes label .slider:before {
          height: 24px;
          width: 24px;
          background-color: white; }
        .dealer_settings_container .checkboxes label .slider .text {
          color: white;
          text-transform: capitalize;
          font-size: 16px;
          margin-right: 16px;
          margin-left: 0;
          text-align: right;
          width: 100%; }
  .dealer_settings_container .dealer-settings-section {
    display: grid;
    padding: 0 16px;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px; }
    @media only screen and (max-width: 586px) {
      .dealer_settings_container .dealer-settings-section {
        grid-template-columns: 1fr; } }
    .dealer_settings_container .dealer-settings-section.collapse {
      display: none; }
    .dealer_settings_container .dealer-settings-section .subheading-title, .dealer_settings_container .dealer-settings-section label {
      font-weight: 500;
      font-size: 15px;
      line-height: 18px;
      color: #A2A9B0; }
    .dealer_settings_container .dealer-settings-section .section-body {
      font-weight: normal;
      font-size: 18px;
      line-height: 22px;
      letter-spacing: 0.025em; }
    .dealer_settings_container .dealer-settings-section .form-group {
      display: flex;
      flex-direction: column;
      margin-bottom: 0; }
    .dealer_settings_container .dealer-settings-section .dealer-settings-column {
      display: flex;
      flex-direction: column;
      grid-row-gap: 16px; }
  .dealer_settings_container #dealer-locations .header-row, .dealer_settings_container #add-new-location-request .header-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 16px; }
    @media only screen and (max-width: 586px) {
      .dealer_settings_container #dealer-locations .header-row, .dealer_settings_container #add-new-location-request .header-row {
        display: none; } }
  .dealer_settings_container #dealer-locations .data-row, .dealer_settings_container #add-new-location-request .data-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 16px;
    align-items: center;
    border-top: 1px solid #202933;
    padding: 16px 0; }
    @media only screen and (max-width: 586px) {
      .dealer_settings_container #dealer-locations .data-row, .dealer_settings_container #add-new-location-request .data-row {
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 8px; }
        .dealer_settings_container #dealer-locations .data-row > div, .dealer_settings_container #add-new-location-request .data-row > div {
          text-align: center; } }
  .dealer_settings_container #dealer-locations .form-container form, .dealer_settings_container #add-new-location-request .form-container form {
    background: inherit;
    margin: 0;
    margin-bottom: 32px; }
    .dealer_settings_container #dealer-locations .form-container form h1, .dealer_settings_container #add-new-location-request .form-container form h1 {
      font-weight: normal;
      font-size: 30px;
      text-transform: capitalize; }
    .dealer_settings_container #dealer-locations .form-container form .block-section-header, .dealer_settings_container #add-new-location-request .form-container form .block-section-header {
      padding: 8px 16px; }
      .dealer_settings_container #dealer-locations .form-container form .block-section-header h2 i, .dealer_settings_container #add-new-location-request .form-container form .block-section-header h2 i {
        font-size: 14px; }
    .dealer_settings_container #dealer-locations .form-container form input, .dealer_settings_container #dealer-locations .form-container form select, .dealer_settings_container #dealer-locations .form-container form select, .dealer_settings_container #add-new-location-request .form-container form input, .dealer_settings_container #add-new-location-request .form-container form select, .dealer_settings_container #add-new-location-request .form-container form select {
      background: inherit; }
      .dealer_settings_container #dealer-locations .form-container form input:hover, .dealer_settings_container #dealer-locations .form-container form select:hover, .dealer_settings_container #dealer-locations .form-container form select:hover, .dealer_settings_container #add-new-location-request .form-container form input:hover, .dealer_settings_container #add-new-location-request .form-container form select:hover, .dealer_settings_container #add-new-location-request .form-container form select:hover {
        border: 1px solid #C1C7CD; }
    .dealer_settings_container #dealer-locations .form-container form .address-inputs .city-state-zip, .dealer_settings_container #add-new-location-request .form-container form .address-inputs .city-state-zip {
      display: grid;
      grid-template-columns: 4fr 1fr 1fr;
      grid-column-gap: 16px; }
      @media only screen and (max-width: 586px) {
        .dealer_settings_container #dealer-locations .form-container form .address-inputs .city-state-zip, .dealer_settings_container #add-new-location-request .form-container form .address-inputs .city-state-zip {
          display: flex;
          flex-direction: column;
          grid-row-gap: 16px; } }
    .dealer_settings_container #dealer-locations .form-container form .phone-inputs, .dealer_settings_container #add-new-location-request .form-container form .phone-inputs {
      display: grid;
      grid-template-columns: 1fr 3fr 4fr;
      grid-column-gap: 16px; }
      @media only screen and (max-width: 936px) {
        .dealer_settings_container #dealer-locations .form-container form .phone-inputs, .dealer_settings_container #add-new-location-request .form-container form .phone-inputs {
          grid-template-columns: 1fr 3fr; } }
      @media only screen and (max-width: 586px) {
        .dealer_settings_container #dealer-locations .form-container form .phone-inputs, .dealer_settings_container #add-new-location-request .form-container form .phone-inputs {
          display: flex;
          flex-direction: column;
          grid-row-gap: 16px; } }
    .dealer_settings_container #dealer-locations .form-container form .form-buttons, .dealer_settings_container #add-new-location-request .form-container form .form-buttons {
      display: flex;
      justify-content: flex-end;
      grid-column-gap: 16px; }
      .dealer_settings_container #dealer-locations .form-container form .form-buttons button i, .dealer_settings_container #add-new-location-request .form-container form .form-buttons button i {
        margin-left: 8px; }
    .dealer_settings_container #dealer-locations .form-container form #location-save-results, .dealer_settings_container #add-new-location-request .form-container form #location-save-results {
      text-align: right; }
  .dealer_settings_container #add-new-location-request {
    border-top: 1px solid #C1C7CD;
    padding-top: 16px;
    margin-top: 16px; }
    .dealer_settings_container #add-new-location-request .request-new-location-btn {
      float: right; }
  @media only screen and (max-width: 936px) {
    .dealer_settings_container #team-members-container {
      display: grid;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-columns: 1fr 1fr;
      padding: 16px; } }
  @media only screen and (max-width: 586px) {
    .dealer_settings_container #team-members-container {
      grid-template-columns: 1fr; } }
  .dealer_settings_container #team-members-container .header-row {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    grid-column-gap: 16px;
    padding: 16px;
    background: #D5DBE2;
    border-radius: 4px 0 0 0; }
    @media only screen and (max-width: 936px) {
      .dealer_settings_container #team-members-container .header-row {
        display: none; } }
    .dealer_settings_container #team-members-container .header-row .column {
      font-size: 14px;
      text-transform: uppercase;
      font-weight: bold;
      line-height: 175%; }
      .dealer_settings_container #team-members-container .header-row .column:last-of-type {
        text-align: center; }
  .dealer_settings_container #team-members-container .data-row {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    grid-column-gap: 16px;
    padding: 22px 16px;
    box-shadow: inset 0px -2px 0px #D5DBE2; }
    @media only screen and (max-width: 936px) {
      .dealer_settings_container #team-members-container .data-row {
        grid-template-areas: "name trash" "active .";
        background: white;
        border-radius: 8px;
        padding: 16px; } }
    .dealer_settings_container #team-members-container .data-row .column {
      font-size: 14px;
      line-height: 175%; }
      .dealer_settings_container #team-members-container .data-row .column:last-of-type {
        text-align: center; }
      @media only screen and (max-width: 936px) {
        .dealer_settings_container #team-members-container .data-row .column:first-of-type {
          grid-area: name; }
        .dealer_settings_container #team-members-container .data-row .column:nth-of-type(2) {
          grid-area: active; }
        .dealer_settings_container #team-members-container .data-row .column:last-of-type {
          grid-area: trash; } }
  @media only screen and (max-width: 586px) {
    .dealer_settings_container #team-member-edit {
      padding: 16px; } }
  .dealer_settings_container #team-member-edit .medium-header {
    font-weight: normal;
    font-size: 30px;
    line-height: 150%;
    margin-bottom: 16px;
    text-transform: capitalize; }
  .dealer_settings_container #team-member-edit .inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 8px;
    grid-column-gap: 16px; }
    @media only screen and (max-width: 586px) {
      .dealer_settings_container #team-member-edit .inputs {
        grid-template-columns: 1fr; } }
    .dealer_settings_container #team-member-edit .inputs .form-group label {
      font-weight: 500;
      font-size: 15px;
      line-height: 18px;
      color: #A2A9B0;
      text-transform: capitalize; }
    .dealer_settings_container #team-member-edit .inputs .checkboxes {
      grid-column: 1/-1; }
  .dealer_settings_container .form-price-model select option {
    padding: 8px 16px;
    background-color: #F2F3F4; }
  .dealer_settings_container .form-price-model .inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 8px;
    grid-row-gap: 8px; }
    @media only screen and (max-width: 586px) {
      .dealer_settings_container .form-price-model .inputs {
        grid-template-columns: 1fr;
        padding: 16px; } }
  .dealer_settings_container .form-price-model .tab-footer {
    background: initial;
    margin: 0;
    padding: 0; }
  .dealer_settings_container #lead-sources-container #lead_source_form .form-group {
    display: grid;
    grid-template-columns: 6fr 1fr;
    align-items: center;
    grid-column-gap: 16px; }
    .dealer_settings_container #lead-sources-container #lead_source_form .form-group .column.delete {
      display: flex;
      align-items: center; }
      .dealer_settings_container #lead-sources-container #lead_source_form .form-group .column.delete input[type=checkbox]:hover {
        background: initial;
        border: 1px solid #C1C7CD; }
      .dealer_settings_container #lead-sources-container #lead_source_form .form-group .column.delete input[type=checkbox]:checked {
        background: #2E4B6E; }
      .dealer_settings_container #lead-sources-container #lead_source_form .form-group .column.delete input[type=checkbox]:focus {
        padding: 13px; }
  .dealer_settings_container #lead-sources-container .tab-footer {
    background: initial;
    margin: 0;
    padding: 0; }

body {
  background-color: #F2F3F4; }
  body .form-signin.tab-content {
    background-color: #D5DBE2; }
    body .form-signin.tab-content input {
      background: none;
      color: #555; }
      body .form-signin.tab-content input:focus {
        border: 3px solid #0D6EFD; }
      body .form-signin.tab-content input::placeholder {
        color: #555; }
      body .form-signin.tab-content input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #2E4B6E inset;
        -webkit-text-fill-color: white; }
    body .form-signin.tab-content label, body .form-signin.tab-content .logo, body .form-signin.tab-content .text-left a {
      color: #555; }
    body .form-signin.tab-content .tab-footer {
      background-color: #F2F4F8; }

.project-create-form {
  margin: 50px 5px 30px 5px; }
  .project-create-form h1 {
    font-weight: 500;
    font-size: 44px;
    text-transform: none; }
  .project-create-form .action-buttons {
    text-align: right;
    padding-right: 15px; }
    @media only screen and (max-width: 936px) {
      .project-create-form .action-buttons {
        position: absolute;
        bottom: -50px;
        right: 15px; } }
    .project-create-form .action-buttons .btn-secondary-pro {
      margin-left: 15px; }
  .project-create-form .project-design-count .flex-container {
    flex-flow: column; }
    .project-create-form .project-design-count .flex-container label {
      margin-left: 0px;
      margin-bottom: 5px;
      text-transform: none;
      font-weight: 500;
      font-size: 15px;
      width: 100%;
      color: #A2A9B0; }
    .project-create-form .project-design-count .flex-container select {
      width: 100%; }
  .project-create-form .error {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 15px; }
  .project-create-form .alert-warning {
    color: #856404;
    background: #FFF3CD;
    border: 1px solid #FFEE6A;
    border-radius: 4px; }
    .project-create-form .alert-warning p {
      font-weight: 500;
      font-size: 15px;
      line-height: 19.2px; }
    .project-create-form .alert-warning .close:before, .project-create-form .alert-warning .close:after {
      background: #856404; }
  .project-create-form textarea {
    min-height: 160px; }
  .project-create-form input, .project-create-form select, .project-create-form textarea {
    font-size: 18px;
    border: 1px solid #D0D1D2;
    outline: none;
    background-color: transparent;
    border-radius: 5px; }
    .project-create-form input:focus, .project-create-form input:hover, .project-create-form input:active, .project-create-form select:focus, .project-create-form select:hover, .project-create-form select:active, .project-create-form textarea:focus, .project-create-form textarea:hover, .project-create-form textarea:active {
      border: 2px solid #00b6ff; }
  .project-create-form select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAWklEQVQ4je3OsQ2AMBBD0TcCCouQggHYPRUFLELECjSpUCSSDgl+dbJ1tvl5JwtiRY/FeyQh30Ji0VJLwIAVJ2ZMOLBjbAmAgK205nKH1uf7kq7m2pLu5q9xAVO8Dh961K56AAAAAElFTkSuQmCC"); }
    .project-create-form select:focus, .project-create-form select:hover, .project-create-form select:active {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAAXNSR0IArs4c6QAAALdJREFUGBljYAAChfn3OYzP/GcFsdEBSBwkDxJnFJh/X+DL7y+7GBj/fxaTEPF95iv1DaZBavMzrlcv3mxm+M/Iy8PK48b05e834/8MDMb//zM4gSRACkCKYQpB4iB5kDpGkATr7Ctx//7/n8/A8J+JkZFhHyc3e/j3rz9XghQCLf8HFEz8naqzCKwYXQNQwRegRh5khSA1cMVYNMBNBMlhBSAnMc+69AtEY1WALsgz77YouhiIDwBxOl4Sc2/abwAAAABJRU5ErkJggg=="); }

#design-delete-modal .modal-dialog, #remove_from_project_warning_dialog .modal-dialog {
  max-width: 502px; }
  #design-delete-modal .modal-dialog .modal-header, #remove_from_project_warning_dialog .modal-dialog .modal-header {
    background: #F2F3F4;
    padding: 24px 32px 5px 32px; }
    #design-delete-modal .modal-dialog .modal-header h2, #remove_from_project_warning_dialog .modal-dialog .modal-header h2 {
      font-size: 30px;
      font-weight: 400;
      margin-bottom: 0px;
      text-align: left; }
    #design-delete-modal .modal-dialog .modal-header .close:before, #design-delete-modal .modal-dialog .modal-header .close:after, #remove_from_project_warning_dialog .modal-dialog .modal-header .close:before, #remove_from_project_warning_dialog .modal-dialog .modal-header .close:after {
      background: #333;
      height: 2px; }
  #design-delete-modal .modal-dialog .modal-body, #remove_from_project_warning_dialog .modal-dialog .modal-body {
    padding: 15px 32px 40px 32px; }
    #design-delete-modal .modal-dialog .modal-body p, #remove_from_project_warning_dialog .modal-dialog .modal-body p {
      font-size: 16px;
      font-weight: 400;
      margin: 0px;
      text-align: left; }
  #design-delete-modal .modal-dialog .modal-footer, #remove_from_project_warning_dialog .modal-dialog .modal-footer {
    text-align: right;
    padding: 32px; }
    #design-delete-modal .modal-dialog .modal-footer div, #remove_from_project_warning_dialog .modal-dialog .modal-footer div {
      text-align: center;
      padding-top: 10px; }

.slider-toggle-container {
  width: 100px; }
  .slider-toggle-container input {
    opacity: 0;
    width: 0;
    height: 0; }
    .slider-toggle-container input:checked + .slider {
      background-color: #2E4B6E; }
      .slider-toggle-container input:checked + .slider:before {
        -webkit-transform: translateX(70px);
        -ms-transform: translateX(70px);
        transform: translateX(70px); }
      .slider-toggle-container input:checked + .slider .text {
        margin-left: 16px;
        margin-right: 0;
        text-align: left; }
    .slider-toggle-container input:focus + .slider {
      box-shadow: 0 0 1px #2196F3; }
  .slider-toggle-container label {
    position: relative;
    height: 32px; }
    .slider-toggle-container label .slider {
      background-color: #D5DBE2;
      display: flex;
      align-items: center; }
      .slider-toggle-container label .slider:before {
        height: 24px;
        width: 24px;
        background-color: white; }
      .slider-toggle-container label .slider .text {
        color: white;
        text-transform: capitalize;
        font-size: 16px;
        margin-right: 16px;
        margin-left: 0;
        text-align: right;
        width: 100%; }