.ws_panel {
    position: fixed;
    background: #fff;
    min-width: 240px;
    max-width: 340px;
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 700ms ease, transform 700ms ease;
    z-index: 1000;
    font-family:Tahoma, Arial;
    border:1px solid #CCCCCC;
  }

  .ws_panel.show {
    opacity: 1;
    transform: translateY(0);
  }
  .ws_panel-content {
    padding:3px;
    font-size:13px;
    margin-bottom: 5px;
  }

  .ws_panel-header {
    font-weight: bold;
    margin-bottom: 5px;
    background: #C9924B;
    background: linear-gradient(0deg, rgba(201, 146, 75, 1) 0%, rgba(0, 0, 0, 1) 15%, rgba(56, 56, 56, 1) 100%);
    color: #CCCCCC;
    padding:6px;
    font-family: 'Fjalla One', sans-serif; font-weight: 400; font-size:14px;
    width:100%;
    border-bottom:1px solid #C9924B;
  }

  .ws_panel-close {
    font-weight: bold;
    margin-bottom: 5px;
    background: #636363;
    background: linear-gradient(0deg, rgba(201, 146, 75, 1) 0%, rgba(0, 0, 0, 1) 15%, rgba(56, 56, 56, 1) 100%);
    color: #CCCCCC;
    padding:6px;
    font-family: 'Fjalla One', sans-serif; font-weight: 400; font-size:14px;
    border-bottom:1px solid #C9924B;

  }
  .ws_panel-close:hover {
    cursor: pointer;
    color: #FFFFFF;
    background: linear-gradient(270deg,rgba(99, 99, 99, 1) 0%, rgba(0, 0, 0, 1) 52%, rgba(56, 56, 56, 1) 100%);
  }
  .ws_panel_head {
    display: flex;
    min-width:100%;
    
  }