/* The Modal (background) */
.modalEZI {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 5555; /* Sit on top */
	left: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  top: 10px;
  }
  
  #contact_profile_popup_modalEZI.modalEZI{
    z-index: 5556!important; /* Rod added 27/07/24 so the contact can Sit on top of a standard modal*/
  }

  .modalEZI_top {
    z-index: 9999!important; /* Sit on top */
  }

  .modalEZI_show {
    display: block!important; /* Show modal */
  }

  /* Modal Content */
  .modalEZI-content {
	margin: auto;
	border: 1px solid #888;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	animation-name: animatetop;
	animation-duration: 0.5s;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
  }
  
  .modalEZI-small {
	width: 95%;
	min-width: 300px;
  }

  .modalEZI-medium {
	width: 95%;
	min-width: 300px;
  }

  .modalEZI-large {
	width: 95%;
	min-width: 300px;
  }

  .modalEZI-full {
	width: 95%;
  }

  @media only screen and (min-width: 768px) {
    
    .modalEZI-small {width: 25%;}
    .modalEZI-medium {width: 50%;}
    .modalEZI-large {width: 80%;}

  }

  /* Add Animation */
  @keyframes animatetop {
	from {top: -300px; opacity: 0}
	to {top: 0; opacity: 1}
  }
  
  .todolist{
    background-color:#FFF;
    padding:20px 20px 10px 20px;
    
}

li.ui-state-default{
    background:#fff;
    border:none;
}

.todo-footer{
    background-color:#F4FCE8;
    margin:0 -20px -10px -20px;
    padding: 10px 20px;
}
#done-todoEZIDone li{
    padding:10px 0;
    border-bottom:1px solid #ddd;
    text-decoration:line-through;
}
#done-todoEZIDone li:last-child{
    border-bottom:none;
}