.color-estatus-Heading {
  color: transparent;
}
.color-estatus-StandBy {
  color: #eceff1;
}
.color-estatus-InProcess {
  color: #b39ddb;
}
.color-estatus-WOI {
  color: #ffd600;
}
.color-estatus-Review {
  color: #4fc3f7;
}
.color-estatus-Testing {
  color: #64b5f6;
}
.color-estatus-Decision {
  color: #ffb74d;
}
.color-estatus-Done {
  color: #81c784;
}
.color-estatus-Stucked {
  /*background: #e57373;*/
  color: red;
}
.color-estatus-Archived {
  color: #212121;
}
.show-on-phone{
  display: none;
}
.small-on-phone{
  font-size: 14px;
}

@media (min-width:320px) {
  /* smartphones, iPhone, portrait 480x320 phones */

}
@media (max-width:641px) {
  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
  .small-on-phone{
    font-size: 11px;
  }
  .hide-on-phone{
       display: none;
     }
  .panel-p{
    right: 0px;
    width: 100%;
    top: 40px;
  }

  .s-board {
    width: calc(100% - 0px);
  }

.show-on-phone{
  display: block;
}

.avatar{
  width: 25px;
  height: 25px;
}

.agenda-box{
  height: 340px;
  width: 100%;
  max-width: 96%;
  overflow: scroll;
  display: inline-block;
  margin: 10px;
  text-align: left;
}
.taskCard{
min-width:100%;
max-width: 100%;
display: inline-block;
}
.agendaTitle{
  width:calc(100% - 110px);
}
.height-60{
	height:50%;
}

.height-40{
	height:50%;
}

.input-min{
  height: 25px;
  font-size:14px;
  width: 120px;
}
.messageContainer{
  height: calc(100% - 90px);
  overflow: auto;
  padding-left:8%;
  padding-right:8%;
}
}
@media (min-width:961px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
}
@media (min-width:1025px) {
  /* big landscape tablets, laptops, and desktops */
}
@media (min-width:1281px) {
  /* hi-res laptops and desktops */
}