td.logocell {
  width:600px;
}

td.logocell > img {
  height:100px;
}

img.logoimage {
  width:600px;
}

div.searchresultsdiv {
  display:flex;
  flex-wrap:wrap;
  /*max-width: 860px;*/
}

.searchresult {
  display:flex;
  margin:4px;
  width:200px;
  padding:8px;
  border:1px solid #CFCFCF;
  background-color:#EFEFEF;
}

.searchresult:hover {
  border:1px solid #7F7F7F;
  background-color:#FFEFEF;
}

.searchresult .searchresultimagecolumn {
  text-align:center;
  vertical-align:top;
  width:100px;
}

.searchresult .searchresultimage {
  max-width:100px;
  /*max-height:100px;*/
}

.searchresult .searchresultoption {
  text-align:center;
  padding-left:0px;
  padding-right:0px;
  padding-top:4px;
  padding-bottom:4px;
  min-width:100px;
}

img.logoimage {

}

td.profiletabs {
  padding:0px;
}
td.profiletabs > a {
  text-decoration:none;
}
td.profiletabs > a > div {
  text-align:center;
  margin:0px;
  margin-top:8px;
  padding:8px;
  font-size:18px;
  font-weight:normal;
  transition:background-color 0.2s;
  -webkit-transition:background-color 0.2s;
}
td.profiletabs > a:hover > div {
  background-color:#CFCFCF;
}


/* put the "hide" classes last so they will dominate */

.hidebelow640px, div.hidebelow640px, span.hidebelow640px, table.hidebelow640px {

}
.hideabove640px, div.hideabove640px, span.hideabove640px, table.hideabove640px {
  display: none;
}

.videowindow {
  display:block;
  z-index:100;
  position:fixed;
  top:150px;
  left:150px;
  width:550px;
  height:450px;
  padding:8px;
  border:1px solid black;
  background-color:#ffffcf;
  box-shadow: 0 0 10px 10px #5f4f0f  
}

.videoplayer {
  width:500px;
}


.callscheduler {
  position:fixed;
  top:2vh;
  left:10px;
  height:80vh;
  width:300px;
  padding:32px;
  border:1px solid black;
  background-color:#ffffaf;
  z-index:120;
  border-radius:8px;
  box-shadow:0 0 5px 5px #ffaf7f  

}


.chatgreetingwindow {
  position:fixed;
  left:140px;
  top:140px;
  width:300px;
  height:200px;
  border:1px solid black;
  padding:16px;
  background-color:#ffffef;
  z-index:120;
  box-shadow: 10px 10px 5px grey  
}


div.mymessage {
  margin:4px;
  border-radius:8px;
  padding:4px;
  white-space:pre-wrap;
  border: 1px solid #afafaf;

  margin-left:120px;
  background-color:#ffffbf;
}
div.hismessage {
  margin:4px;
  border-radius:8px;
  padding:4px;
  white-space:pre-wrap;
  border: 1px solid #afafaf;

  margin-right:120px;
  background-color:#dfdfff;
}

div.chatnotify {
  position:fixed;
  right:25vw;
  bottom:20px;
  width:300px;
  border:1px solid black;
  padding:0px;
  background-color:#ffffff;
  box-shadow: 10px 10px 5px grey;
  z-index:200;
  overflow:hidden;
}


.sendmessagemaindiv {
  display: flex;
  flex-direction:row;
}

.sendmessageimagediv {
  display:flex;
  flex-direction:row;
  width:50vw;
  height:auto;
  overflow-x:scroll;
  border:1px solid #AFAFAF;
  padding:8px        
}

.mailviewimagediv {
  position:fixed;
  z-index:100;
  top:5vh;
  left:10vw;
  max-width:400px;
  max-height:90vh;
  background-color:rgba(160, 160, 160, 0.3);
  border:1px solid #7f7f7f;
  border-radius:8px;
  padding:12px;
  box-shadow: 10px 10px 5px grey;
  backdrop-filter:blur(2px);
}
.mailviewimagediv > div {
  max-width:380px;
  max-height:85vh;
}

.mailviewimagediv > div > img {
  max-width:380px;
  max-height:85vh;
}

div.flexhidebelow640px {
  display: flex;
  margin:4px;
}
div.flexhideabove640px {
  display: none;
  margin:4px;
}

.contactimg {
  max-height:100px;
  max-width:100px;
}

.mainimage_responsive {
    max-width:100%;
}

.adimage_responsive {
    max-width:100%;
}