/* www.bokartid.se */

/* Dropdown Right Button */
.bt_kommentar_btn {
  background-color: #141414;
  color: #ccc;
  padding: 7px 5px 7px 5px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.bt_kommentar_btn_dark {
  background-color: #eee;
  color: #555;
}

/* Dropdown button on hover */
.bt_kommentar_btn:hover {
  color: white;
  background-color: #1a1a1a;
}
.bt_kommentar_btn_dark:hover {
  color: black;
  background-color: #e2e2e2;
}


/* Dropdown Content (Hidden by Default) */
.bt_kommentar-content {
  display: none;
  position: relative;
  background-color: #101010;
  width: 800px;
  max-width: 100%;
  height: 260px;
  max-height: 100%;
  z-index: 1;
}
.bt_kommentar-content_dark {
  display: none;
  position: relative;
  background-color: #fffbfb;
  width: 800px;
  max-width: 100%;
  height: 260px;
  max-height: 100%;
  z-index: 1;
}

/* Dropdown Right Button */
.bt_copy_btn {
  background-color: #141414;
  color: #ccc;
  padding: 4px 7px 5px 7px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.bt_copy_btn_dark {
  background-color: #eee;
  color: #555;
}

/* Dropdown button on hover */
.bt_copy_btn:hover {
  color: white;
  background-color: #1a1a1a;
}
.bt_copy_btn_dark:hover {
  color: black;
  background-color: #e2e2e2;
}


/* Dropdown Content (Hidden by Default) */
.bt_copy-content {
  display: none;
  position: relative;
  background-color: #181818;
  width: 140px;
  max-width: 100%;
  height: 35px;
  max-height: 100%;
  padding: 5px 0px 0px 5px;
  margin: 2px 0px 0px 0px;
  z-index: 1;
}
.bt_copy-content_dark {
  background-color: #eee;
}
#startCopy {
  cursor: pointer;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


@media screen and (max-width: 800px) {
  .bt_kommentar-content {
    height: 290px;
  }
  .bt_kommentar-content_dark {
    height: 290px;
    background-color: #fffbfb;
  }
}

@media screen and (max-width: 600px) {
  .bt_kommentar-content {
    height: 330px;
  }
  .bt_kommentar-content_dark {
    height: 330px;
    background-color: #fffbfb;
  }
}

@media screen and (max-width: 500px) {
  .bt_kommentar-content {
    height: 350px;
  }
  .bt_kommentar-content_dark {
    height: 350px;
    background-color: #fffbfb;
  }
}

@media screen and (max-width: 400px) {
  .bt_kommentar-content {
    height: 370px;
  }
  .bt_kommentar-content_dark {
    height: 370px;
    background-color: #fffbfb;
  }
}