/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 06 2023 | 15:22:14 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.checklist-body h4 {
  color: #ea1889; 
}
.checklist-body ul {
  margin-left: 0 !important;
  list-style-type: none !important;
}
.checklist-body ul li {
  margin: 10px 0px;
}
.checklist-body ul li a {
  color: #ea1889;
}
.checklist-body .custom-checkbox {
  display: flex;
  align-items: flex-start;
}
.checklist-body .custom-checkbox input {
  margin-top: 8px;
}
.checklist-body .custom-checkbox p{
  margin: 0;
}
.checklist-body .custom-task-wrapper {
  max-width: 570px;
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
}
.checklist-body .custom-task-text {
  width: 100%;
}
.checklist-body .custom-task-btns {
  display: flex;
  justify-content: flex-start;
  padding-left: 25px;
}
.checklist-body .custom-task-btns span {
  height: 14px;
  display: flex;
  align-items: center;
  font-family: 'Cormorant Garamond', sans-serif;
}
.checklist-body .custom-task-form {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.checklist-body .custom-task-form > div {
  display: none;
}
.checklist-body .custom-task-form__edit > div {
  margin-top: 4px;
  border: 1px solid #ccc!important;
  border-radius: 1px;
}
.checklist-body .custom-task-form__edit > p {
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-end;
}
.checklist-body .custom-task-form__delete > span {
  font-family: 'Cormorant Garamond', sans-serif;
}
.checklist-body .custom-task-form__edit:before {
  content: '';
  width: 15px;
  display: block;
  margin: 0 auto;
  height: 15px;
  border-top-left-radius: 3px;
  transform: rotate(45deg);
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-top: -18px;
  background-color: #fff;
}
.checklist-body .custom-task-form__delete:before {
  content: '';
  width: 15px;
  display: block;
  margin: 0 auto;
  height: 15px;
  border-top-left-radius: 3px;
  transform: rotate(45deg);
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-top: -18px;
  background-color: #fff;
}
.checklist-body .custom-task-btn {
  margin: 0px 2px;
  height: 22px;
  padding: 2px 10px;
  border-radius: 20px;
  border: 2px solid #ea1889;
  font-family: 'Cormorant Garamond', sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
  color: #fff;
  background-color: #ea1889;
}
.checklist-body .btn-save {
  padding: 0px 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-style: normal;
}
.checklist-body .custom-task-btn:hover {
  color: #ea1889;
  background-color: #fff;
  cursor: pointer;
}
.custom-task-form {
  width: 100%;
  display: flex;
  justify-content: center;
}
.custom-task-form > div {
  width: 91%;
  margin-top: 4px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 18px;
  font-family: 'Cormorant Upright', sans-serif;
}
.user-checklist-add-new-tasks {
  width: 100%;
  margin: 15px 0px;
  margin-top: 35px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #ea1889;
}
.user-checklist-add-new-tasks__button {
  width: max-content;
  margin-top: -13px;
  padding: 0px 10px;
  border-radius: 20px;
  border: 2px solid #ea1889;
  font-family: 'Cormorant Garamond', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background-color: #ea1889;
}
.user-checklist-add-new-tasks__button:hover {
  color: #ea1889;
  background-color: #fff;
  cursor: pointer;
}
.user-checklist-add-new-tasks__form {
  width: 91%;
  margin-top: 4px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: none;
}
.user-checklist-add-new-tasks__form:before {
  content: '';
  width: 15px;
  display: block;
  margin: 0 auto;
  height: 15px;
  border-top-left-radius: 3px;
  transform: translate(2px) rotate(45deg);
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-top: -18px;
  background-color: #fff;
}
.user-checklist-add-new-tasks__form form {
  margin-top: 5px;
}
.user-checklist-add-new-tasks__form > div {
  margin-top: 4px;
  border: 1px solid #ccc!important;
  border-radius: 1px;
}
.user-checklist-add-new-tasks__form .textarea {
  width: 100%;
  height: 100px;
  padding: 5px 10px;
  font-size: 16px;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.user-checklist-add-new-tasks__form p {
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-end;
}
.user-checklist-add-new-tasks__form p span {
  width: max-content;
  padding: 0px 10px;
  border-radius: 20px;
  border: 2px solid #ea1889;
  font-size: 16px;
  color: #fff;
  background-color: #ea1889;
}
.user-checklist-add-new-tasks__form p span:hover {
  color: #ea1889;
  background-color: #fff;
  cursor: pointer;
}
.user-checklist-add-new-tasks__editor {
  margin-top: 0 !important;
  margin-bottom: 10px!important;
  display: flex;
  flex-flow: row;
  justify-content: flex-start!important;
}
.user-checklist-add-new-tasks__editor .editor-btn {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #5e5e5e;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Cormorant Upright', sans-serif;
  font-size: 24px;
}
.user-checklist-add-new-tasks__editor .editor-btn:hover {
  color: #ea1889;
  border-color: #ea1889;
}
.user-checklist-add-new-tasks__editor .bold {
  font-weight: 700;
}
.user-checklist-add-new-tasks__editor .italic {
  font-style: italic;
  padding-left: 7px;
}