.nimap-widget-container {

  * {
    box-sizing: border-box;
  }
  //border: 1px solid #bebebe;
  .nimap-widget-title {
    text-align: center;
    font-weight: bold;
    font-size: larger;
  }

  .nimap-filter-container {

    .nimap-search {
      padding-bottom: 10px;


      > div {
        //display: flex;
        //justify-content: space-between;
        //display: grid;
        //justify-items: stretch;
        //grid-template-columns: auto auto;

        input {
          background-color: #ffffff;
          border: 1px solid #dee2e6;
          color: #495057;
        }

        .nimap-search-button {
          //width: 130px;
          //height: 43px;
          display: flex !important;
          color: #ffffff;
          cursor: pointer;
          align-items: center;
          justify-content: center;
          border-top-right-radius: 0.25rem;
          border-bottom-right-radius: 0.25rem;
          font-size: 14px;
          background-color: #e97a7e;

          .nimap-icon {
            height: unset;
          }
        }
      }

      .nimap-search-location-inner {

        &.nimap-search-location-layout-fullwidth {

          input {
            width: 100%;
          }

          .nimap-search-location-button {
            width: 100%;

            .nimap-icon {
              display: none;
            }
          }
        }

        &.nimap-search-location-layout-2col {
          display: flex;

          input {
            width: 80%;
          }

          .nimap-search-location-button {
            width: 20%;

            .nimap-label {
              display: none;
            }
          }
        }

        input {
          height: 38px;
          color: #6f6f6f;
          font-weight: 500;
          padding: 5px 10px;
          border-radius: 5px;
          border: 1px solid #ced4da;
          line-height: inherit;
          background-color: #fff !important;
          font-size: 15px;
        }

        .nimap-search-location-button {
          display: flex !important;
          height: 38px;
          cursor: pointer;
          align-items: center;
          justify-content: center;
          color: #ffffff;
          background-color: #06476d;
          border-top-right-radius: 0.25rem;
          border-bottom-right-radius: 0.25rem;

          .nimap-icon {
            height: unset;
          }
        }
      }

      .nimap-search-store-inner {

        &.nimap-search-store-layout-fullwidth {

          input {
            width: 100%;
          }

          .nimap-search-store-button {
            width: 100%;

            .nimap-icon {
              display: none;
            }
          }
        }

        &.nimap-search-store-layout-2col {
          display: flex;

          input {
            width: 80%;
          }

          .nimap-search-store-button {
            width: 20%;

            .nimap-label {
              display: none;
            }
          }
        }

        input {
          height: 38px;
          color: #6f6f6f;
          font-weight: 500;
          padding: 5px 10px;
          border-radius: 5px;
          border: 1px solid #ced4da;
          line-height: inherit;
          background-color: #fff !important;
          font-size: 15px;
        }

        .nimap-search-store-button {
          display: flex !important;
          height: 38px;
          cursor: pointer;
          align-items: center;
          justify-content: center;
          color: #ffffff;
          background-color: #06476d;
          border-top-right-radius: 0.25rem;
          border-bottom-right-radius: 0.25rem;

          .nimap-icon {
            height: unset;
          }
        }
      }
    }

    .nimap-filter-category-wrap {
      padding-bottom: 10px;

      .nimap-filter-category {
        width: 100%;
        height: 38px;
        color: #6f6f6f;
        font-weight: 500;
        padding: 5px 10px;
        border-radius: 5px;
        border: 1px solid #ced4da;
        line-height: inherit;
        margin-bottom: 0 !important;
        background-color: #fff !important;
        font-size: 15px;
      }
    }

    .nimap-filter-distance-wrap {
      padding-bottom: 10px;

      .nimap-filter-distance-value {
        width: 100%;
        height: 38px;
        color: #6f6f6f;
        font-weight: 500;
        padding: 5px 10px;
        border-radius: 5px;
        border: 1px solid #ced4da;
        line-height: inherit;
        margin-bottom: 0 !important;
        background-color: #fff !important;
        font-size: 15px;
      }
    }
  }

  .nimap-result-container {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #bebebe;

    .nimap-hidden {
      display: none !important;
    }

    &::-webkit-scrollbar {
      width: 0.5em;
      background-color: #f1f1f1;
    }

    &::-webkit-scrollbar-thumb {
      background-color: #c1c1c1;
    }

    &::-webkit-scrollbar-thumb:hover {
      background-color: #a1a1a1;
    }

    &::-webkit-scrollbar-button {
      display: none;
    }

    .nimap-result-loading-wrap {
      text-align: center;
    }

    .nimap-result-wrap {

      .nimap-result-line-container {
        margin-bottom: 0;
        margin-left: 0;
        padding: 15px 10px;
        border: 1px solid #e8edf0;

        .nimap-line-top-container {
          margin: inherit;

          .nimap-line-top-wrap {

            .nimap-line-title {
              font-size: large;
              font-weight: 500;
            }

            .nimap-line-details {
              display: flex;

              .nimap-line-col-first {
                min-width: 50%;

                > div {
                  display: flex;
                  padding-top: 5px;
                }
              }

              .nimap-line-col-second {
                max-width: 100%;
              }
            }
          }
        }

        .nimap-line-bottom-container {
          margin: inherit;
          margin-left: -15px;
          margin-right: -15px;
          margin-top: 10px;

          .nimap-line-bottom-wrap {
            display: flex;
            justify-content: space-around;

            .nimap-line-button-wrap {
              border: 1px solid #B9B9B9;
              line-height: inherit;
              //font-weight: 500;
              padding: 5px 10px;
              border-radius: 4px;
              background-color: #fff;

              &.nimap-line-button-store {

              }

              &.nimap-line-button-route {
                background-color: #06476D;

                .nimap-line-button-value {
                  color: #fff;
                }
              }

              &:hover {
                box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.3);
              }
            }
          }
        }
      }
    }

    .nimap-pagination-container {
      padding-top: 5px;

      .nimap-pagination-wrap {
        display: flex;
        justify-content: center!important;
        text-align: center!important;
        border-radius: 0.25rem;

        &.nimap-pagination-active {
          padding-bottom: 3px;
        }

        .nimap-store-pages {
          cursor: pointer;
          position: relative;
          display: block;
          padding: 0.5rem 0.75rem;
          margin-left: -1px;
          line-height: 1.25;
          border: 1px solid #dee2e6;

          &.nimap-store-page-active {
            background-color: #0B598A;
            color: #fff;
            cursor: unset;
          }
        }
      }
    }

    .nimap-result-template {
      display: none;
    }
  }
}