html {
  --lh: 1.4rem;
  line-height: var(--lh);
}

.rtl {
  direction: rtl;
}

.odaFrame {
	width:100%;
	height:auto;
	min-height:300px;
}
.btnAnalysis {
    overflow-x: hidden;
    white-space: normal; 
}
.studyList {
	overflow-y:auto;
}
.documentationList {
	overflow-y:auto;
}	
@media (max-width: 800px) {
	.odaFrame {
		padding-right: 15px;	
		padding-left:5px;
	}
	.card {
		border:0px !important;
	}
	.boxed-check-inline {
		width:105px;
		margin-left:.3rem;
		margin-top:.5rem;	
		
	}
	.card-body {
	    padding: 5px !important;
	}
	.col-lg-4 {
	    padding-right: 0px;
   	 	padding-left: 0px;
	}
	.col-lg-2 {
	    padding-right: 0px;
   	 	padding-left: 0px;
	}
	.col-lg-3 {
	    padding-right: 0px;
   	 	padding-left: 0px;
	}
}
@media   (min-width: 801px) and (max-width:1200px) {
 	.modal-lg {
    	max-width: 80% !important;
	}
	
 	.odaFrame {
		padding: 15px;
		margin-top:10px;	
	}

	.boxed-check-inline {
		width:105px;
		margin-left:.3rem;
		margin-top:.5rem;	
	}
	.card-body {
	    padding: 5px !important;
	}
	.col-lg-4 {
	    padding-right: 0px;
   	 	padding-left: 0px;
	}
	.col-lg-2 {
	    padding-right: 0px;
   	 	padding-left: 0px;
	}
	.col-lg-3 {
	    padding-right: 0px;
   	 	padding-left: 0px;
	}
}
@media   (min-width: 1201px) {
 	.modal-lg {
    	max-width: 80% !important;
	}
	
 	.odaFrame {
		padding: 15px;
		margin-top:10px;	
	}

	.boxed-check-inline {
		width:165px;
		margin-left:.3rem;
		margin-top:.5rem;	
	}
}


.odaFooter {
	font-size:smaller;
	font-style: italic;
}



.odaBtn {
	padding: 1px 3px !important;
	white-space: nowrap!important;
 
}
.odaBtnBar {
	padding: 1px 3px !important;
	white-space: nowrap!important;
	margin-left:12px;
 
}
.btn-odasmall {
    padding: .2rem .4rem !important;
    font-size: .700rem !important;
    line-height: 1.5 !important;
    border-radius: .2rem !important;
}


input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

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

.number-input {
  border: 2px solid #ddd;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 0.9rem;
  height: 0.9rem;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 1rem;
  height: 2px;
  background-color: #212121;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  max-width: 2rem;
  padding: .1rem;
  border: none;  
  font-size: 0.8rem;
  height:0.9rem;
  text-align: center;
}

.form-control-oda {
	height: calc(1.2em + .3rem + 2px) !important;
	padding: .15rem .5rem !important;
	font-size: .875rem !important;
	line-height: 1.2 !important;
	border-radius: .2rem !important;
}



.list-small {
   	font-size:smaller;
}	

.atenuado {
  opacity: 0.5 !important;
}

@media all and (min-width:801px) {
   .btnBlock { 
	   width: 100%; 
	   display:block; 
	   text-align:left !important;
	   margin-top:5px;
	   margin-bottom:5px;
	  }
}    
.zoom75 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}


 
.img-circle {
    border-radius: 50%;
}
img {
    vertical-align: middle;
}
img {
    border: 0;
}

 
div.gridbox {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.dhxform_textarea {
/*  border-radius: 10px; */
/*   -webkit-border-radius: 10px; */
  padding:5px;
}
 
 
.navbar a:not(.btn):not(.dropdown-item) {
    color: black !important;
}
 
select {
    font-size: 1.1em !important;
}
 
 
div.gridbox_dhx_web.gridbox table.obj tr.rowselected td {
	background-color: #dee2e6 !important;
    color: #000 !important;	
}
div.gridbox_dhx_web.gridbox table.obj tr td.cellselected{
	background-color: #dee2e6 !important;
/*     color: #fff !important;	 */
}
table.obj tr.rowselected td.cellselected {
    color: green;
}
 
table.obj td.cellselected {
    color: green;
}
.redondo {
   border-radius: 10px !important;
}
.clear {
	clear:both;
}  
.blanco {
	color: #ffffff;
}
.gray {
	color: gray;
}
 
div.gridbox_dhx_web.gridbox table.obj.row20px tr td {
    padding: 5px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

.country-list {
  max-height: 200px; /* Adjust the desired maximum height */
  overflow-y: auto; /* Enable vertical scroll if necessary */
  border: 1px solid #ccc; /* Optional: Add a border or customize as needed */
  padding: 10px; /* Optional: Add padding to the container */
}

.country-list ul {
  list-style-type: none; /* Remove bullet points from the list */
  margin: 0;
  padding: 0;
}

.country-list li {
  margin-bottom: 5px; /* Optional: Add spacing between each country item */
}

/* Add this CSS to your existing styles */
.custom-select-sm {
  font-size: 0.7rem; /* Adjust the font size as needed */
  padding: 0.1rem 0.2rem; /* Adjust the padding as needed */
}



.button-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

 
.continent-button {
    width: 50px; /* Adjust the size as needed */
    height: 50px; /* Adjust the size as needed */
    border: none;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.continent-button:hover {
    transform: scale(1.1);
}

#world {
    background-image: url("../img/world.png");
}

#africa {
    background-image: url("../img/africa.png");
}
#asia {
    background-image: url("../img/asia.png");
}


#europe {
    background-image: url("../img/europe.png");
}

#northamerica {
    background-image: url("../img/northamerica.png");
}

#southamerica {
    background-image: url("../img/southamerica.png");
}
#oceania {
    background-image: url("../img/oceania.png");
}

/* Apply a full-width background image */
.top-banner {
  width: 100%;
  overflow: hidden;
}

.top-banner img {
  width: 70%;
    margin-left: auto;
    margin-right: auto;
  height: auto;
  display: block;
}

#zoomButton {
  position: absolute;
  top: 5px;     /* Adjust to position the button where you'd like */
  left: 18px;   /* Adjust to position the button where you'd like */
  border: none;
  cursor: pointer;
  z-index: 1000; /* Ensure the button stays on top */
}

#zoomButton:focus {
    outline: none; 
}

 
.year-label {
  text-align: center;
  margin-top: 5px;
}
.section-buttons {
  display: flex;
  justify-content: space-between; /* Evenly distribute buttons */
  margin-bottom: 20px; /* Add spacing if necessary */
}

.section-button {
  flex: 1; /* Distribute available space evenly */
  padding: 10px 20px;
  background-color: #f0f0f0;
  border: none;
  text-align: center;
  cursor: pointer;
}

.section-button.active {
  background-color: #007bff; /* Emphasized button color */
  color: white;
}
.fixed-column-legend {
width:140px;
background-color: #f0f0f0;
}
.fixed-column-data{
width:100px;
}
.fixed-column-hdata{
width:100px;
background-color: #f0f0f0;
}

.overflowYDiv {
overflow-y: auto !important;	
}