.widget_notify {
     position: relative;
     top: -15px;
     border: 1px solid #DAD7B2;
     -webkit-border-radius: 13px;
     -moz-border-radius: 13px;
     border-radius: 13px;
     padding: 9px 15px;
     font-size: 13px;
     line-height: 1.4;
     color: #4E4B41;
     text-shadow: 0 1px 0 white;
     -webkit-box-shadow: inset 0 1px 0 white;
     -moz-box-shadow: inset 0 1px 0 white;
     box-shadow: inset 0 1px 0 white;
     background-color: #FEFAD0;
 }

 .widget_minimize {
     color: #ffffff;
     font-weight: bolder;
     font-size: 1.5rem;
     cursor: pointer;
 }

 .arrow::before,
 .arrow::after {
     left: -50px;
 }

 /* .img-ava {
     width: 48px;
     margin-left: 8px;
 } */

 .image-container {
     margin-left: 8px;
     position: relative;
     width: 48px;
     height: 48px;
     overflow: hidden;
     border-radius: 50%;
 }

 .rounded-image {
     display: block;
     width: 100%;
     height: 100%;
     border-radius: 50%;
 }

 .sliding-glass {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: hidden;
 }

 .sliding-glass:before {
     content: '';
     position: absolute;
     top: -50px;
     left: -50px;
     width: 200px;
     height: 20px;
     opacity: 0.6;
     background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 40%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0));
     transform: rotate(20deg) translateZ(0);
     animation: ava-blink 10s infinite cubic-bezier(0, 0.3, 1, 0.7);
     will-change: transform;
 }

 @keyframes ava-blink {
     0% {
         transform: translate(-200px, 200px)rotate(30deg);

     }

     100% {
         transform: translate(200px, -200px) rotate(30deg);
     }

     /* 
     0% {
         transform: translate(-50%, -50%) rotate(20deg);
     }

     100% {
         transform: translate(-50%, -50%) rotate(380deg);
     } */
 }

 .modal-header {
     font-family: Helvetica, Arial !important;
     color: #ffffff;
     cursor: pointer;
     padding-top: 0;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     display: flex;
     flex-direction: column;
     overflow: hidden;
 }

 .panel-top,
 .panel-bottom {
     background-color: #922825;
 }

 .modal-header>div.panel-top {
     height: 0px;
     transition: height 300ms ease-in-out;
     transition-delay: 150ms;
 }

 .panel-bottom {
     height: 64px;
 }

 .modal-header:hover>div.panel-top {
     height: 64px;
     transition: height 300ms ease-in-out;
     transition-delay: 150ms;
 }

 .row-item {
     margin-right: 8px;
     height: 64px;
     display: flex;
     flex-direction: column;
     justify-items: center;
     justify-content: center;
 }

 .tab-item {
     position: relative;
     height: 64px;
     width: 100%;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
 }

 .wrap_w-100 {
     width: 100%;
 }

 .tab-item:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 100%;
     background: #0a0a0a30;
     border-radius: none;
     transition: all .5s ease;
 }

 /* .tab-item:hover .img-ava {
      scale: .75;
  } */

 .tab-item:hover:before {
     width: 100%;
 }

 .modal-header h4 {
     font-style: normal;
     font-size: 15px;
     line-height: 1.2;
 }

 .modal-header h5 {
     margin: 0;
     font-size: 12px;
     font-weight: normal;
     line-height: 1;
 }

 .modal-title {
     display: flex;
     flex-direction: column;
     align-self: flex-start;
     width: 100%;
 }

 @keyframes ringing {
     0% {
         transform: rotate(0deg);
     }

     1% {
         transform: rotate(-10deg);
     }

     3% {
         transform: rotate(10deg);
     }

     5% {
         transform: rotate(-10deg);
     }

     7% {
         transform: rotate(10deg);
     }

     8% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(0deg);
     }
 }

 .ringing-bell {
     width: 24px;
     height: 24px;
     border-radius: 50%;
     transform-origin: 12px 0px;
     animation: ringing 7s infinite;
 }



 @keyframes enter-from {
     0% {
         opacity: 0;
     }

     5% {
         opacity: 1;
     }

     95% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 @keyframes flip-in {
     0% {
         transform: rotateY(90deg);
     }

     100% {
         transform: rotateY(0deg);
     }
 }

 @keyframes flip-out {
     0% {
         transform: rotateY(-90deg);
     }

     100% {
         transform: rotateY(0deg);
     }
 }

 /* .flip-box-front {
     transform-style: preserve-3d;
     animation: flip-in 1s;
 }

 .flip-box-back {
     transform-style: preserve-3d;
     transition-delay: 9s;
     animation: flip-out 1s;
 } */