.hide{ display:none !important; }
.error,.check_area:has( .error[type=checkbox] ){ border: solid 2px pink !important; background-color:#fff0f0 }

.stop_close.yes{
    color: white;
    background-color: #378EF0;
    font-weight:bold;
}
.stop_close{
    border-radius: 5px;
    border: 2px solid #8E8E8E;
}

.prewrap{
    white-space: pre-wrap !important; 
}

.disabled{
    opacity:0.4;
}

.redtext{
    color:red !important;
}

.greentext{
    color: #00BF8C !important;
}

.greenback{
    background-color: #00BF8C !important;
}

.whitetext{
    color:white !important;
}

.blueblink{
    color: white !important;
    animation: kblueblink 0.7s infinite ease alternate !important;
}

@keyframes kblueblink{
   0% { background-color: #A0B0FF; }
 100% { background-color: #0000FF; }
}

th.arrow.up span::after {
    background-image: url("/_js/icon_up_arrow.svg") !important;
}

header ul li.unread::before {
  content: "";
  position: relative;
  top: -2px;
  left: -4px;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #378EF0;
  border-radius: 100%;
  z-index:999999;
  display:inline-block;
}

span.cunread {
  color: #378EF0;
  padding: 7px 2px 0 0;
  font-size: 11px;
}

a.pdf{
  color: #2070B0;
  background: url(/_js/icon_dl.png) no-repeat left center;
  background-size: 18px 18px;
  padding: 0 0 0 19px;
  margin: 4px 0 4px 0;
}

div.manual{
  width: 40px;
  height: 40px;
  position: absolute;
  right:64px;
}

span.good{
    font-size:17px;
    margin-left:7px;
}

span.good.off{
    color: transparent;
    text-shadow: 0 0 0 #D0D0D0;
    cursor: pointer;
}


.thumbsup:hover::before{
    text-decoration: none !important;
}

.thumbsup:before{
    background-image: url("/_js/thumbsup.png") !important;
    background-size: contain;
    content: "　";
    background-position: center;
    font-size: 20px;
    margin-right:2px;
}

.thumbsup:hover{
    text-decoration: underline;
}

.thumbsup{
    font-weight: initial;
    cursor: pointer;
    font-size: 16px;
    margin-left:7px;
    position: relative;
    color: #525252;
}

.thumbsup_p{
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    overflow: visible;
    z-index: 99999;
}

.thumbsup_popup{
    position:absolute;
    padding: 10px;
    width: max-content;
    border-radius: 5px;
    background: #e0edff;
}

.thumbsup_popup .icon{
    max-width:33px;
    max-height:33px;
    margin:2px 4px 4px 0;
}

.thumbsup_popup:after {
    content: "";
    position: absolute;
    top: 3px;
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid #e0edff;
}

p.info_leader{
    background: url("../images/icon_leader.svg") no-repeat left center;
    background-size: auto;
    background-size: 24px;

    font-weight: 500;
    margin-bottom: 8px;
    padding-left: 32px;
}
p.info_member{
    background: url("../images/icon_worker.svg") no-repeat left center;
    background-size: auto;
    background-size: 24px;

    font-weight: 500;
    margin-bottom: 8px;
    padding-left: 32px;
}

.response.ng{
    text-decoration: underline;
    cursor: pointer;
}

.response.ng:hover{
    color:red !important;
}