.ribbon{
  position:relative;
  display:inline-block;
  text-align:center;
}
.text{
  display:inline-block;
  padding:0.2em 1em;
  min-width:15em;
  line-height:1.2em;
  background: #FFD72A;
  position:relative;
}
.ribbon:after,.ribbon:before,
.text:before,.text:after,
.bold:before{
  content:'';
  position:absolute;
  border-style:solid;
}
.ribbon:before{
  top:0.3em; left:0.2em;
  width:100%; height:100%;
  border:none;
  background:#EBECED;
  z-index:-2;
}
.text:before{
  bottom:100%; left:0;
  border-width: .5em .7em 0 0;
  border-color: transparent #FC9544 transparent transparent;
}
.text:after{
  top:100%; right:0;
  border-width: .5em 2em 0 0;
  border-color: #FC9544 transparent transparent transparent;
}

.bold:before{
  border-color: #EBECED transparent #EBECED #EBECED;
  top:0.7em;
  right:-2.3em;
}
.userlist_umc { padding: 10px 0; }
body ::-webkit-scrollbar {-webkit-appearance: none;width: 7px;height: 10px;}
body ::-webkit-scrollbar-thumb {cursor: pointer;border-radius: 5px;background: #006080;-webkit-transition: color 0.2s ease;transition: color 0.2s ease;}
body ::-webkit-scrollbar-track {background: #7676768c;border-radius: 0px;}
::selection {background-color: #FF5722;color: rgba(0, 0, 0, 0.87);}
@keyframes pcrclr_animate { from { background-position: 0 0; } to {   background-position: 100% 0; } }
@-webkit-keyframes pcrclr_animate { from {   background-position: 0 0; } to {   background-position: 100% 0; } }
.text_glow {border-radius:10px 10px 10px 10px; box-shadow:inset 0 0 46px -5px #9E9E9E; border:2px dashed #7b7a7a !important;}