.btn3d {
    position:relative;
    top: -6px;
    border:0;
    transition: all 40ms linear;
    background-image:none;
    padding: 7px 10px;
    font-size: 13px;
    max-height: 35px;
}
.form3d{margin-left: 5px;margin-top: 3px;}

.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
    -moz-outline-style:none;
    outline:medium none;
}
.btn3d:active, .btn3d.active {
    top:2px;
}
.btn3d.btn-secondary {
    box-shadow:0 0 0 1px #5f5f5f inset, 0 0 0 2px rgb(97 94 94 / 10%) inset, 1px 4px 0 0 #4a4a4a, 1px 4px 8px 1px rgb(142 142 142);
    background-color:#474e54;
}
.btn3d.btn-secondary:active, .btn3d.btn-secondary.active {
    box-shadow:0 0 0 1px #5f5f5f inset, 0 0 0 2px rgb(97 94 94 / 10%) inset, 1px 4px 0 0 #4a4a4a, 1px 4px 8px 1px rgb(142 142 142);
    background-color:#474e54;
}
.btn3d.btn-white {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 1px 4px 0 0 #f5f5f5, 1px 4px 8px 1px rgba(0,0,0,.2);
    background-color:#fff;
}
.btn3d.btn-white:active, .btn3d.btn-white.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#fff;
}
.btn3d.btn-default {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 1px 4px 0 0 #BEBEBE, 1px 4px 8px 1px rgba(0,0,0,.2);
    background-color:#f9f9f9;
}
.btn3d.btn-default:active, .btn3d.btn-default.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#f9f9f9;
}
.btn3d.btn-primary {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 1px 4px 0 0 #4D5BBE, 1px 4px 8px 1px rgba(0,0,0,0.5);
    background-color:#2877e8;
}
.btn3d.btn-primary:active, .btn3d.btn-primary.active {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color:#4274D7;
}
.btn3d.btn-success {
    box-shadow:0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 1px 4px 0 0 #5eb924, 1px 4px 8px 1px rgba(0,0,0,0.5);
    background-color:#4ec300;
}
.btn3d.btn-success:active, .btn3d.btn-success.active {
    box-shadow:0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #78d739;
}
.btn3d.btn-info {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 1px 4px 0 0 #348FD2, 1px 4px 8px 1px rgba(0,0,0,0.5);
    background-color:#009cca;
}
.btn3d.btn-info:active, .btn3d.btn-info.active {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #39B3D7;
}
.btn3d.btn-warning {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 1px 4px 0 0 #D79A34, 1px 4px 8px 1px rgba(0,0,0,0.5);
    background-color:#FEAF20;
}
.btn3d.btn-warning:active, .btn3d.btn-warning.active {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #FEAF20;
}
.btn3d.btn-danger {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 1px 4px 0 0 #AA0000, 1px 4px 8px 1px rgba(0,0,0,0.5);
    background-color:#D73814;
}
.btn3d.btn-danger:active, .btn3d.btn-danger.active {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #D73814;
}
.btn3d.btn-magick {
    color: #fff;
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 1px 4px 0 0 #9823d5, 1px 4px 8px 1px rgba(0,0,0,0.5);
    background-color:#bb39d7;
}
.btn3d.btn-magick:active, .btn3d.btn-magick.active {
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #bb39d7;
}

.btn3d.btn-yellow {
    color: #fff;
    box-shadow: 0 0 0 1px #f2a744 inset, 0 0 0 2px rgb(97 94 94 / 10%) inset, 1px 4px 0 0 #daa300, 1px 4px 8px 1px #b58800;
    background-color: #ffa707;
}
.btn3d.btn-yellow:active, .btn3d.btn-yellow.active {
  box-shadow: 0 0 0 1px #f2c444 inset, 0 0 0 2px rgb(97 94 94 / 10%) inset, 1px 4px 0 0 #f1c43f, 1px 4px 8px 1px #e2ab06;
  background-color: #f9c73c;
}


.btn-lg-3d {
    padding: 12px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
.btn-sm-3d {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-xs-3d {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}



.kupasen-ugakimev:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0em;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, rgba(121, 117, 117, 0), rgba(255,255,255,0.28), rgba(121, 117, 117, 0)) no-repeat -2em 0%;
  background-size: 2em 100%;
  -moz-transform: skewX(-50deg);
  -o-transform: skewX(-50deg);
  -webkit-transform: skewX(-50deg);
  transform: skewX(-50deg);
}
.kupasen-ugakimev.blink_on:after{
  transition: 1s linear;
  background-position: 130% 0%;
}

div:focus{outline:none;}



.chat_replica{background-color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    color: #343a40;
    margin-bottom: 5px;
  }

  .chat_replica_user{background-color: #c7e5ff;
      padding: 5px 10px;
      font-size: 12px;
      border-radius: 4px;
      color: #343a40;
      margin-bottom: 5px;
    }
#chat_priziv{box-shadow: 2px 2px 5px #151521;background-color: #151521;border-radius: 3px;position: absolute;z-index: 9999;bottom: 1em;right: 8em;width: 270px;}
#chat{box-shadow: 2px 2px 4px #adb5bd;background-color: #fff;border-radius: 3px;position: absolute;z-index: 9999;font-size: 14px;bottom: 1em;right: 7em;width: 300px;}
#chat_icon{box-shadow: 2px 3px 5px #151521;position: absolute;z-index: 9999;bottom: 2em;right: 2em;}
#chat_icon:hover{cursor: pointer;-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}
#taskai_chat{cursor:move;}
.uhod{color: #ff0000;}
.new_msg{display:none;width: 16px;border-radius: 100px;background: #dc3545;height: 16px;position: absolute;z-index: 1;color: #fff;text-align: center;font-size: 11px;transform: translate3d(-2px, -2px, 0px);}

.chat_auto_fraze{cursor: pointer;padding:3px 5px;border: solid 1px #007bff;border-radius: 20px;margin-right: 5px;}
 .treu::after {
  content: '';
  position: absolute;
  right: -25px;
  bottom: 25px;
  border: 10px solid transparent;
  border-left: 15px solid #151521;
 }


   .loading_tchk:after {
       content: '.';
       animation: loading_tchk 1s ease alternate infinite;
   }

   @keyframes loading_tchk {
       60%  { text-shadow: 0.35em 0 0 currentColor; }
       100% { text-shadow: 0.35em 0 0 currentColor, 0.75em 0 0 currentColor; }
   }