/** Style made by kapil **/

.qd_link {
  background-color: rgb(170, 42, 22);
  width: 75%;
  height: 40px;
  border-radius: 20px;
  text-align: center;
  font-size: 0.95rem;
  color: white;
  letter-spacing: 0;
  display: block;
  position: absolute;
  bottom: 1.25rem;
  left: 12%;
  border: unset;
  cursor: pointer;
}

.tile {
  border-radius: 10px;
  filter: drop-shadow(15px 15px 15px rgba(16, 37, 61, 0.2));
}

.content {
  background-image: linear-gradient(0deg, rgba(219, 231, 255, 1) 0%, rgba(235, 244, 255, 1) 100%);
  height: 100%;
  margin-bottom: 0;
  color: rgb(49, 46, 65);
  min-height: 100vh;
}

.slim_body {
  margin: 10px 10rem;
}

.h-185 {
  height: 185px;
}

.h-250 {
  height: 250px;
}

.h-300 {
  height: 300px;
}

.h-400 {
  height: 400px;
}

.h-50- {
  height: 185px;
}

.h-50-:first-of-type {
  margin-bottom: 30px;
}

.row {
  margin-bottom: 30px;
}

.jumbotron {
  padding: 2rem 2rem;
}

.text_with_icon {
  display: table;
  margin-bottom: 4px;
  width: 100%;
}

img.table_component {
  width: 26px;
  height: 26px;
  vertical-align: middle;
}

.table_component {
  display: table-cell;
  vertical-align: top;
  padding-left: 2%;
  color: rgb(49, 46, 65);
  width: 90%;
}

#resources-page .table_component {
  font-size: 0.8rem;
}

h5 {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0;
}

.bg-light {
  background-color: white !important;
}

.app_image_as_bg {
  overflow: hidden;
  text-align: center;
  background-size: cover;
  background-position: center center;
  height: calc(100% - 2em);
  width: 100%;
}

.bg-image-no-change {
  background-size: contain;
  background-repeat: no-repeat;
}

.d-flex {
  margin-right: 10rem;
}

.btn:focus {
  box-shadow: unset;
}

.btn.disabled, input[type=submit][disabled] {
  background-color: #4d3a356b;
  cursor: unset;
}

.card-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.val_app_1 {
  background-image: url("../static/app_images/1_conv_qual_single_with_ref.png");
}
.val_app_2 {
  background-image: url("../static/app_images/2_conv_qual_single.png");
}
.val_app_3 {
  background-image: url("../static/app_images/3_fact_qual_with ref.png");
}
.val_app_4 {
  background-image: url("../static/app_images/4_fact_qual.png");
}
.val_app_5 {
  background-image: url("../static/app_images/5_conv_qual_multi_with_ref.png");
}
.val_app_6 {
  background-image: url("../static/app_images/6_fact_qual_multi_with ref.png");
}
.val_app_7 {
  background-image: url("../static/app_images/7_conv_quant_with ref.png");
}
.val_app_8 {
  background-image: url("../static/app_images/8_conv_quant.png");
}
.val_app_9 {
  background-image: url("../static/app_images/9_fact_quant_single_with ref.png");
}
.val_app_10 {
  background-image: url("../static/app_images/10_fact_quant_single.png");
}
.val_app_11 {
  background-image: url("../static/app_images/11_conv_quant_multi_with ref.png");
}
.val_app_12 {
  background-image: url("../static/app_images/12_fact_quant_multi_with ref.png");
}
.val_app_13 {
  background-image: url("../static/app_images/13_fact_quant_multi.png");
}

.ver_qual {
  background-image: url("../static/app_images/qualitative_app_veri.png");
}

.ver_quant {
  background-image: url("../static/app_images/quantitative_app_veri.png");
}

.self_start {
  background-image: url("../static/app_images/self_start.png");
}

.welcome_image {
  background-image: url("../static/app_images/welcome_image.png");
}

.quickstart {
  background-image: url("../static/app_images/quickstart_guide.png");
}

.showcase_database {
  background-image: url("../static/app_images/showcase_database.svg");
}

.brainstorm {
  background-image: url("../static/app_images/brainstorm.png");
}

.validation_reports {
  background-image: url("../static/app_images/validation_reports.png");
}

.feedback {
  background-image: url("../static/app_images/feedback.png");
}

.verification_reports {
  background-image: url("../static/app_images/verification_reports.png");
}

.showcase_multilab {
  background-image: url("../static/app_images/showcase_multilab.png");
}


.showcase_qual_rtpcr {
  background-image: url("../static/app_images/showcase_qualitative_rtpcr.png");
}

.showcase_quant_rtpcr {
  background-image: url("../static/app_images/showcase_quantitative_rtpcr.png");
}

.showcase_ddpcr {
  background-image: url("../static/app_images/showcase_ddpcr.png");
}

.showcase_metabarcoding {
  background-image: url("../static/app_images/showcase_metabarcoding.png");
}

.opaque {
  opacity: 0.2;
}

.header_info {
  background-image: url("../static/app_images/circle-info-solid.svg");
  filter: invert(60%) sepia(23%) saturate(1038%) hue-rotate(325deg) brightness(89%) contrast(96%);
}

.version_block {
  color: gray;
  right: 280px;
  position: relative;
}

.card_text_left {
  width: 65%;
  display: inline-block;
  vertical-align: top
}

.card_text_left .qd_link {
  left: 1.25rem;
  right: 40%
}

.card_image_right {
  width: 30%;
  height: 90%;
  display: inline-block
}

.icon_in_button {
  height: 20px;
  width: 20px;
  display: inline-block;
  position: relative;
  top: 4px;
}

.btn.qd_link.background_notifications {
  right: 170px;
  left: unset;
  bottom: unset;
  background-color: transparent;
}