/**handles:gf-custom-bushmaster-drawer-quote-form**/
/* Gravity Form 37 - Custom Bushmaster Drawer Quote Form */

.gotrgf_form_container {
    background: #f2f2f2;

}
#gotrgf_form_wrapper{
    /*height: 600px;*/
    overflow-y: auto;
    color: #fff;
    background: #434;
}
  .gf-custom-bushmaster-drawer-quote-form_wrapper .gform_title,
  .gf-custom-bushmaster-drawer-quote-form_wrapper .gsection_title {
    color: white;
  }
  .gf-custom-bushmaster-drawer-quote-form_wrapper select,
  .gf-custom-bushmaster-drawer-quote-form_wrapper input[type=text],
  .gf-custom-bushmaster-drawer-quote-form_wrapper input[type=url],
  .gf-custom-bushmaster-drawer-quote-form_wrapper input[type=tel],
  .gf-custom-bushmaster-drawer-quote-form_wrapper input[type=email]{
    color: initial !important;
  }

  .gf-custom-bushmaster-drawer-quote-form_wrapper input[type=checkbox]:not(old):checked+label:before, .sp_modern input[type=radio]:not(old):checked+label:before {
   color: #fff !important;
   background: #6ABEFB !important;
  }

  .gf-custom-bushmaster-drawer-quote-form_wrapper input:checked+label {
    background: transparent !important;
  }

  input#gform_submit_button_37 {
    padding-right: 0;
    margin-right: 0;
    box-shadow: none;
  }
  #gotrgf_form_container_37 .gotrgf_form_wrapper {
      width: 45% !important;
      padding: 1em;
      /*height: 600px;*/
      overflow-y: auto;
      color: #fff;
      border: none;
      border-radius: 0;
      background: #444;
  }
  #gotrgf_form_container_37 .gotrgf_summary_wrapper {
      width: 55% !important;
      padding: 1em;
  }
  .gotrgf_summary_wrapper {
      height: 850px;
      background-color: var(--white-smoke);
      flex: 1;
      padding-top:20px;
      position: -webkit-sticky;
      position: sticky;
      top: 100px;
      overflow: scroll;
  }
  #gotrgf_form_overview_container_37 {
    margin-top: 0px;
  }
  #gotrgf_form_container_37 #image-container {
      position: relative;
      width: 100%; /* Adjust width as needed */
      margin-top: 0px;
      margin-left: 10px;
    }
  #gotrgf_form_container_37 #base-image {
      width: 100%;
    }
    #overlay-images {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    #overlay-images img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 1; /* Slightly transparent by default */
      display: none;
    }
    #gotrgf_form_container_37 #thumbnail-container {
      display: flex;
      flex-wrap: wrap;
      margin: 10px 0;
    }
    #thumbnail-container label {
      display: inline-block;
      margin: 5px;
    }
    #thumbnail-container input[type="checkbox"] {
      display: none;
    }
    #thumbnail-container label:hover {
      cursor: pointer;
    }
    #thumbnail-container label.selected {
      border: 2px solid blue;
    }
    div#thumbnail-container img {
      max-width: 100px;
      background-color: #f2f2f2;
    }
  #gotrgf_form_container_37 div#overlay-images img {
      aspect-ratio: 1/1;
      object-fit: contain;
      transform: scale(1.35);
      }

  #gotrgf_form_container_37 #base-image {
      aspect-ratio: 1/1;
      object-fit: contain;
      transform: scale(1.35);
      }

      .flex-container, .gotrgf_form_container
      {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: normal;
        align-items: normal;
        align-content: normal;
      }

      .flex-items:nth-child(1),
      .gotrgf_summary_wrapper{
        display: block;
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: auto;
        align-self: auto;
        order: 0;
      }

      .flex-items:nth-child(2), .gotrgf_form_wrapper {
        display: block;
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: auto;
        align-self: auto;
        order: 0;
      }
      .gotrgf_summary_lines {
        font-size: 12px;
      }
  .gotrgf_summary_lines li{
    margin-bottom: 0;
  }
  .no-image-for-custom-canopy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    padding: 10%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
  }
  .pdf-link-field a {
    color: lightskyblue;
    text-decoration: underline;
    font-weight: 900;
  }
  .pdf-link-field a i{
    padding-left: 10px;
  }

  #input_37_15 {
      color: #000;
  }

  #gotrgf_form_container_37 .gotrgf_form_wrapper  {
    width: 55% !important;
  }
  #gotrgf_form_container_37 .gotrgf_summary_wrapper {
    width: 45% !important;
  }
  #gotrgf_form_container_37 #image-container {
    position: relative;
    width: 100%; /* Adjust width as needed */
  }
  .page-id-736363 #podium-website-widget {
  display: none;
  }
  #gform_wrapper_37.gravity-theme .field_sublabel_above .gfield_description {
  font-size: 13px;
  font-style: italic;
  color: lightblue;
  margin-top: 0;
  padding-top: 3px;
  }
  div#field_37_74 {
  border-bottom: 1px solid;
  }
  .sp_modern input[type=number] {
  color: #000 !important;
  }
  #gotrgf_form_container_37 img#base-image-CAD {
  object-fit: contain;
  transform: scale(1.2);
  aspect-ratio: 16 / 9;
  margin-top: -40px;
  }
  #gotrgf_form_container_37 img#base-image {
    object-fit: contain;
    transform: scale(1.1);
    aspect-ratio: 16 / 9;
    /*margin-top: -20px;*/
  }
  #gotrgf_form_container_37 div#overlay-images img{
      object-fit: contain;
      transform: scale(1.1);
      aspect-ratio: 16 / 9;
      height: auto;
  }
  div#field_37_76 {
    font-size: 13px;
    font-style: italic;
    color: #add8e6;
    margin-top: 0;
    padding-top: 3px;
  }
      @media screen and (max-width: 439px){
        .gotrgf_summary_wrapper {
        width: 100%;
        height: 250px;
        top: 0;
        }
        #gotrgf_form_container_37 .gotrgf_summary_wrapper {
          height: 350px;
        }
    }


    @media screen and (max-width: 1024px){
       .gotrgf_summary_wrapper{
        height: 250px;
        top: 0;
        }
        #gotrgf_form_container_37 .gotrgf_summary_wrapper {
          height: auto;
        }
        #gotrgf_form_container_37 #image-container {
          display: flex;
            flex-direction: row;
            align-items: end;
            justify-content: end;
            height: 100%;
        }
        #gotrgf_form_container_37 img#base-image {
            width: 50%;
            margin-top:0 !important;
        }

        #gotrgf_form_container_37 img#base-image-CAD {
            width:50%;
        }
    }

    @media screen and (max-width: 991px) {

      .gotrgf_summary_wrapper {
          z-index:2
      }

      #gotrgf_form_container_37{
          display: flex !important;
          flex-direction: column;
      }

      #gotrgf_form_overview_container_37{
          display: none;
      }

      #gotrgf_form_container_37 .gotrgf_form_wrapper {
          order: 2;
          width: 100%!important
      }

      #gotrgf_form_container_37 .gotrgf_summary_wrapper {
          position: sticky;
          order: 1;
          width: 100% !important;
          overflow: hidden;
          top: 40px !important;
          background: #f2f2f2
      }

      #gotrgf_form_container_37 #image-container {
          margin-top: 0px !important;
          margin-left: 0 !important;
          background: #f2f2f2
      }
      #gotrgf_form_container_37 #base-image,
      #gotrgf_form_container_ #base-image {
          aspect-ratio: auto !important;
      }
    }


  @media only screen and (min-width: 641px) {
      .gform_wrapper .gfield .gfield_checkbox,.gform_wrapper .gfield .gfield_radio {
          grid-row-gap: 1px !important;
      }
  }