.searchPanel {
   width: 650px;
   background-color: silver;
   border: 1px solid black;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   padding: 10px;
   margin: 10px;
   border-radius: 4px;
}

.signinPanel {
   width: 100%;
   background-color: pink;
   border: 1px solid black;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   padding: 10px;
   margin: 10px;
   border-radius: 4px;
}

.accountSwitch {
   background-color: orange;
}

.searchTab {
   float: left;
   min-height: 1.5em;
   font-size: 1em;
   margin: 5px;
   border: 1px solid gray;
   cursor: pointer;
   padding: 10px;
   color: gray;
   border-radius: 4px;
}

.searchTab:hover {
   border: 1px solid orange;
}


.getToken {
   float: right;
   font-size: 0.8em;
   border: 1px solid gray;
   cursor: pointer;
   padding: 10px;
   color: black;
   background-color: silver;
   border-radius: 4px;
   margin-right: 10px;
   width:20px;
   text-align:center;
}

.clearCache {
   float: right;
   font-size: 0.8em;
   border: 1px solid gray;
   cursor: pointer;
   padding: 10px;
   color: black;
   background-color: silver;
   border-radius: 4px;
   width: 20px;
   text-align: center;
}

.clearCache:hover {
   border: 1px solid rebeccapurple;
   color: rebeccapurple;
}

.adjust {
   float: right;
   font-size: 1em;
   margin: 5px;
   border: 1px solid gray;
   cursor: pointer;
   padding: 10px;
   color: dimgray;
   background-color: silver;
   border-radius: 4px;
   margin-top: -50px;
}

.adjust:hover {
   border: 1px solid rebeccapurple;
   color: rebeccapurple;
}

.searchTab.selected:hover {
   border: 1px solid orange;
}

.searchTab.selected {
   color: black;
}



.divTable {
   text-align: left;
   display: table;
   border-collapse: collapse;
}

.divTableCell {
   padding: 3px 18px;
   display: table-cell;
}

.divTableRow {
   display: table-row;
}

.divTableBody {
   display: table-row-group;
}

.divTableCell.right {
   text-align: right;
}






.searchingOverlay {
   position: fixed;
   z-index: 9999;
   top: 0;
   left: 0;
   width: 100%;
   min-height: 100%;
   background-color: black;
   opacity: 0.5;
}

.searching {
   text-align: center;
   padding: 1em;
   border: 1px solid black;
   background-color: white;
   z-index: 10000;
   position: fixed;
   min-width: 200px;
   min-height: 150px;
   top: 30%;
   left: 50%;
   transform: translate(-50%, -30%);
   -webkit-transform: translate(-50%, -30%);
   -moz-transform: translate(-50%, -30%);
}



.odd {
   background-color: cornsilk;
}

.even {
   background-color: blanchedalmond;
}


input[type="button"] {
   background: rgb(240, 240, 240);
   color: black;
   border-radius: 4px;
   font-size: 1em;
   padding: 10px 20px 10px 20px;
   cursor: pointer;
   border: 1px solid gray;
   margin: 3px;
}


.popUp {
   padding: 1em;
   border: 6px solid rgb(50, 50, 50);
   z-index: 10000;
   position: fixed;
   min-width: 500px;
   min-height: 150px;
   max-height: 90%;
   top: 30%;
   left: 50%;
   transform: translate(-50%, -30%);
   -webkit-transform: translate(-50%, -30%);
   -moz-transform: translate(-50%, -30%);
   background-color: rgb(240, 240, 240);
   border-radius: 6px;
   color: black;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   font-size: 14pt;
}

.close {
   float: right;
   margin-top: -30px;
   margin-right: -30px;
   cursor: pointer;
   color: white;
   border: 6px solid rgb(50, 50, 50);
   border-radius: 30px;
   background: rgb(110, 110, 110);
   font-size: 31px;
   font-weight: bold;
   display: inline-block;
   line-height: 0px;
   padding: 11px 3px;
   position: relative;
}

.close:before {
   content: "\00d7";
}


.padlock {
   color: goldenrod;
   float: right;
   margin-top: 0;
   margin-left: 250px;
   position: absolute;
   top: 50%;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.loginMessage {
   text-align: center;
   font-size: 0.8em;
   color: red
}

.fa-spin.spin-reverse {
   -webkit-animation-direction: reverse;
   -moz-animation-direction: reverse;
   animation-direction: reverse;
}
}