/* html, body {margin: 0; height: 100%; overflow: hidden} */
/* @import "compass/css3"; */
/* .modal-content {
  width: 40%; 
}  */

.results_section{
    width: 85%;
}


.modal-dialog{
  margin: 1px;
}

.modal-header{
  /* width: 35vw;  */
  /* padding: 35px 85px; */
  padding: 2vw 5vw; /* Responsive padding */
  background-color: rgb(221, 243, 255);
}
.modal-body{
  /* width: 32vw;  */
  /* padding: 10px 35px; */
  padding: 2vw 4vw; 
  background-color: rgb(221, 243, 255);
}  
.modal-footer{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2vw; /* Responsive padding */
  margin: 0; /* Reset margin */
  /* padding: 40px;
  margin : 0px; */
  background-color: rgb(221, 243, 255);
}

/* .modal-footer{
  padding: 10px 35px;
}   */



.table-up, .table-down, .table-remove {
  font-size: 10px; /* Reduce font size */
  padding: 2px 4px; /* Adjust padding for smaller size */
  width: 20px; /* Set a fixed width */
  height: 20px; /* Set a fixed height */
  color: rgb(218, 218, 246);
}

.table-up .glyphicon, .table-down .glyphicon, .table-remove .glyphicon {
  font-size: 10px; /* Make the glyphicon smaller */
}


/* Table action buttons styling */
.table-up, .table-down, .table-remove {
  font-size: 10px; /* Reduced size for smaller buttons */
  padding: 2px 4px; /* Adjusted padding */
  width: 20px; /* Fixed width */
  height: 20px; /* Fixed height */
  cursor: pointer;
}

/* Make the glyphicon smaller for the action buttons */
.table-up .glyphicon, 
.table-down .glyphicon, 
.table-remove .glyphicon {
  font-size: 10px;
}

/* Hover effects */
.table-remove {
  color: #700;
}
.table-remove:hover {
  color: #f00;
}
.table-up, .table-down {
  color: #007;
}
.table-up:hover, .table-down:hover {
  color: #00f;
}

/* Add button styles consolidated */
.table-add {
  color: #070;
  cursor: pointer;
  top: 8px;
  right: 0;
}
.table-add:hover {
  color: #0b0;
}

/* Table layout */
.table-editable {
  table-layout: fixed;
  width: 99%;
  background-color: rgb(243, 236, 236);
}

/* Padding for table cells */
th, td {
  padding: 2px 0;
}

/* Optional: If .glyphicon outside buttons need different size */
.table-editable .glyphicon, 
.glyphicon-plus:before {
  font-size: 12px;
}