.container{
	position: relative;
	top: 300px;
	width: 1140px;
	height: 1903px;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}

 .row {
 	position: relative;  	
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
} 

.row.g-mb-40 { 	
    margin-left: 15px;
}

.col-lg-12.g-mb-40.g-mb-0--lg{
	margin-left: -10px;	
} 

.col-lg-12 {
	margin-bottom: 20px;
}

#participation_map {  	
	left: 480px;  
	width: 500px;
	height: 300px;		
}

#data_table {
	margin-top: 10px;
	width: 850px;
}

#overview {
	margin-left: -2px;
}

#overall_statistics {
	margin-left: -10px;
}

.row-g-mb-40 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 855px;
} 

.col-lg-6-cntr{
	position: relative;
	text-align: center;
}

.card {
    position: relative;    
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;   
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;    
}

.ui-panel-title {
	position: absolute;
	top: 10px;
	left: 140px;
	font-weight: 100;	
} 

#how_to-participate {
	margin-top: 10px;
	margin-left: -10px;	
}

#card_border_0 {
	width: 840px;
}

#particition_image_cntr {
	margin-top: 10px;
	margin-left: -10px;	
}

#particition_map_cntr {
	width: 840px;
}

#drug_content{	
	text-align: center;
}

.drug-page-content{
	display: grid;
	grid-template-columns: minmax(0, 1fr) 230px;
	gap: 24px;
	box-sizing: border-box;
	padding: 24px;
	width: 100%;
	max-width: 100%;
	align-items: start;
}

.drug-list-column,
.drug-table-column,
.drug-links {
	min-width: 0;
}

.drug-list{
	column-count: 4;
	column-gap: 40px;
	margin: 0;
}

.drug-main {
	min-width: 0;
}

.drug-section{
	background: #ffffff;
	border: 1px solid #d7dee8;
	padding: 22px;
	margin-bottom:24px;
	box-sizing: border-box;
}
.drug-section h2 {
	margin-top: 0;
	color: #243b5a;
}

.drug-summary-table {
	margin-bottom:28px;
}
.drug-substance-title{
	margin:24px 0 12px;
}
.substance-percent-table th{
	background: #f3f6fa;
	color: #243b5a;
	font-weight:bold;
}
.substance-percent-table{
	padding-top: 32px;
}
.percent-wrap{
	display:flex;
	align-items:center;
	gap:12px;
}
.bar-bg {
	width: 100%;
	height: 14px;
	background: #e9edf3;
	border-radius: 20px;
	overflow: hidden;
}
.bar-fill {
	height: 100%;
	border-radius: 20px;
}

.drug-bar {
	background: linear-gradient(90deg, #1d4ed8, #3b82f6);
}
.narcotic-bar {
	background: linear-gradient(90deg, #dc2626, #f87171);
}
.tranquilizer-bar {
	background: linear-gradient(90deg, #7c3aed, #a78bfa);
}
.synthetic-bar {
	background: linear-gradient(90deg, #059669, #34d399);
}
.drug-links {
	width: 230px;
	min-width: 230px;
	display:flex;
	flex-direction:column;
	gap:20px;
}

.drug-table-cases {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	background:#fff;
}
.drug-table-cases td {
	border: 1px solid #c7ced8;
	padding: 9px 12px;
	vertical-align: top;
}

.drug-table-cases td:last-child{
	text-align: right;
}

.drug-table {
	width: 100%;
	border-collapse: collapse;
	background:#fff;
}

.drug-table th,
.drug-table td {
	border: 1px solid #c7ced8;
	padding: 9px 12px;
	vertical-align: top;
}
.drug-table td:first-child {
	text-align: left;
	white-space: nowrap;
}

.drug-table td:last-child{
	text-align: right;
}

.top25-table th:last-child {
	white-space: nowrap;
}

.top25-table{
	width: 100%;
	border-collapse: collapse;
}

.top25-table th:first-child{
	width: 50px;
	font-weight:bold;
}

.top25-table th {
	background: #f3f6fa;
	text-align: left;
	white-space: nowrap;
	text-align:center;
}

.top25-table td {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 12px;
}

.child-drug {
	padding-left: 30px !important;
	font-style: italic;
	color: #666;
}

@media screen and (max-width: 1000px) {
	.drug-page-content {
	grid-template-columns: 1fr; 
	}
	.drug-links {
	width: 230px;
	min-width: 230px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	}
	.big-btn{
	display: block;
	width: 100%;
	margin-right: 0%;
	}
}

.drug-list li {
	margin-bottom: 6px;
	break-inside: avoid;
}


.drug-bg-50 {
    background-color: 
    rgba(76, 15, 57, 0.5);
}

.progress {
    font-size: 1rem;
    line-height: inherit;
    height: 3px;
    background-color: #eee;
}

.survey_link.ui-link.ui-widget {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #5e5e5e;
	font-size: 14px;	
}

.faq_link.ui-link.ui-widget {
	position: absolute;
	top: 30px;
	left: 0px;
	color: #5e5e5e;	
	font-size: 14px;
}

.participation_links{
	width: 100%;
	height: 100px;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

.participation_image{
	width: 100%;
	height: 700px;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

.participation_map{
	position: relative;
	width: 100%;
	height: 700px;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	border: 1px solid #e5e5e5;
}


.ui-panel-content.ui-widget-content {
	/* padding-right: 10px; */
	width: 427px;
	height: 284px;	
}

.drug-bg-75 g-color-white g-pa-25,.ui-panel,.ui-widget,.ui-widget-content{
	/* color: yellow; */ 
}


.ui-panelgrid-cell.ui-widget-header {    
    background:  #2c65ba;
    color: white;    
    border: none;
}

.ui-link.ui-widget {      
    color: white;   
    text-decoration: none;
    font-size: 16px;
}

.content_dashboard1_title, .content_dashboard2_title, .content_dashboard3_title, .ui-panel-titlebar {
	background-color: transparent;	
	border: none;
	color: white;
	width: 220px;
}  

.content_dashboard1_title, .content_dashboard2_title, .content_dashboard3_title, .ui-panel {
	background-color: transparent;	
	color: white;	
	font-size: 28px;		
    height: 280px;
    width: 250px;   
}  


#drug {
	position: relative;	
	background-color: #4c0f39;	
	width: 256px;	
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.drug_container {
	position: absolute;
	top: 55px;		
	left: 325px;
	height: 1903px;
	widht: 225px;		
}

.rounded-0 {
    border-radius: 0 !important;
    margin-top: 50px;
}

#data_thing1{
	width: 427px;
	height: 284px;
}

/* #data_thing1_context{
	width: 427px;
	height: 284px;
} */

.drug-bg-75 {
    background-color: 
    rgba(76, 15, 57, 0.75);
    color: #fff;
}

.content_drug_image1 {
	position: absolute;
	top: 10px;
	left: 5px;
	/* transform: rotateZ(90deg);
	padding: 0px;
	float: left; */
}

.content_drug_image2 {
	position: absolute;
	top: 10px;
	left: 12px;
	transform: rotateZ(90deg);
	padding: 0px;
	float: left;
}

.content_drug_image3 {
	position: absolute;
	top: 10px;
	left: 12px;
	transform: rotateZ(225deg);
	padding: 0px;
	float: left;
}

.content_drug_text_counter{
	position: absolute;
	top: 60px;
	left: 140px;
	color : white;	
	text-align: center;
	font-size: 14px;
}

.content_drug_image_caption {
	position: absolute;
	top: 125px;
	left: 15px;
	color: white;
	font-size: 14px;
}

.content_drug_image_sub_caption {
	position: absolute;
	top: 150px;
	left: 15px;
	color: white;
	font-size: 16px;
	font-weight: 600;
}

.content_dashboard_link.ui-link,ui-widget {
	position: absolute;
	top: 185px;
	left: 280px;
	color: white;
	font-size: 14px;
	font-weight: 600;
}

.content_star_image {	
	width: 20px;
	height: 20px;		
}

.content_rocket_image {	
	width: 20px;
	height: 25px;	
}

#content_news_sub_header1{
	text-indent: 20px;	
	color: black;
}

#content_news_sub_header2{
	text-indent: 20px;	
	color: black;
} 



.content_dashboard2 {  
	position : absolute;
	top: 55px;		
	left: 40%;	
	right: 40%;
	width: 350px; 				
}

.content_dashboard3 {
	position : absolute;
	top : 55px;
	right: 180px;			
	width: 350px;		
}


#content_heading_body1 {
	position : absolute;
	top : 325px;
	left: 225px;
	width: 700px;
	height: auto;
	border: none;		
}

#content_heading_body2 {
	position : absolute;
	top : 500px;
	left: 225px;
	width: 700px;
	height: auto;
	border: none;
}

#content_heading_body3 {
	position : absolute;
	top : 325px;
	left: 990px;
	width: 400px;
	height: auto;
	border: none;
} 

.content_news_text2 {
	position : absolute;
	top: 280px;
	left: 10px;	
}

.content_heading_text {
	border-top: 1px solid #acacac;
	padding-top: 20px;
	margin: 0px;
}

#participation_map {  
	position : absolute;
	top : 1180px;	
	left: 480px;  
	width: 750px;
	height: 500px;		
}

button:hover {
	outline: 1px double #e0e0e0;
}

a:hover{
	outline: 1px double #e0e0e0;
}

#content_news_sub_header_link{
	position: absolute;
	top: 200px;
	color: #0099ff;
}

 .quick_links {
	margin-top: 20px;
	text-decoration: none;
}

#quick_links_header {
	border-bottom: 1px solid #acacac;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 400px;
	font-weight: 100;
} 


#quick_links1, #quick_links2, #quick_links3 {
	font-size: 18px;
	text-decoration: none;
	border: 2px lightgrey;
	color: #2a619c;	
	opacity: .8;
	font-size: 15px;
}

.quick_links tr td {
	border: 1px  solid #e4e4e4;
	width: 400px;
}

h3, h4, #news_header {
	margin-bottom: 30px;	
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	border-bottom: none;
	font-weight: 100;
	opacity: .7;
}

#participation_heading{		
	border-bottom: 1px #a2a2a2;
	font-weight: 100;
}

#heading_header {		
	border-bottom: 1px #a2a2a2;	
	font-weight: 100;
}

#image_login_panel > ul {
	position: absolute;
	top: 180px;
	right: 400px;
	font-size: 20px;
	color: transparent;
}

#footer {	
	position : absolute;
	top : 2450px;	
	height: 300px;	
	left: 0px;
	right: 0px;
	color : white;	
	background-color: #1a1a1a;	
}

.background_image_drug {
	position: absolute;
	top: 120px;
	left: 0px;
	height: 150px;
	filter: brightness(50%);
}

@media screen and (max-width: 1600px) {
       /* .container {
         	position: absolute;
			top: 300px;
			left: 150px;			
			width: 1140px;
			height: 1903px;
			padding-right:15px;
			padding-left:15px;
			margin-right:auto;
			margin-left:auto                                  
      }       */
      
     /* #main_container {
      	color: yellow;
      }  */
}

@media screen and (min-width: 1800px) {
/* 
	      #main_container {
      	color: pink;
      } */
	
}