body {
  margin: 0;
  padding: 0; }

a:hover, a:focus {
  color: #fff; }

.only-desktop {
  display: block; }
  @media (max-width: 767px) {
    .only-desktop {
      display: none; } }

.only-mobile {
  display: none; }
  @media (max-width: 767px) {
    .only-mobile {
      display: block; } }

.light-green {
  color: #8FB741; }

.error {
  font-family: 'ProximaNova-Regular';
  font-size: 12px;
  padding-bottom: 5px;
  color: #f4546c; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

#overlay {
  position: absolute;
  display: none;
  width: 692px;
  height: 100%;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2; }

.tooltip-main {
  position: relative;
  display: inline-block;
  top: -2px; }
  .tooltip-main .tooltip-image {
    width: 16px;
    position: relative;
    left: 5px; }
  .tooltip-main .tooltiptext {
    visibility: hidden;
    width: 315px;
    box-shadow: 0 1px 12px 0 rgba(55, 55, 55, 0.15);
    height: 69px;
    background-color: #fff;
    color: #333434;
    padding: 12px 17px;
    position: absolute;
    z-index: 1;
    top: 30px;
    left: -23px;
    font-size: 17px;
    line-height: 22px;
    font-family: 'ProximaNova-Regular';
    box-sizing: border-box;
    text-align: left;
    transform: translate(-55%); }
    @media (max-width: 767px) {
      .tooltip-main .tooltiptext {
        width: 267px;
        font-size: 16px;
        height: 66px;
        padding: 12px 12px;
        left: -83px;
        line-height: 22px; } }
    @media (min-width: 300px) and (max-width: 375px) {
      .tooltip-main .tooltiptext {
        left: -83px; } }
    .tooltip-main .tooltiptext:after {
      content: '';
      position: absolute;
      display: block;
      width: 0px;
      left: 208px;
      top: 6px;
      border: 8px solid transparent;
      border-top-color: transparent;
      border-top-style: solid;
      border-top-width: 8px;
      border-bottom-color: transparent;
      border-bottom-style: solid;
      border-bottom-width: 8px;
      border-top: 0;
      border-bottom: 8px solid #fff;
      transform: translate(-50%, calc(-100% - 5px)); }
      @media (max-width: 767px) {
        .tooltip-main .tooltiptext:after {
          left: 240px; } }
      @media (min-width: 300px) and (max-width: 375px) {
        .tooltip-main .tooltiptext:after {
          left: 241px; } }
  .tooltip-main:hover .tooltiptext {
    visibility: visible; }

.autobid-map-tooltip p {
  font-family: proxima_novasemibold;
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  color: #373737;
  padding-bottom: 16px;
  padding: 12px 8px 12px 8px; }
  @media (max-width: 767px) {
    .autobid-map-tooltip p {
      padding-top: 15px !important;
      font-size: 16px;
      padding: 0 20px 15px 25px;
      line-height: 24px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }
  @media (min-width: 300px) and (max-width: 375px) {
    .autobid-map-tooltip p {
      padding-top: 15px !important;
      font-size: 14px;
      line-height: 22px;
      padding-left: 20px; } }

.autobid-map .autobid-google-map {
  position: relative; }
.autobid-map .autobid-service-area {
  background-color: #00A3E7;
  border-radius: 31.5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  width: 349px;
  height: 63px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
  z-index: 2; }
  @media (max-width: 767px) {
    .autobid-map .autobid-service-area {
      width: 348px;
      height: 60px; } }
  @media (min-width: 300px) and (max-width: 375px) {
    .autobid-map .autobid-service-area {
      width: 318px;
      height: 54px; } }
  .autobid-map .autobid-service-area .radius-text {
    color: #fff;
    padding-left: 21px;
    font-family: proxima_novasemibold;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media (min-width: 300px) and (max-width: 375px) {
      .autobid-map .autobid-service-area .radius-text {
        font-size: 16px;
        padding-left: 20px; } }

.autobid-table {
  border-radius: 1px;
  border-left: solid 1px #979797;
  border-right: solid 1px #979797;
  border-bottom: solid 1px #979797;
  padding: 12px 38px 20px 38px; }
  @media screen and (min-width: 993px) and (max-width: 1024px) {
    .autobid-table {
      padding: 12px 20px 20px 20px; } }
  @media screen and (min-width: 768px) and (max-width: 992px) {
    .autobid-table {
      padding: 12px 17px 20px 18px; } }
  @media (max-width: 767px) {
    .autobid-table {
      padding: 12px 28px;
      border: none; } }
  @media (min-width: 300px) and (max-width: 375px) {
    .autobid-table {
      padding: 12px 23px 0; } }
  .autobid-table .autobid-switch {
    margin-bottom: 15px; }
    @media (max-width: 767px) {
      .autobid-table .autobid-switch {
        margin-bottom: 19px; } }
    @media (min-width: 300px) and (max-width: 375px) {
      .autobid-table .autobid-switch {
        margin-bottom: 17px; } }
    .autobid-table .autobid-switch .a-bid-switch {
      position: relative;
      display: inline-block;
      width: 40px;
      height: 22px;
      /* Rounded sliders */ }
      @media (max-width: 767px) {
        .autobid-table .autobid-switch .a-bid-switch {
          width: 53px;
          height: 29px;
          line-height: 22px; } }
      @media (min-width: 300px) and (max-width: 375px) {
        .autobid-table .autobid-switch .a-bid-switch {
          width: 48px;
          height: 26px;
          line-height: 24px; } }
      .autobid-table .autobid-switch .a-bid-switch input {
        opacity: 0;
        width: 0;
        height: 0; }
      .autobid-table .autobid-switch .a-bid-switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #B8B8B8;
        -webkit-transition: .4s;
        transition: .4s; }
        .autobid-table .autobid-switch .a-bid-switch .slider:before {
          position: absolute;
          content: "";
          height: 18px;
          width: 18px;
          left: 2px;
          bottom: 2px;
          background-color: white;
          -webkit-transition: .4s;
          transition: .4s; }
          @media (max-width: 767px) {
            .autobid-table .autobid-switch .a-bid-switch .slider:before {
              height: 25px;
              width: 25px;
              left: 3px;
              bottom: 2px; } }
          @media (min-width: 300px) and (max-width: 375px) {
            .autobid-table .autobid-switch .a-bid-switch .slider:before {
              height: 22px;
              width: 22px;
              left: 2px; } }
      .autobid-table .autobid-switch .a-bid-switch input:checked + .slider {
        background-color: #00A3E7; }
      .autobid-table .autobid-switch .a-bid-switch input:checked + .slider:before {
        -webkit-transform: translateX(18px);
        -ms-transform: translateX(18px); }
        @media (max-width: 767px) {
          .autobid-table .autobid-switch .a-bid-switch input:checked + .slider:before {
            -webkit-transform: translateX(22px);
            -ms-transform: translateX(22px); } }
      .autobid-table .autobid-switch .a-bid-switch .slider.round {
        border-radius: 34px; }
      .autobid-table .autobid-switch .a-bid-switch .slider.round:before {
        border-radius: 50%; }
    .autobid-table .autobid-switch .switch-text {
      position: relative;
      top: 3px;
      left: 8px;
      font-size: 20px;
      line-height: 24px;
      font-family: 'ProximaNova-Regular';
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media (max-width: 767px) {
        .autobid-table .autobid-switch .switch-text {
          top: 7px;
          color: #373737; } }
      @media (min-width: 300px) and (max-width: 375px) {
        .autobid-table .autobid-switch .switch-text {
          top: 5px; } }
  .autobid-table .auto-bid-table-header {
    position: relative; }
    .autobid-table .auto-bid-table-header .table-header-grid {
      padding: 5px 0;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      display: grid;
      grid-template-columns: 50% 50%;
      grid-gap: 12px; }
      @media (max-width: 767px) {
        .autobid-table .auto-bid-table-header .table-header-grid {
          grid-template-columns: 100%; } }
      @media (max-width: 767px) {
        .autobid-table .auto-bid-table-header .table-header-grid .table-header-item:nth-last-of-type(2) {
          display: none; } }
      .autobid-table .auto-bid-table-header .table-header-grid .t-header-text-grid {
        display: grid;
        grid-template-columns: 80px 65px auto;
        align-items: center; }
        @media (max-width: 767px) {
          .autobid-table .auto-bid-table-header .table-header-grid .t-header-text-grid {
            grid-template-columns: 92px 75px auto; } }
        .autobid-table .auto-bid-table-header .table-header-grid .t-header-text-grid .t-header-text-item p {
          margin: 0;
          line-height: 16px;
          font-family: ProximaNova-Regular;
          color: #373737;
          font-size: 13px;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
      .autobid-table .auto-bid-table-header .table-header-grid .table-header-item-right {
        text-align: right; }
    .autobid-table .auto-bid-table-header .table-content-grid {
      padding: 26px 0 0;
      display: grid;
      grid-template-columns: 52% 50%;
      grid-column-gap: 0; }
      @media (max-width: 767px) {
        .autobid-table .auto-bid-table-header .table-content-grid {
          grid-template-columns: 100%; } }
      @media (min-width: 300px) and (max-width: 375px) {
        .autobid-table .auto-bid-table-header .table-content-grid {
          padding: 22px 0; } }
      @media (max-width: 767px) {
        .autobid-table .auto-bid-table-header .table-content-grid .table-content-item {
          padding-bottom: 15px; } }
      .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid {
        display: grid;
        grid-template-columns: 80px 66px auto; }
        @media screen and (min-width: 768px) and (max-width: 992px) {
          .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid {
            grid-template-columns: 64px 48px auto; } }
        @media (max-width: 767px) {
          .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid {
            grid-template-columns: 92px 75px auto; } }
        @media (min-width: 300px) and (max-width: 375px) {
          .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid {
            grid-template-columns: 80px 70px auto; } }
        .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .t-content-edited .edit-icon {
          width: 18px;
          height: 18px;
          top: -5px;
          margin-left: 9px;
          position: relative;
          vertical-align: middle;
          cursor: pointer; }
          @media screen and (min-width: 768px) and (max-width: 992px) {
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .t-content-edited .edit-icon {
              width: 15px;
              height: 18px;
              top: 0px; } }
          @media (max-width: 767px) {
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .t-content-edited .edit-icon {
              width: 25px;
              position: relative;
              top: -3px;
              height: 17px;
              margin-left: 5px; } }
          @media (min-width: 300px) and (max-width: 375px) {
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .t-content-edited .edit-icon {
              width: 23px;
              top: -1px; } }
        .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .t-content-edited span {
          font-size: 22px;
          line-height: 26px;
          font-family: proxima_novasemibold;
          color: #373737;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          @media screen and (min-width: 768px) and (max-width: 992px) {
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .t-content-edited span {
              font-size: 16px; } }
          @media (max-width: 767px) {
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .t-content-edited span {
              font-size: 20px; } }
          @media (min-width: 300px) and (max-width: 375px) {
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .t-content-edited span {
              font-size: 18px; } }
        .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item p {
          font-size: 22px;
          line-height: 26px;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          @media screen and (min-width: 768px) and (max-width: 992px) {
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item p {
              font-size: 16px; } }
          @media (max-width: 767px) {
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item p {
              font-size: 20px; } }
          @media (min-width: 300px) and (max-width: 375px) {
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item p {
              font-size: 18px; } }
        .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file {
          position: relative;
          top: -7px;
          left: -11px; }
          @media (max-width: 767px) {
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file {
              left: -18px; } }
          .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .edited-file-input {
            width: 129px;
            font-size: 14px;
            height: 38px;
            margin: 0;
            padding: 10px; }
            @media screen and (min-width: 993px) and (max-width: 1024px) {
              .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .edited-file-input {
                width: 112px; } }
            @media screen and (min-width: 768px) and (max-width: 992px) {
              .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .edited-file-input {
                width: 81px;
                font-size: 11px;
                padding: 7px; } }
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .edited-file-input::placeholder {
              color: #959898; }
            @media (max-width: 767px) {
              .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .edited-file-input {
                font-size: 14px;
                width: 104px;
                height: 44px;
                margin: 0;
                padding: 9px;
                position: relative;
                top: -3px; } }
            @media (min-width: 300px) and (max-width: 375px) {
              .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .edited-file-input {
                font-size: 13px;
                width: 97px;
                height: 42px; } }
          .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .edit-mode {
            font-size: 22px;
            line-height: 12px;
            color: #373737;
            text-align: left;
            box-shadow: none;
            padding-left: 22px;
            font-family: proxima_novasemibold;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
            @media (max-width: 767px) {
              .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .edit-mode {
                font-size: 20px; } }
            @media (min-width: 300px) and (max-width: 375px) {
              .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .edit-mode {
                font-size: 18px; } }
          .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .fix-dollar {
            position: absolute;
            top: 14px;
            left: 10px;
            font-size: 22px;
            line-height: 12px;
            color: #373737;
            font-weight: 500;
            font-family: proxima_novasemibold;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
            @media (max-width: 767px) {
              .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .fix-dollar {
                font-size: 20px;
                top: 13px;
                left: 11px; } }
            @media (min-width: 300px) and (max-width: 375px) {
              .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .fix-dollar {
                font-size: 18px; } }
          .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .autobid-error {
            color: #F4546C;
            font-size: 11px;
            margin: 0;
            position: absolute; }
          .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close {
            position: absolute;
            top: 5px;
            left: 138px; }
            @media screen and (min-width: 993px) and (max-width: 1024px) {
              .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close {
                left: 124px; } }
            @media screen and (min-width: 768px) and (max-width: 992px) {
              .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close {
                left: 90px; } }
            @media (max-width: 767px) {
              .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close {
                top: 2px;
                left: 120px; } }
            @media (min-width: 300px) and (max-width: 375px) {
              .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close {
                left: 105px;
                top: 6px; } }
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close .save-text {
              font-size: 20px;
              color: #00A3E7;
              font-family: 'ProximaNova-Regular';
              padding-right: 7px;
              cursor: pointer;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
              @media screen and (min-width: 768px) and (max-width: 992px) {
                .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close .save-text {
                  font-size: 16px; } }
              @media (max-width: 767px) {
                .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close .save-text {
                  font-size: 20px;
                  padding-right: 11px; } }
              @media (min-width: 300px) and (max-width: 375px) {
                .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close .save-text {
                  font-size: 16px;
                  padding-right: 10px; } }
            .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close .cross-icon {
              position: relative;
              top: -2px; }
              @media screen and (min-width: 768px) and (max-width: 992px) {
                .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close .cross-icon img {
                  width: 11px; } }
              @media (max-width: 767px) {
                .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close .cross-icon img {
                  width: 16px; } }
              @media (min-width: 300px) and (max-width: 375px) {
                .autobid-table .auto-bid-table-header .table-content-grid .t-content-text-grid .t-content-text-item .edited-file .save-close .cross-icon img {
                  width: 14px; } }

.dropbtn {
  background-color: #00A3E7;
  color: white;
  cursor: pointer;
  border: 1px solid #fff;
  font-size: 18px;
  margin-top: 12px;
  margin-left: 15px;
  text-align: left;
  width: 130px;
  box-sizing: border-box;
  height: 40px;
  line-height: 36px;
  padding: 0 0 0 15px;
  font-family: proxima_novasemibold;
  position: relative;
  z-index: 8;
  border-radius: 20.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 767px) {
    .dropbtn {
      margin-top: 11px;
      margin-left: 31px;
      width: 124px;
      box-sizing: border-box;
      height: 38px;
      line-height: 37px; } }
  @media (min-width: 300px) and (max-width: 375px) {
    .dropbtn {
      margin-top: 10px;
      margin-left: 34px;
      width: 112px;
      height: 34px;
      font-size: 16px;
      line-height: 34px; } }
  .dropbtn:before {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    right: 16px;
    top: 14px;
    transform: rotate(-44deg);
    transition: 0.5s; }
    @media (max-width: 767px) {
      .dropbtn:before {
        right: 18px;
        top: 12px; } }
    @media (min-width: 300px) and (max-width: 375px) {
      .dropbtn:before {
        width: 8px;
        height: 8px;
        top: 11px; } }

.border-radius {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
  .border-radius:before {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    right: 15px;
    top: 16px;
    transform: rotate(137deg);
    transition: 0.5s; }
    @media (max-width: 767px) {
      .border-radius:before {
        right: 17px;
        top: 13px; } }
    @media (min-width: 300px) and (max-width: 375px) {
      .border-radius:before {
        top: 12px; } }

.dropbtn:hover, .dropbtn:focus {
  background-color: #00A3E7;
  color: #fff; }

#myInput {
  box-sizing: border-box;
  background-repeat: no-repeat;
  font-size: 14px;
  border: none;
  border: 1px solid #00A3E7;
  height: 30px;
  width: 110px;
  margin: 8px auto 0 auto;
  text-align: left;
  transition: 0.5s;
  border-radius: none; }
  @media (max-width: 767px) {
    #myInput {
      height: 37px; } }
  @media (min-width: 300px) and (max-width: 375px) {
    #myInput {
      height: 36px;
      width: 101px; } }

#myInput:focus {
  outline: 3px solid #ddd; }

.dropdown {
  position: relative;
  display: inline-block; }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  overflow: auto;
  z-index: 1;
  top: 52px;
  width: 130px;
  left: 196px;
  padding-bottom: 15px;
  max-height: 280px;
  overflow-y: auto;
  transition: 0.5s;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  @media (max-width: 767px) {
    .dropdown-content {
      top: 49px;
      width: 124px;
      left: 213px; } }
  @media (min-width: 300px) and (max-width: 375px) {
    .dropdown-content {
      top: 43px;
      width: 112px;
      left: 196px; } }
  .dropdown-content button {
    color: black;
    padding: 6px 16px;
    margin: 0;
    text-decoration: none;
    display: block;
    background: transparent;
    width: 100%;
    text-align: left;
    font-size: 20px;
    font-family: 'ProximaNova-Regular';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media (max-width: 767px) {
      .dropdown-content button {
        font-size: 19px;
        padding: 12px 19px; } }
    @media (min-width: 300px) and (max-width: 375px) {
      .dropdown-content button {
        font-size: 18px; } }
    .dropdown-content button:hover, .dropdown-content button:focus {
      background-color: #00A3E7;
      color: #fff; }

.show {
  display: block; }