.scrum-board-container{
  color: #555;
  -webkit-user-select: none;
}
.board-title{
  background-color: #f1f1f1;
  padding: 5px 20px;
}

.flex{
  display: flex;
  flex-direction: row;
}
.scrum-board{
  flex: 1;
  padding:20px;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.scrum-board:first-child{
  flex: 1;
  padding:20px;
  border-left:1px solid #ddd;
}

.scrum-task{
  position: relative;
  display: block;
  padding: 10px;
  border: 1px solid #dddddd;
  border-left: 5px solid #8f3a84;
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: #f1f1f1;
  cursor: all-scroll;
}

.scrum-task.over {
  border-top: 2px solid red;
}

.scrum-task>span{
  color:#333;
}

.scrum-task-description:not(:empty) {
  margin-top: 10px;
}

.scrum-task-date:not(:empty) {
  margin-top: 10px;
  display: inline-block;
}
.scrum-task-assignee:not(:empty) {
  text-align:right; 
}

.scrum-task-assignee > .assignee:not(:empty) {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    height: 28px;
    line-height: 28px;
    width: 28px;
    background-color: #dfe3e6;
    border-radius: 25em;
    color: #17394d;
    display: inline-block;
    -webkit-user-select: none;
}



.scrum-board-column{
 // background-color:blue;
  min-height: 200px;
  padding: 10px;
  height:100%;
}



/* Overlay */


/*.profile1 {
margin-left:1.7%;
margin-top:6%;
height:40%;
width:18%;
background-color:#0D7BFF;
position:absolute;
z-index:1;
border-radius:2px;
}*/
.overlay {
top:0%;
left:0%;
width:100%;
height:100%;
position:absolute;
background-color:#555454;
opacity:0.80;
z-index:2;
}
.popup {
top:10%;
left:27.5%;
/* height:82%; */
width:45%;
background-color:#FDFDFD;
position:absolute;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 1em;
border-radius:5px;
z-index:3;
-webkit-box-shadow: 0px 0px 10px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:0px 0px 10px 3px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 10px 3px rgba(50, 50, 50, 0.75);
}

.overlay2 {
top:0%;
left:0%;
width:100%;
height:100%;
position:absolute;
background-color:#555454;
opacity:0.80;
z-index:2;
}
.popup2 {
top:10%;
left:27.5%;
/* height:82%; */
width:45%;
background-color:#FDFDFD;
position:absolute;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 1em;
border-radius:5px;
z-index:3;
-webkit-box-shadow: 0px 0px 10px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:0px 0px 10px 3px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 10px 3px rgba(50, 50, 50, 0.75);
}