div.bulletin-wrapper h4{
	text-align: center;
	text-align: center;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0px;
}

div.bulletin {
  display: inline-block;
  background: #FEFBFB;
  padding: 2rem;
  margin-top: 2rem;
  border: 1px solid #D9D9D9;
  border-radius: 1rem;
  width: 100%;
  height: 420px;
}

div.bulletin div.bulletin-details{
  height: 340px;
  /*justify-content: flex-end;*/
  flex-direction: column;
  overflow-y: auto;
  font-size: 13px;
}

div.bulletin-details div.ta-toolbar div.btn-group {
  position: relative;
  width: 100px;
}

div.bulletin-details div.add-bulletin-button {
  text-align: center;
  margin-top: 155px;
}

div.save-new-bulletin-button {
  text-align: center;
  margin-top: 15px;
}

div.update-bulletin-button {
  text-align: center;
  margin-top: 15px;
}

div.bulletin-disabled {
  color: gray;
  cursor: not-allowed;
  text-decoration: underline;
}

.ta-editor.bulletin-text-angular {
	display: block;
    width: 100%;
    height: 300px;
    resize: both;
    overflow: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-left: 0px;
    padding-top: 0px;
    /* overflow: scroll; */
    /*-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}


div.bulletin div.bulletin-details h6.new-messages {
  width: 100%; 
  text-align: center; 
  border-bottom: 1px solid #ec2323; 
  line-height: 0.1em;
  margin: 10px -30px 20px; 
}

div.bulletin div.bulletin-details .glyphicon-trash {
  padding-left:5px;
}



div.bulletin div.bulletin-details h6.new-messages span { 
   background:#fff; 
   padding:0 10px; 
   color: #ec2323;
}
div.bulletin div.bulletin-details .acknowledge { 
   text-align: center;
   padding-right: 100px;
}

/* div.bulletin div.bulletin-details > :first-child {
   margin-top: auto !important;
   /* use !important to prevent breakage from child margin settings */
} */


div.bulletin .response-form .row div[class^="col-xs-"]{
 padding-left: 2px;
 padding-right: 2px;
}
div.bulletin .response-form .btn {
 height: 3rem;
 margin-top: 9px;
}
/*div.bulletin form#responseForm {
 display: block;
}*/
div.bulletin text-angular {
 width: 70%;
}
div.bulletin text-angular div.ta-editor {
 height: 5rem;
}

.ta-editor.ta-html,
.ta-scroll-window.form-control {
 min-height: 10px;
 height: auto;
 overflow: auto;
 font-family: inherit;
 font-size: 100%;
}

.ta-scroll-window > .ta-bind {
 height: auto;
 min-height: 10px;
 outline: none !important;
}
/*div.bulletin form#responseForm.collapsed {
 display: none;
}
div.bulletin a.responseFormOpener {
 width: 100%;
 text-align: center;
 display: inline-block;
 cursor: pointer;
}*/

div.bulletin div.comment {
 /* border-bottom: 1px solid #D9D9D9;*/
 padding-bottom: 1rem;
 margin-left: 7rem;
 position: relative;
}

div.bulletin div.comment time{
 color: grey;
}

@media only screen and (min-width: 768px) and (max-width: 1019px) {
 div.bulletin div.comment {
   margin-left: 0;
   border-bottom: none;
   margin-bottom: 1rem;
 }
}
div.bulletin div.comment div.participant {
 position: absolute;
 left: -110px;
 float: left;
 width: 40px;
 height: 40px;
 margin: 0 0 0 6rem;
 padding-top: 1.1rem;

 background: #5F5F5F;
 border-radius: 50px;
 text-align: center;
 letter-spacing: 0.1em;
 color: #D9D9D9;

 
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
 div.bulletin div.comment div.participant {
   margin: 0 1rem 0 0;
   height: 30px;
   width: 30px;
   padding-top: 0.45rem;
   font-size: 1.3rem;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
 div.bulletin div.comment time {
   display: inline-block;
   clear: both;
   margin-top: 0.5rem;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
 div.bulletin div.comment p {
   clear: both;
   margin-top: 2rem;
 }
}
div.bulletin div.comment:last-of-type {
 border-bottom: none;
}
div.bulletin button.comment-button {
 color: #fff;
 background-color: #00AAB5;
 border-color: #00929c;
 float: right;
}
div.bulletin button.comment-button:hover,
div.bulletin button.comment-button:focus,
div.bulletin button.comment-button:active,
div.bulletin button.comment-button.active,
.open > .dropdown-togglediv.bulletin button.comment-button {
 color: #fff;
 background-color: #007a82;
 border-color: #00595e;
}
div.bulletin button.comment-button:active,
div.bulletin button.comment-button.active,
.open > .dropdown-togglediv.bulletin button.comment-button {
 background-image: none;
}
div.bulletin button.comment-button.disabled,
div.bulletin button.comment-button[disabled],
fieldset[disabled] div.bulletin button.comment-button,
div.bulletin button.comment-button.disabled:hover,
div.bulletin button.comment-button[disabled]:hover,
fieldset[disabled] div.bulletin button.comment-button:hover,
div.bulletin button.comment-button.disabled:focus,
div.bulletin button.comment-button[disabled]:focus,
fieldset[disabled] div.bulletin button.comment-button:focus,
div.bulletin button.comment-button.disabled:active,
div.bulletin button.comment-button[disabled]:active,
fieldset[disabled] div.bulletin button.comment-button:active,
div.bulletin button.comment-button.disabled.active,
div.bulletin button.comment-button[disabled].active,
fieldset[disabled] div.bulletin button.comment-button.active {
 background-color: #00AAB5;
 border-color: #00929c;
}
div.bulletin button.comment-button .badge {
 color: #00AAB5;
 background-color: #fff;
}