.topnav {overflow: hidden; background-color: #333; margin-bottom: 20px;}
.topnav a {float: left;color: #f2f2f2;text-align: center;padding: 14px 16px;text-decoration: none; font-size: 17px;}
.topnav a:hover {background-color: #ddd;color: black;}
.topnav a.active {background-color: #04AA6D;color: white;}

/* email list area */
.unread {font-weight:bold; background-color:#e4ffbc;}
.reademail {font-weight:normal; background-color:#eee; color:666;}
#email-list th{font-size:18px; color:#fff; background:#4B4B4B; border:0px;}
#email-list td,#email-list th {padding:6px 12px;}
.email-date {font-size:75%; text-align:right;}
.delete-email {text-align:right;}
#email-list tr:hover{background-color:#8A8A8A !important;color:#fff;}
#email-list tr:hover a{color:#fff;}

#view-email {background-color:#e8e8e8; margin-top:20px; padding:20px;}
.emailBody {background-color:#fff;padding:20px;}
.emailReplyBody textarea{width:100%;border:0px;padding:20px;}
.emailsubject {font-weight:bold;}
.emailsentdate {text-align:right;}

/* delegate list */ 
#delegate-list td{vertical-align:top;}
#delegate-list td.company{font-weight:bold;}
#delegate-list td span.title{font-style:italic;}
.bottom-border {border-bottom: 1px solid #000;;}

.upload_message_success {padding:4px; background-color:#009900; border:1px solid #006600;color:#FFFFFF;margin-top:10px;margin-bottom:10px;}

.upload_message_error {padding:4px;background-color:#CE0000;border:1px solid #990000;color:#FFFFFF; margin-top:10px; margin-bottom:10px;}

/*  login page */ 
#delegate-login {background-color:#e2e2e2; padding:20px; width:50%; margin: 0px auto}
#delegate-login h1 {margin-left: 120px;padding-bottom:20px;}
#delegate-login .msg {padding:10px 20px;margin-top:20px; background-color:#ffd1d1;}
#delegate-login label {width:100px;position: absolute; text-align: right;}
#delegate-login input {padding: 5px 10px; margin-left: 120px; width:250px}
#delegate-login .buttonBlue {background-color: #1959e8;padding: 10px 20px;font-weight: bold; color: #fff; border: 4px #888 solid;  margin: 9px 0 0 120px;}
#delegate-login .buttonforgot {background-color: #d2d2d2 ;padding: 4px 10px; color: #fff; margin: 9px 0 0 120px; border:0px;color:#777;}


.sendmail-button {background-color: #3970ec;padding: 10px 20px;font-weight: bold; color: #fff; border: 0px;  margin: 9px 0 0 120px;cursor: pointer;}

.hide {display:none;}
#delegatelist td, #edit-profile td{vertical-align: middle;}
#delegatelist td.delegate-image{width:90px;}
#delegatelist td.delegate-name{ font-weight:bold;font-size:15px;}
#delegatelist td.delegate-company{ font-weight:bold;}
#delegatelist td.delegate-title{font-style: italic;}


.switch {position: relative;display: inline-block;width: 30px;height: 17px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;
}
.slider:before {position: absolute;content: "";height: 13px;width: 13px;left: 2px;bottom: 2px; background-color: white;  -webkit-transition: .4s; transition: .4s;
}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(13px);}

/* Rounded sliders */
.slider.round {border-radius: 17px;}
.slider.round:before {border-radius: 50%;}

.message-tabs {
  display: flex;
  flex-wrap: wrap;
}

.message-tabs > div {
  width: 150px;
  padding: 10px 20px; 
  background-color: #929292;
  text-align: center;
  font-weight:bold;
}

.message-tabs > div a {color: #fff;}
.message-tabs > .active {background-color: #4B4B4B;}

#delegatelist_info {display:none !important;}
.notify {
    float: left;
    width: 25px;
    height: 25px;
    background-color: #DB0C84;
    border-radius: 50%;
    padding: 0;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.delegate-addtocontacts a {font-size:8px;text-align:center;line-height: 8px;}