.LanguageSwitcher {
  color: black;
}
.AltText {
  font-size: 0.85em;
}
.head-hover {
  color: red;
}
.progress-hover {
  color: red;
}
.progress-box {
  background: #ffffff;
  font-size: 0.975em;
}
.progress-btn{
  background-color: #ddbd82;
}
.progress-btn.v-btn--outlined{
  border: thick solid #ffffff;
}
.message-box {
  background-color: rgb(255, 249, 213);
  color: black;
}
.action-box {
  background: #e9eaee;
  font-size: 1em;
}
.action-hover {
  color: red;
}
.action-panel {
  font-size: 0.8em;
}
.action-head{
  background: #9297ab;
  color: #fffdfe;
}
.action-btn{
  font-size: 1.1em;
  background: #434b5e;
  color: #ddbd82;
  font-weight: bold;
}
.action-list-head{
  width: 21px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  background: require('../../assets/list-head.gif');
}
.staff-action-panel {
  font-size: 0.8em;
}
.staff-action-box {
  background: rgb(252, 226, 230);
  font-size: 0.75em;
}
.subAction {
  font-size: 0.65em;
  line-height: 1.3em;
}
.subAction-box {
  background: rgb(243, 236, 183);
  font-size: 0.7em;
}
.subAction-hover {
  background: lightgrey;
}
.flash-add{
  color: green;
}
.flash-sub{
  color: red;
}
.flash-back-add{
  background: green;
}
.flash-back-sub{
  background: red;
}
.member-flash-add{
  background: #c8edcc;
}
.member-flash-sub{
  background: #f8d0d1;
}
.icon-highlight {
  font-size: 1.25em;
  font-weight: bold;
}
.detail-head {
  background: rgb(221, 221, 221);
  vertical-align: middle;
}
.detail-detail {
  background: rgb(249, 249, 246);
}
.detail-box {
  background: rgb(243, 236, 183);
}
.style-head {
  background: rgb(221, 221, 221);
  font-size: 0.8em;
}
.style-box {
  background: rgb(243, 236, 183);
  font-size: 0.9em;
  color: black;
}
.style-confirm{
  background: #a7badb;
}
.staff-head {
  height: 110px;
  vertical-align: top;
}
.staff-head-away {
  height: 110px;
  vertical-align: top;
  background-color: #f2f2f2;
}
.staff-notice {
  font-size: 0.75em;
  font-weight: bold;
}
.member-head {
  font-size: 0.75em;
  line-height: 13px;
}
.member-detail {
  font-size: 1.2em;
  font-weight: bold;
}
.member-status-detail {
  font-size: 0.85em;
  font-weight: bold;
}
.member-background{
  background-color: #ffffff;
}
.member-selfintro{
  background-color: #eeeeee;
}
.profile-detail {
  font-size: 1em;
  color: black;
}
.platform {
  background: rgb(51, 50, 50);
}
.report-frame {
  background-image: url("/images/reporthead.jpg");
  background-size: cover;
  width: 1100px;
  height: 1650px;
  page-break-after: true;
}
.report-head-spacer {
  height: 500px;
}
.report-head-title {
  height: 500px;
  font-size: 10em;
  color: white;
}
.report-head-name {
  height: 400px;
  font-size: 5em;
  color: white;
}
.report-head-date {
  height: 100px;
  font-size: 2em;
  color: white;
}
.report-result-spacer {
  height: 200px;
}
.report-result-initial {
  color: blue;
}
.report-result-final {
  color: brown;
}
.report-result-text {
  color: white;
}
.drill-head-name {
  font-size: 1.5em;
  font-weight: bold;
}
.drill-head {
  font-size: 1.2em;
  font-weight: bold;
}
.drill-list-head {
  background: url("../../assets/leadershipinsea.png") no-repeat center center;
  position: obsolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.list-block{
  background-color: #f5f6f7;
}
.drill-header {
  background-color: #f5f6f8;
}
.action-btn-cn{
  font-size: 0.8em;
}
.action-btn-oth{
  font-size: 0.8em;
}
.header-btn.v-btn--outlined{
  border: solid #ddbd82;
}
.report-distribute {
  font-size: 0.78em;
  font-weight: bold;
}
.help-content {
  font-size: 0.8em;
}
.help-bar {
  background: rgb(184, 180, 180);
  font-weight: bold;
}
.help-img {
  text-align: center;
  display: block;
}
.value-hh {
  background: #20a434;
}
.value-mh {
  background: #20a434;
}
.value-ml {
  background: #fbc155;
}
.value-ll {
  background: #d70512;
}
.color-hh {
  color: #20a434;
}
.color-mh {
  color: #20a434;
}
.color-ml {
  color: #fbc155;
}
.color-ll {
  color: #d70512;
}
.mood-hh {
  background: #8ec896;
}
.mood-mh {
  background: #8ec896;
}
.mood-ml {
  background: #f2d8a7;
}
.mood-ll {
  background: #e07e7f;
}
.v-data-table > .v-data-table__wrapper > table > tbody > tr > td {
  font-weight: bold;
  font-size: 9px;
}
.chat-message {
  max-width: 12.5%;
  word-wrap: break-word;
  font-size: 0.8em;
}
.login-background {
  background-image: url("../assets/signinbackground.png");
  opacity: 85%;
  color: primary;
}
.login-text {
  font-size: 5em;
  color: #ddbd82;
}
.login-title{
  font-size: 0.275em;
}
.login-help{
  color: #ddbd82;
  font-size: 0.6em;
}
.login-page-background {
  background-image: url("../assets/loginbackground.png");
  width: 100%;
  height: 100%;
}
.signin-background {
  width: 100%;
  height: 100%;
  opacity: 60%;
}
.mainmenu{
  height: 20px;
}
.main-color{
  background-color: #434b5e;
}
.msg-frame{
  opacity: 90%;
  background-position: 0 0;
}
.msg-text{
  font-size: 1.1em;
  color: black;
}
.msg-btn{
  color: #ddbd82;
}
.app-color{
  color: #ddbd82;
  font-size: small;
}
.selecting-bar{
  background-image: url('../../assets/select.png');
  position: absolute;
  width: 100%;
  height: 100%;
}
.progress-bar{
  font-weight: bolder;
  color: aliceblue;
}
.progress-bar-large{
  font-weight: bolder;
  color: aliceblue;
  font-size: 1.5em;
}
.rank-first{
  background-color: #e60708;
}.rank-second{
  background-color: #fd8709;
}.rank-third{
  background-color: #fce609;
}
.hdr0{
  background-color: rgb(188, 195, 202)
}
.hdr1{
  background-color: rgb(211, 223, 227)
}