.sk-app-announcement-header {
   position: fixed;
   z-index: 9001; /* Place the container above everything else in the site */
   left: 0;
   right: 0;
   bottom: 0;
   width: auto;
   min-height: 80px;
   padding: 20px 0 15px 25px;
   font-family: Lato2, Helvetica, Arial, sans-serif;
   line-height: 18px;
   background-color: rgba(255,246,218, 0.95);
   color: #444;
   opacity: 1;
   transition: opacity 0.1s, bottom 0.2s;
}

.sk-app-announcement-hide {
   opacity: 0;
}

/* Move the left position in AA when not in preview, so it will not overlap the left menu */
.aa_top_menu_body:not(.sk-in-preview-mode) .sk-app-announcement-header {
   left: 70px;
}

.sk-app-announcement-header .sk-app-announcement-content {
   overflow: auto;
   max-height: 50vh;
   padding-right: 63px;
}

.sk-app-announcement-header h1 {
   margin-bottom: 10px;
   font-family: Lato2, Helvetica, Arial, sans-serif;
   font-size: 18px;
   font-weight: bold;
   color: #444;
}

.sk-app-announcement-header p {
   margin-bottom: 5px;
   font-size: 14px;
}

.sk-app-announcement-header p,
.sk-app-announcement-header p.plain,
.sk-app-announcement-header div,
.sk-app-announcement-header div.plain,
.sk-app-announcement-header a,
.sk-app-announcement-header a.plain,
.sk-app-announcement-header li {
   font-family: Lato2, Helvetica, Arial, sans-serif;
}

.sk-app-announcement-header ul {
   margin: 0;
   padding: 0;
   list-style: none;
   font-size: 14px;
}

.sk-app-announcement-header ul li {
   display: inline-block;
   padding: 0 20px;
   text-align: center;
   white-space: nowrap;
   min-width: 140px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-left: 1px solid #444;
}

.sk-app-announcement-header ul li:first-child {
   padding-left: 0;
   border: none;
}

.sk-app-announcement-header a {
   color: #6298F2;
}

.sk-app-announcement-close {
   position: absolute;
   top: 50%;
   right: 43px;
   width: 24px;
   height: 24px;
   margin-top: -12px;
   background: url('../Images/close_btn.svg') no-repeat;
}