@import "../template/client/src/assets/font/style";

#wp-admin-bar-support-genix {
  .dashicons-apbd-support-genix::before {
    display: inline-block;
    margin-right: 5px;
  }
}
.dashicons-apbd-support-genix::before {
  font-family:$icomoon-font-family;
  content: $apw-support-genix;
}

.apbd-notice-st1 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none !important;
  padding: 0 !important;
  -webkit-box-shadow: 0px 1px 10px -6px #000;
  -moz-box-shadow: 0px 1px 10px -6px #000;
  box-shadow: 0px 1px 10px -6px #000;
  
    margin-right: 15px;
    margin-top: 15px;
    display: flex;
  background: #0A246A;
  overflow: hidden;
  >div{
    padding: 15px;
    background: #FFF;
    .apbd-nt-btn{
      white-space: nowrap;
      border: 1px solid #0A246A;
      background:#0A246A;
      color:#fff;
      &.btn-danger{
        background: #c33640;
        color:#fff;
        &:hover{
          background: #ad313b;
        }
      }
      &.btn-success{
        background: #4dc326;
        color:#fff;
        &:hover{
          background: #48b025;
        }
      }
      &.btn-info{
        background: #13ced6;
        color:#fff;
        &:hover{
          background: #13acb4;
        }
      }
      padding: 5px 10px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: 0px 1px 10px -5px #000;
      -moz-box-shadow: 0px 1px 10px -5px #000;
      box-shadow: 0px 1px 10px -5px #000;
      text-decoration: none;
      &:hover{
        background: #0a2159;
      }
    }
  }
  .apbd-notice-title {
    background: #0A246A;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 22px;
    margin: auto; /* Important */




    &:after{
      content: '\25C6';
      width: 14px;
      height: 22px;
      position: absolute;
      right: -13px;
      color:#0A246A;
      font-size: 30px;
      top: 50%;
      margin-top: -10px;
      z-index: 2;
      overflow: hidden;
      transform: rotate(180deg);
    }
  }
}