body {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
   -ms-user-select: none;
       user-select: none;
  font-family: Arial;
}

table {
    color: white;
    background-color: #437FC7;
}
tbody {
    color: black;
    background-color: #fff;
    height: 150px;
    overflow: auto;
}
td {
    padding: 3px 10px;
}

input {
  width: 300px;
}

#search_panel {
  display: block;
}

.search_container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.results_container {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

#user_count {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

#start_search {
  width: 100px;
}



.list_btn, .hist_btn, .cphist_btn, .random_btn {
  width: 33px;
  height: 33px;
  margin: 0px;
  border-radius: 10px;
  background-color: #437fc7;
}

.list_img {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}



button {
  width: 100px;
  position: relative;
  margin:10px;
  background-color: #437fc7;
  border: solid;
  border-color: white;
  border-radius: 8px;
  font-size: 16px;
  color: #FFFFFF;
  padding: 5px;
  text-align: center;
  transition-duration: 0.4s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}

button:active {
  background-color: #2b425e;
}

thead > tr, tbody{ display:block;}

tr {
  cursor: pointer;
}

#entries tr.clicked { background: #6daefe88; }
#entries tr.highlight { background: #6daefe38; }

.littlebutton {
  border: medium none;
  color: #FFFFFF;
  height: 40px;
  top: 3px;
  width: 40px;
}

#channel_container{
  top: 0px;
}

#multi_container{
  position: fixed;
  left: 20px;
  top: 0px;
}

.channel_btn{
  display: block;
  background-color: #437fc7;
  border: medium none;
}

.channel_option{
  display: block;
  border: medium none;
}


#links_container {
  position: fixed;
  right: 170px;
  top: 0px;
}

.links_btn {
  display: block;
  position: relative;
  background-color: #437fc7;
  border: medium none;
}

.links_option{
  position: relative;
  display: block;
  border: medium none;
}




.role_btn{
  background-color: #437fc7;;
  left: 70px;
  position: fixed;
}


.zoomin_btn {
  background-color: #437fc7;;
  left: 85px;
  position: fixed;  
  width: 33px;
  height: 33px;
  margin: 0px;
  border-radius: 10px;
  background-color: #437fc7;
}
.zoomout_btn {
  background-color: #437fc7;;
  left: 135px;
  position: fixed;
  width: 33px;
  height: 33px;
  margin: 0px;
  border-radius: 10px;
  background-color: #437fc7;
}

.size_search_btn {
   background-color: #437fc7;;
   right: 120px;
   position: fixed;
}
.follow_btn{
  background-color: gray;
  right: 70px;
  position: fixed;
}
.lead_btn {
  background-color: #437fc7;;
  right: 20px;
  position: fixed;
}

.tippy-popper .tippy-tooltip.customized-theme * {
  background-color: rgb(195, 224, 32)!important;    
}

#svg {
  pointer-events: none;
}

.deleteBox {
  color: indianred;
}

#pdfframe {
  background-color: #e0e0e0;
}

#pdf {
  width: 100%;

}

#button-bar{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.page-button {
  position: relative;
  margin:3px;
  background-color: white;
  border-style: solid;
  border-color: #437fc7;
  border-width: medium;
  font-size: 16px;
  font-weight:bold;
  border-radius: 25px;
  color: #437fc7;
  padding: 5px;
  text-align: center;
  transition-duration: 0.4s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}

.pdf-page {
  margin:10px;
  box-shadow: 5px 5px 5px #c3c3c3;
}