.wrapper {
  width: 100%;
  height: 98%;
  margin-right:5%;
/*   display: flex; */
  flex-wrap: wrap;
 overflow-y: scroll;
}

@arrowColor: #ffcc00;
@arrow: escape('@{arrowColor}');


.customtextbox{
	text-align:center;
	display:block;
	background-color:white;

  border-radius:2px;
  border: medium solid;
  color: black;
  border-color:yello;
  font-size: 4vmin;
}

.customdropdown{
	text-align:center;
    display:block;
	background-color:white;

  border-radius:2px;
  border: medium solid;
  color: black;
  border-color:yello;
  font-size: 4vmin;
}
/* .wrapper > div {
  flex: 1 1 50%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
} */

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #db372a; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

/* .cc-kegp{
display:none !important;
} */

.wrapper-annouce {
  width: 100%;
  height: 98%;
  padding-right:5%;
  display: flex;
  flex-wrap: wrap;
 overflow-y: scroll;
}

.wrapper-annouce > div {
  flex: 1 1 50%;
  transition: 0.3s;
}

.styled-table {
    border-collapse: collapse;
/*     margin: 25px 0; */
    font-size: 0.9em;
    font-family: sans-serif;

	width: 95%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}

.styled-table th{
    font-size: 12px;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
	color: #ffffff;
	text-align: center;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

/* .styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
} */

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

.affiliate-container{
 color: #ffffff;
}