#submissionSchedule .xdsoft_date:not(.xdsoft_disabled):not(.xdsoft_current) {
  background-color: #fff8e3;
}

#submission_schedule {
  display: flex;
  height: 100%;
}
#submission_schedule a {
  color: black;
  display: block;
}
#submission_schedule ul {
  list-style: none;
}
#submission_schedule .errored {
  border: 1px solid #f8d7da !important;
}
#submission_schedule .inp-error-message {
  background: #cf5151;
  color: white;
  font-size: 13px;
  padding: 3px;
  clear: both;
}
#submission_schedule .element-title {
  font-weight: bold;
  color: #707070;
}
#submission_schedule #schedules {
  width: 300px;
  display: flex;
  flex-direction: column;
}
#submission_schedule #schedules #schedule_header {
  margin-top: 20px;
  padding: 0 10px;
}
#submission_schedule #schedules #schedule_header h1 {
  margin: 0;
}
#submission_schedule #schedules #schedule_list_container {
  flex: 1 1 auto;
  overflow-y: auto;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
#submission_schedule #schedules #schedule_list_container ul {
  padding: 5px 5px 0 5px;
}
#submission_schedule #schedules #schedule_list_container ul li {
  display: flex;
  flex-direction: row;
  padding: 10px;
  margin-bottom: 5px;
  border: 1px solid #efefef;
  cursor: pointer;
}
#submission_schedule #schedules #schedule_list_container ul li:hover {
  background-color: #f7f7f7;
}
#submission_schedule #schedules #schedule_list_container ul li.active {
  background-color: #edf1ff;
}
#submission_schedule #schedules #schedule_list_container ul li .title {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
#submission_schedule #schedules #schedule_list_container ul li i {
  width: 15px;
  text-align: center;
}
#submission_schedule #schedules #schedule_list_container ul li .states {
  color: #c1c1c1;
}
#submission_schedule #schedule_editor {
  flex: 1 1 auto;
  border-left: 1px solid #e8e8e8;
  padding: 20px;
  max-width: 800px;
  position: relative;
}
#submission_schedule #schedule_editor #schedule_editor_header {
  display: flex;
  align-items: center;
}
#submission_schedule #schedule_editor #schedule_editor_header h1 {
  margin: 0;
}
#submission_schedule #schedule_editor #status {
  padding: 3px;
  font-size: 0.8em;
  font-weight: bold;
  flex: 1 1 auto;
  margin-left: 10px;
}
#submission_schedule #schedule_editor #status.new {
  background-color: #f8f8f8;
}
#submission_schedule #schedule_editor #status.active {
  background-color: #c7f5c2;
}
#submission_schedule #schedule_editor #status.disabled {
  background-color: #f5c6c6;
}
#submission_schedule #schedule_editor #schedule_content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#submission_schedule #schedule_editor #schedule_content .nav .nav-item .nav-link {
  padding: 3px 5px;
}
#submission_schedule #schedule_editor #schedule_content #unsaved_changes {
  display: none;
  padding: 3px;
  font-size: 0.8em;
}
#submission_schedule #schedule_editor #schedule_content #action_save .spinner {
  display: none;
  width: 22px;
  height: 20px;
}
#submission_schedule #schedule_editor #schedule_content #action_save.saving .spinner {
  display: inline-block;
}
#submission_schedule #schedule_editor #schedule_content #action_save.saving i {
  display: none;
}
#submission_schedule #schedule_editor #schedule_content #action_save.error {
  color: darkred;
}
#submission_schedule #schedule_editor #schedule_content #action_save.error i {
  color: darkred;
}
#submission_schedule #schedule_editor #schedule_content #schedule_details {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
#submission_schedule #schedule_editor #schedule_content #schedule_details .loader {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  opacity: 0.8;
  margin: 0;
}
#submission_schedule #schedule_editor #schedule_content #schedule_details .tab-content {
  flex: 1 1 auto;
  overflow: hidden;
}
#submission_schedule #schedule_editor #schedule_content #schedule_details .tab-content .tab-pane {
  height: 100%;
  padding: 3px;
}
#submission_schedule #schedule_editor #schedule_content #schedule_details .tab-content .active {
  display: flex;
  flex-direction: column;
}
#submission_schedule #schedule_editor .form-item {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
#submission_schedule #schedule_editor .form-item label {
  margin: 0;
}
#submission_schedule #schedule_editor #email_body {
  height: 313px;
}
#submission_schedule #schedule_editor .radio {
  display: flex;
  padding: 5px 0;
}
#submission_schedule #schedule_editor .radio .radio-button {
  margin-right: 5px;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #efefef;
  padding: 7px;
  cursor: pointer;
}
#submission_schedule #schedule_editor .radio .radio-button:hover {
  background-color: #f7f7f7;
  color: #000;
}
#submission_schedule #schedule_editor .radio .radio-button.active {
  background-color: dodgerblue;
  color: #fff;
}
#submission_schedule #schedule_editor .radio .radio-button:last-child {
  margin-right: 0;
}
#submission_schedule #schedule_editor #form_configuration {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  margin-top: 10px;
}
#submission_schedule #schedule_editor #form_configuration .panel {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#submission_schedule #schedule_editor #form_configuration .panel:first-child {
  margin-right: 5px;
}
#submission_schedule #schedule_editor #form_configuration .panel .controls {
  margin-bottom: 5px;
}
#submission_schedule #schedule_editor #form_configuration .panel .controls .control-btn {
  cursor: pointer;
  padding: 5px;
}
#submission_schedule #schedule_editor #form_configuration .panel .controls .control-btn:not(.disabled):hover {
  background-color: #f7f7f7;
}
#submission_schedule #schedule_editor #form_configuration .panel .controls .control-btn i {
  color: dodgerblue;
  margin-right: 5px;
}
#submission_schedule #schedule_editor #form_configuration .panel .controls .control-btn.disabled {
  color: #b9b9b9;
  cursor: not-allowed;
}
#submission_schedule #schedule_editor #form_configuration .panel .controls .control-btn.disabled i {
  color: #b9b9b9;
}
#submission_schedule #schedule_editor #form_configuration .panel .collection {
  padding: 5px 7px;
  border: 1px solid #efefef;
  flex: 1 1 auto;
  overflow-y: auto;
  background-color: #fbfbfb;
  /*overflow-x: hidden;*/
}
#submission_schedule #schedule_editor #form_configuration .panel .collection li {
  border: 1px solid #efefef;
  padding: 0 5px;
  margin-bottom: 5px;
  background-color: #fff;
  display: flex;
  /*overflow: hidden;*/
}
#submission_schedule #schedule_editor #form_configuration .panel .collection li > label {
  line-height: 30px;
  flex: 1 1 auto;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
#submission_schedule #schedule_editor #form_configuration .panel .collection li input[type=checkbox] {
  margin-right: 5px;
}
#submission_schedule #schedule_editor #form_configuration .panel #column_container label {
  cursor: pointer;
}
#submission_schedule #schedule_editor #email_history {
  flex: 1 1 auto;
  border: 1px solid #e8e8e8;
}
#submission_schedule #schedule_editor #email_history .it-body {
  font-size: 0.8em;
  line-height: 20px;
  font-family: "Roboto Mono", monospace;
}
#submission_schedule #schedule_editor #email_history .it-col-state > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
#submission_schedule #schedule_editor #email_history .it-col-state > div.error {
  color: darkred;
}
#submission_schedule #schedule_editor #schedule_frequency {
  display: flex;
  align-items: center;
  gap: 15px;
}
#submission_schedule #schedule_editor #schedule_frequency > select {
  flex: 0 0 50%;
  /*flex: 1;*/
}
#submission_schedule #schedule_editor #schedule_frequency #frequency_week {
  display: flex;
  align-items: center;
  gap: 15px;
  flex: 1;
  display: none;
}
#submission_schedule #schedule_editor #schedule_frequency #frequency_month {
  display: flex;
  align-items: center;
  gap: 15px;
  flex: 1;
  display: none;
}
#submission_schedule #schedule_export_modal .modal-body {
  padding: 15px;
}

#action_save {
  background-color: transparent;
  border: none;
  overflow: hidden;
  box-shadow: none;
  z-index: 1;
}
#action_save::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  background-color: #74e874;
  border-radius: 50%;
  transform: translate(-100px, -80px) scale(0.1);
  opacity: 0;
  z-index: -1;
  transition: transform 0.5s, opacity 0.3s, background-color 0.3s;
}
#action_save.saved::after {
  opacity: 1;
  transform-origin: 100px 100px;
  transform: scale(1) translate(-100px, -80px);
}