.basic-content.white h2 			{ font-weight: bold; font-size: 30px; color: #7F7F7F;}
.basic-content.white .content 		{ width: 100%; display: inline-block; vertical-align: top; font-size: 20px; padding-right: 20px; margin-bottom: 30px; }

.basic-content.white .content p 		{ padding: 5px 0 5px 0; font-size: 16px; }
.basic-content.white .content a 	{ font-weight: bold; color: #7F7F7F !important; }
.basic-content.white .content ul 		{ list-style-type: circle; margin-left: 20px; }
.basic-content.white .content small 	{ display:block; margin-top: 15px; font-size: 14px; }
.basic-content.white .image 			{ width: 49%; display: inline-block; text-align: center; }

.basic-content.white .image img 		{ width: 68%; }

.basic-content.white h2 				{ margin-bottom: 35px; font-size: 22px; }
.basic-content.white strong 			{ font-weight: bold; }

@media screen and (max-width:980px){
	.basic-content.white .content{
		width: 100%;
		display: block;
		padding-top: 20px;
	}
	.basic-content.white .content 		{ padding-right: 0px; }
	.basic-content.white .image{
		width: 100%;
		display: block;
		margin-top: 20px;
	}

	.basic-content.white .image img{
		width: 100%;
		height: auto;
	}
	.basic-content.white h2 	{ padding-top: 5%; margin-bottom: 0; }
}

/* promo_page_dercos-09-03-2026 */
.basic-content.white.promo_page_dercos-09-03-2026 .content a 		{ font-weight: normal; text-decoration: underline; }
.basic-content.white.promo_page_dercos-09-03-2026 .content 		{ width: 100%; }
.basic-content.white.promo_page_dercos-09-03-2026 .image 	 		{ width: 46.5%; text-align: right; padding-left: 2%; }
.basic-content.white.promo_page_dercos-09-03-2026 .image img 		{ width: 100%; }
.basic-content.white.promo_page_dercos-09-03-2026 .small 			{ font-size: 13px; margin-top: 10px; }

.basic-content.white.promo_page_dercos-09-03-2026 p, 				
.basic-content.white.promo_page_dercos-09-03-2026 ol 				{ font-size: 16px; margin-bottom: 15px; }
.basic-content.white.promo_page_dercos-09-03-2026 li 				{ list-style: decimal; padding-left: 10px; margin-left: 15px; }
.basic-content.white.promo_page_dercos-09-03-2026 h2 				{ color: #000000; font-size: 22px; font-weight: normal; }
.basic-content.white.promo_page_dercos-09-03-2026 h3 				{ margin: 15px 0; }
.basic-content.white.promo_page_dercos-09-03-2026 h3 .blue			{ font-weight: bold; color: #2F5496; }
.basic-content.white.promo_page_dercos-09-03-2026 h3 .gray			{ font-weight: bold; color: #767171; }
.basic-content.white.promo_page_dercos-09-03-2026 h3 .red			{ font-weight: bold; color: #C00000; }
.basic-content.white.promo_page_dercos-09-03-2026 h3 .yellow			{ font-weight: bold; color: #FFC000; }

@media screen and (max-width:980px){
	.basic-content.white.promo_page_dercos-09-03-2026 .content{
		width: 100%;
		display: block;
		padding-top: 20px;
	}
	.basic-content.white.promo_page_dercos-09-03-2026 .image{
		width: 100%;
		display: block;
		margin-top: 20px;
	}

	.basic-content.white.promo_page_dercos-09-03-2026 .image img{
		width: 100%;
		height: auto;
	}
}

/* Datatables */

.basic-content.white .pharmacies{ margin: 0px 0px;}
.basic-content.white .pharmacies .btn {  font-size: 18px; font-weight: bold; }
.basic-content.white select{ padding: 5px; margin-bottom: 20px;}
.basic-content.white .dataTables_wrapper .dataTables_filter { float: right; text-align: right; visibility: hidden; display: none;}

.try-and-buy-2022-01-18 .basic-content.white i{ font-style: italic; }





/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* button */
#try-and-buy-2022-01-18-Btn{
	border-color: #7F7F7F;
	margin-top: 20px;
}
#try-and-buy-2022-01-18-Btn .btn-bg::before{
	background-color: #7F7F7F;
}
/* button */

.button:not(.disabled)#try-and-buy-2022-01-18-Btn:hover,
.button:not(.disabled)#try-and-buy-2022-01-18-Btn .hover{
	color: #7F7F7F;
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 70%;
}

.modal-content a{
	margin: 0 0 20px 20px;
	position: relative;
    display: inline-block;
}

.modal-content a img{
	border: 1px solid #ccccd8;
}

@media screen and (max-width:980px){
	.modal-content a{
		margin: 0;
	}
	.modal-content a img{
		width: 100%;
	}
}

/* The Close Button */
.modal_close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.modal_close:hover,
.modal_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}



/* Dercos 09.03.2026. */

      .dercos-09-03-2026 .data-grid {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
      }

      .dercos-09-03-2026 .grid-header {
        display: grid;
        grid-template-columns: 1.3fr 1.6fr 0.7fr 0.8fr;
        gap: 0.75rem;
        background-color: #C5161D;
        color: #fff;
        padding: 0.85rem 1rem;
        border-radius: 10px;
        font-weight: 700;
      }

      .dercos-09-03-2026 .grid-body {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
		padding-bottom: 20px;
      }

      .dercos-09-03-2026 .grid-row {
        display: grid;
        grid-template-columns: 1.3fr 1.6fr 0.7fr 0.8fr;
        gap: 0.75rem;
        padding: 1rem 1.25rem;
        border-radius: 10px;
        border: 1px solid #e4e4e4;
        background: #fff;
      }

      .dercos-09-03-2026 .grid-cell {
        font-size: 16px;
        color: #000000;

      }



      @media (max-width: 900px) {
        .dercos-09-03-2026 .grid-header,
        .dercos-09-03-2026 .grid-row {
          grid-template-columns: 1.3fr 1.6fr 0.7fr 0.8fr;
        }
      }

      @media (max-width: 720px) {
        .dercos-09-03-2026 .grid-header {
          display: none;
        }

        .dercos-09-03-2026 .grid-row {
          grid-template-columns: 1fr;
          gap: 0.5rem;
          padding: 1rem;
        }

        .grid-cell {
          display: flex;
          flex-direction: column;
          font-size: 0.95rem;
          background: #f7f7f7;
          border-radius: 10px;
          padding: 0.65rem 0.75rem;
		  text-align: center;
        }

        .grid-cell::before {
          content: attr(data-label);
          font-size: 14px;
          text-transform: uppercase;
          color: #C5161D;
		  font-weight: 700;
          margin-bottom: 7px;
        }
      }


/*
@media screen and (max-width:320px){}
@media screen and (min-width:320px){}
@media screen and (max-width:319px){}
@media screen and (max-width:359px){}
@media screen and (min-width:360px){}
@media screen and (max-width:550px){}
@media screen and (min-width:550px){}
@media screen and (max-width:640){}
@media screen and (max-width:549px){}
@media screen and (max-width:750px){}
@media screen and (min-width:750px){}
@media screen and (max-width:749px){}
@media screen and (max-width:980px){}
@media screen and (min-width:980px){}
@media screen and (max-width:979px){}
@media screen and (max-width:1200px){}
@media screen and (min-width:1200px){}
@media screen and (max-width:1199px){}
@media screen and (min-width:1367px){}
@media screen and (max-width:1366px){}
@media screen and (max-width:1400px){}
@media screen and (min-width:1400px){}
@media screen and (max-width:1399px){}
@media screen and (max-width:1600px){}
@media screen and (min-width:1600px){}
@media screen and (max-width:1599px){}
*/