#announce-app {
   height: 100%;
 }

 [data-module=announce] #announce-container {
   height: 100%;
   width: 100%;
   background-color: var(--base-background);
   padding: 15px;
 }

 [data-module=announce] .announce-card {
   height: 100%;
   width: 100%;
   background-color: white;
   box-shadow: 0px 3px 6px #00000029;
   border: 1px solid #DCDCE6;
   border-radius: 5px;
   opacity: 1;
   padding-left: 10px;
   padding-right: 10px;
   display: flex;
   flex-direction: column;
 }

 [data-module=announce] .announce-header {
   height: 60px;
   border-bottom: 1px solid #DCDCE6;

 }

 [data-module=announce] .text-header {
   padding-top: 22px;
   padding-left: 10px;
   font-size: 22px;
   font-weight: bold;
 }

 [data-module=announce] .announce-content {
   overflow-y: auto;
   height: 100%;
 }

 [data-module=announce] .dashboard-date-container {
   margin-bottom: 20px;
 }

 [data-module=announce] .date-row-container {
   margin-top: 30px;
   margin-bottom: 10px;
   font-size: 16px;
   font-weight: 200;
   padding-left: 10px;
   color: #9696A0;
 }

 [data-module=announce] .row-container {
   display: flex;
   padding: 5px 5px 5px 10px;
 }

 [data-module=announce] .gray {
   background-color: #F5F5F7;
 }

 [data-module=announce] .dashboard-time-container {
   margin-right: 150px;
 }

 [data-module=announce] .dashboard-message-container {
   width: 100%;
 }

 [data-module=announce] .dashboard-message-container .richtext-display p {
   white-space: normal;
   word-break: break-word;
 }

 [data-module=announce] .no-announcement {
   margin-top: 20px;
   font-size: 16px;
   text-align: center;
 }