.plan-header {
  font-weight: 800;
  margin-top: 18px;
  margin-bottom: 1em;
}

.padded-text {
  margin-top: 10px;
  text-align: center;
}

.bolder {
  font-weight: 800;
}

.sortable-handle {
  /*position: absolute;
    right:17px;
    top:14px;*/
}

.sortable-handle i {
  color: #000;
}
.plan-action {
  font-size: 14px;
}
.plan-action i {
  padding-right: 5px;
}

.sortable {
  margin-top: 15px;
  position: relative;
  list-style-type: none;
  user-select: none;
  display: block;
}

.sortable .panel-heading {
  position: relative;
}

.sortable li {
  list-style-type: none;
  user-select: none;
}
.sortable-placeholder {
  outline: 1px dashed #99e2f9;
  background: #eafaff;
}

.task-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}

.task-wrapper .icon-kind {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.5rem;
  /*border: 1px solid transparent;*/
  box-shadow: 0 0 3px 0 #dedede;
  background-repeat: no-repeat;
  background-size: 1.8rem 1.8rem;
  background-position: center;
  opacity: 0.8;
  margin-right: 5px;
}

.task-wrapper .icon-kind.k-1 {
  background-color: #d9534f;
  background-image: url("/assets/images/kinds/brush.svg");
}

.task-wrapper .icon-kind.k-2 {
  background-color: #3871c1;
  background-image: url("/assets/images/kinds/telescope.svg");
}

.task-wrapper .icon-kind.k-3 {
  background-color: #1bab54;
  background-image: url("/assets/images/kinds/dice.svg");
}

.task-wrapper .icon-kind.k-4 {
  background-color: #b98e28;
  background-image: url("/assets/images/kinds/books.svg");
}

.task-wrapper .icon-kind.k-5 {
  background-color: #b031a1;
  background-image: url("/assets/images/kinds/masks.svg");
}

.task-wrapper .icon-kind.k-6 {
  background-color: #1b9191;
  background-image: url("/assets/images/kinds/puzzle.svg");
}

.sortable .task-panel.panel {
  margin-bottom: 0;
}
.task-wrapper .task-swap-body i span.muted,
.task-wrapper .panel-body i span.muted {
  opacity: 0.7;
  color: inherit;
}

.task-wrapper .task-swap-body i span,
.task-wrapper .panel-body i span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.task-wrapper .task-swap-body i b,
.task-wrapper .panel-body i b {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
}

.text-orange {
  color: #f19b36;
}
.text-red {
  color: #eb3b42;
}
.text-yellow {
  color: #f8e272;
}

.text-coffee {
  color: #e08e5a;
}

.text-green {
  color: #8fb743;
}

.plan-wrapper hr {
  margin-top: 12px;
  margin-bottom: 14px;
}

.plan-wrapper .deleted-plan,
.plan-wrapper .deleted-plan .panel-heading {
  border-color: #ccc;
}

.compact-view .task-text,
.compact-view .task-data {
  display: none;
}

.compact-view .panel-body,
.compact-view .panel-heading {
  padding: 5px 15px;
}
.compact-view .panel-heading .task-controls {
  top: 7px;
}

.compact-view .panel-body .task-controls {
  font-size: 14px;
}

.compact-view .panel {
  -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
}

.toggle-items {
  color: #f19b36;
  font-size: 20px;
  opacity: 0.5;
  cursor: pointer;
}
.toggle-items:hover,
.toggle-items:focus {
  color: #f19b36;
}
.toggle-items.is-active {
  cursor: default;
  pointer-events: none;
  opacity: 1;
}

.task-text {
  margin: 10px 0;
  padding: 5px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.task-controls {
  margin: 0 -5px;
}
.panel-heading .task-controls {
  margin: 0;
  position: absolute;
  top: 12px;
  right: 15px;
}

.task-kind-icons {
  padding-left: 10px;
  display: inline-block;
}
.task-kind-icons .icon-kind {
  vertical-align: middle;
  margin-top: -3px;
}
.task-panel .panel-heading {
  padding-right: 70px;
}

.plan-form-controls {
  padding-top: 15px;
  margin: 15px 0 0;
  border-top: 1px solid #e5e5e5;
}
.task-controls a {
  padding: 0 5px;
}

.plan-form p,
.plan-form strong {
  font-size: 1.6rem;
}

.plan-form .chain-id,
.plan-form .task-title {
  font-weight: 800;
}

.linked-task .panel {
  border-style: dashed;
}

.task-wrapper.swapping-task {
  -webkit-box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%);
}
.task-wrapper.swapping-task .panel-body {
  padding-bottom: 0;
}

.task-wrapper .new-tasks {
  margin: 15px -15px 1px;
  padding: 0;
  background: #fffcf3;
  border-radius: 0 0 5px 5px;
}

.chain-swap-header {
  padding: 10px 15px;
}

.chain-swap-header .chain-name {
  font-size: 16px;
  letter-spacing: 2px;
}

.task-wrapper.swap-task a.callback b {
  font-size: 18px;
  font-weight: 800;
  opacity: 0.7;
}

.task-wrapper.swap-task {
  margin-bottom: 0;
  padding: 10px 15px 15px;
  border-top: 1px solid #f7e4aa;
}

.task-wrapper .text-green.action-swap,
.task-wrapper.swapping-task .text-red.action-swap {
  display: inline-block;
}
.task-wrapper .text-red.action-swap,
.task-wrapper.swapping-task .text-green.action-swap {
  display: none;
}

/*не выбрана активность*/
.task-panel.panel-activity-0 .panel-heading,
.task-panel.panel-activity- .panel-heading {
  border-color: #de910e;
  /* color: white;
  background-color: #de910e;*/
  padding: 2px 10px;
}
.panel-activity-0 a,
.panel-activity- a {
  color: #de910e;
}

.panel-new-tasks {
  border-color: #de910e;
}

.panel-new-tasks .new-tasks-toggler {
  color: #de910e;
}
/*.panel-activity-0 .panel-heading a:hover,
.panel-activity- .panel-heading a:hover {
  color: #ff0d0d;
}
*/

.panel-activity-0 a:hover,
.panel-activity- a:hover {
  color: #de910e;
}
.panel-activity-0,
.panel-activity- {
  border-color: #de910e;
}

.task-panel.panel-activity-1 {
  border-color: #f8b2b2;
}
.task-panel.panel-activity-1 .panel-heading {
  border-color: #f8b2b2;
}
.task-heading.task-activity-1 a,
.task-panel.panel-activity-1 .panel-heading a {
  color: #d9534f;
}

.task-panel.panel-activity-2 {
  border-color: #91b9f3;
}
.task-panel.panel-activity-2 .panel-heading {
  border-color: #91b9f3;
  color: #91b9f3;
}
.task-heading.task-activity-2 a,
.task-panel.panel-activity-2 .panel-heading a {
  color: #3871c1;
}

.panel-activity-3 {
  border-color: #6fd898;
}
.panel-activity-3 .panel-heading {
  border-color: #6fd898;
  /*background-color: #1bab54;*/
}
.task-heading.task-activity-3 a,
.task-panel.panel-activity-3 .panel-heading a {
  color: #1bab54;
}

.panel-activity-4 {
  border-color: #ecca7c;
}
.panel-activity-4 .panel-heading {
  border-color: #ecca7c;
  /*background-color: #b98e28;*/
}

.task-heading.task-activity-4 a,
.task-panel.panel-activity-4 .panel-heading a {
  color: #b98e28;
}

.panel-activity-5 {
  border-color: #ec9ce2;
}
.panel-activity-5 .panel-heading {
  border-color: #ec9ce2;
  /*background-color: #b031a1;*/
}

.task-heading.task-activity-5 a,
.task-panel.panel-activity-5 .panel-heading a {
  color: #b031a1;
}

.task-heading.task-activity-6 a,
.task-panel.panel-activity-6 .panel-heading a {
  color: #1b9191;
}

.panel-activity-6 {
  border-color: #1b9191;
}
.panel-activity-6 .panel-heading {
  border-color: #1b9191;
  padding: 10px 15px;
}

#plan-comment {
  resize: vertical;
}

/* создание 1 страница*/

input[type="number"] {
  -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.checkbox.u {
  padding-bottom: 5px;
}
.checkbox.u[disabled] {
  color: #777;
}
.form-control.numm {
  min-width: 3em;
  text-align: center;
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control.numm,
.input-group-addon.numm {
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.form-control.numm:disabled {
  border-color: #ccc;
  box-shadow: none;
}
.input-group-addon.numm.minus:hover,
.input-group-addon.numm.plus:hover {
  cursor: pointer;
}
.input-group-addon.numm.minus,
.input-group-addon.numm.plus {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.mon {
  /*font-weight: normal;*/
  color: #337ab7;
}
.control-label.text-left {
  text-align: left;
  padding-left: 0;
}
.row.count {
  margin-bottom: 2em;
}
.muted {
  color: #777;
}

/*создание 2 страница*/

.header-wrapper .panel {
  margin-top: 10px;
}
.task-panel.passed-task {
  opacity: 0.65;
}
.task-panel .panel-heading {
  background: #fff;
}
.task-panel .panel-heading b {
  font-weight: 800;
  /*color:#333;*/
  font-size: 18px;
}
.task-panel .panel-body {
  color: #333;
}

h5.plan {
  font-weight: bold;
  margin-bottom: 1.5em;
  position: relative;
  color: #888;
}
h5.plan:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 1.6em;
  left: 0;
}
span.swap,
span.swap-chain,
span.swap-accept,
span.swap-chain-accept {
  cursor: pointer;
  /*padding-left: 5px;*/
  font-size: 14px;
  font-weight: 500;
}
span.swap:hover,
span.swap-accept:hover {
  text-decoration: underline;
  /*color: #eee;*/
}

span.swap-chain:hover,
span.swap-chain-accept:hover {
  color: #4f92b3;
}

span.swap.list:before {
  content: "Заменить";
}
span.swap.in:before {
  content: "Свернуть";
}

span.swap.swaped:before {
  color: #009e22;
  content: "Заменено";
  font-weight: 600;
}

span.swap-chain.list:before {
  content: "Заменить связанные занятия";
}
span.swap-chain.in:before {
  content: "Свернуть панель";
}
span.swap.swaped {
  cursor: default;
  /*letter-spacing: 1px;
     font-weight: bold;
     display: block;*/
}
span.swap.swaped:hover {
  text-decoration: none;
  color: #0bfc7c;
}

span.swap-accept:before {
  content: "Выбрать";
}
.panel.panel-info .panel-heading,
.panel.panel-success .panel-heading {
  padding: 2px 10px;
}
.panel.panel-success > .panel-body {
  background: #f9fbf9;
}
#img-loader {
  margin-bottom: 15px;
}
#swap-container-col {
  height: 0;
  opacity: 0;
  transition: all 1s ease;
  margin-top: -22px;
  padding-left: 50px;
}
#swap-container-col.opened,
#swap-container.opened {
  /*transition: height 1s ease-in-out, display 1s ease-in-out;*/
  height: auto;
  opacity: 1;
}
#swap-container {
  transition: all 1s ease;
  height: 0;
  opacity: 0;
  padding-bottom: 0;
}
a.link {
  position: absolute;
  right: 0;
  /*color:#d9edf7;*/
}
a.link.padded {
  right: 85px;
}
#swap-accept {
  display: none;
}
.panel-heading a {
  color: #555;
}
/*.panel-heading a:hover,
.panel-heading a:focus {
    color: #333;
}*/
.panel-heading .fa-eye {
  color: #888;
}
#comment-form {
  display: block;
}
.age-wrap i {
  color: #5f5f5f;
  padding-top: 16px;
  vertical-align: top;
  margin-right: 5px;
}
.age-wrap b {
  font-size: 30px;
  font-weight: 800;
}
.month-wrap {
  font-size: 18px;
}
.month-wrap i {
  color: #5f5f5f;
  margin-right: 5px;
}

ul.inner {
  margin-top: 8px;
  list-style: none;
  padding-left: 10px;
  position: relative;
}
ul.inner:before {
  content: "";
  width: 4px;
  height: calc(100% - 6px);
  background: #ccc;
  position: absolute;
  left: 0;
  top: 4px;
}
ul.inner li {
  font-size: 20px;
}
#plan-new-tasks-form {
  padding-top: 15px;
}
#plan-new-tasks-form .radio label {
  font-size: 16px;
}
#plan-new-tasks-form p {
  font-size: 16px;
}
ul.inner.small li {
  font-size: 16px;
}
.new-tasks-toggler {
  font-size: 18px;
  font-weight: 800;
}
.plan-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}
.plan-wrapper .task-panel {
  border-width: 2px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-10 {
  padding-top: 10px;
}

.task-panel .panel-heading a.change-order {
  color: #888;
}

#plan-task-change-idx label {
  margin-top: 5px;
}