/* /templates2_0/module/preset/pet/index.less */
.module_preset_pet {
  position: relative;
  box-sizing: border-box;
}
.module_preset_pet-checked {
  position: relative;
  box-sizing: border-box;
  display: none;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.module_preset_pet-create {
  position: relative;
  box-sizing: border-box;
  border: 2px solid #dcdcdc;
  border-radius: 5px;
  cursor: pointer;
  color: #000;
  -webkit-flex: 0 0 120px;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  margin-right: 20px;
  margin-bottom: 20px;
  min-height: 160px;
  padding: 20px 15px;
  transition: border-color 300ms;
  background: transparent 100% 100% no-repeat;
}
.module_preset_pet-create:nth-of-type(5n) {
  margin-right: 0;
}
.module_preset_pet-create.active,
.module_preset_pet-create:hover {
  border-color: #5ca038;
}
.module_preset_pet-create:hover:after,
.module_preset_pet-create.active:after {
  position: absolute;
  content: '+';
  background-color: #5ca038;
  border-radius: 50%;
  color: #fff;
  font: bold 36px Utkonos;
  text-align: center;
  height: 40px;
  width: 40px;
  bottom: 0;
  margin-bottom: -20px;
  left: 50%;
  margin-left: -20px;
  z-index: 1;
}
.module_preset_pet-create .signature {
  font: normal 14px Utkonos;
  color: inherit;
}
.module_preset_pet-create .title {
  font: bold 20px Utkonos;
  text-transform: lowercase;
  word-break: break-word;
}
.module_preset_pet-create[data-preset-id="1"] {
  background-image: url(/templates2_0/module/preset/pet/dog.png);
}
.module_preset_pet-create[data-preset-id="2"] {
  background-image: url(/templates2_0/module/preset/pet/cat.png);
}
.module_preset_pet-create[data-preset-id="3"] {
  background-image: url(/templates2_0/module/preset/pet/fish.png);
}
.module_preset_pet-create[data-preset-id="4"] {
  background-image: url(/templates2_0/module/preset/pet/horse.png);
}
.module_preset_pet-create[data-preset-id="5"] {
  background-image: url(/templates2_0/module/preset/pet/ferret.png);
}
.module_preset_pet-create[data-preset-id="6"] {
  background-image: url(/templates2_0/module/preset/pet/bird.png);
}
.module_preset_pet-create[data-preset-id="7"] {
  background-image: url(/templates2_0/module/preset/pet/turtle.png);
}
.module_preset_pet-create[data-preset-id="8"] {
  background-image: url(/templates2_0/module/preset/pet/hamster.png);
}
.module_preset_pet-used {
  position: relative;
  box-sizing: border-box;
  display: none;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.module_preset_pet-pet,
.module_preset_pet-add {
  position: relative;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #dcdcdc;
  color: #000;
  cursor: pointer;
  font: normal 18px/3 Utkonos;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 0 10px 0 70px;
  transition: border-color 300ms;
  -webkit-flex: 0 0 220px;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
}
.module_preset_pet-pet .signature,
.module_preset_pet-add .signature {
  color: #777;
  display: inline;
}
.module_preset_pet-pet .signature:before,
.module_preset_pet-add .signature:before {
  content: ', ';
  color: #000;
}
.module_preset_pet-pet.active,
.module_preset_pet-pet:hover,
.module_preset_pet-add.active,
.module_preset_pet-add:hover {
  border-color: #5ca038;
}
.module_preset_pet-pet:nth-of-type(3n),
.module_preset_pet-add:nth-of-type(3n) {
  margin-right: 0;
}
.module_preset_pet-pet {
  background: transparent 0 100% no-repeat;
}
.module_preset_pet-pet[data-preset-id="1"] {
  background-image: url(/templates2_0/module/preset/pet/dog_min.png);
}
.module_preset_pet-pet[data-preset-id="2"] {
  background-image: url(/templates2_0/module/preset/pet/cat_min.png);
}
.module_preset_pet-pet[data-preset-id="3"] {
  background-image: url(/templates2_0/module/preset/pet/fish_min.png);
}
.module_preset_pet-pet[data-preset-id="4"] {
  background-image: url(/templates2_0/module/preset/pet/horse_min.png);
}
.module_preset_pet-pet[data-preset-id="5"] {
  background-image: url(/templates2_0/module/preset/pet/ferret_min.png);
}
.module_preset_pet-pet[data-preset-id="6"] {
  background-image: url(/templates2_0/module/preset/pet/bird_min.png);
}
.module_preset_pet-pet[data-preset-id="7"] {
  background-image: url(/templates2_0/module/preset/pet/turtle_min.png);
}
.module_preset_pet-pet[data-preset-id="8"] {
  background-image: url(/templates2_0/module/preset/pet/hamster_min.png);
}
.module_preset_pet-add {
  color: #777;
  font-weight: bold;
  padding-left: 50px;
}
.module_preset_pet-add:before {
  position: relative;
  box-sizing: border-box;
  content: '+';
  font-size: 30px;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  margin-left: -50px;
  width: 50px;
  text-align: center;
}
.module_preset_pet-add:hover {
  color: #000;
}
.module_preset_pet-content {
  position: relative;
  box-sizing: border-box;
  background-color: #f8f6f6;
  padding: 20px 10px;
  display: none;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.module_preset_pet-form {
  position: relative;
  box-sizing: border-box;
  margin: 0 10px 0 0;
  max-width: 170px;
  display: none;
}
.module_preset_pet-element {
  margin-bottom: 20px;
  max-width: inherit;
}
.module_preset_pet-element .title {
  font: normal 12px Tahoma;
}
.module_preset_pet-element .el_select,
.module_preset_pet-element input[type="text"] {
  position: relative;
  box-sizing: border-box;
  display: block;
  max-width: inherit;
  margin: 10px 0 0;
}
.module_preset_pet-element .add {
  display: inline-block;
}
.module_preset_pet-element .edit {
  display: none;
}
.module_preset_pet-remove {
  position: relative;
  display: none;
  font: normal 12px Tahoma;
  color: #000;
  cursor: pointer;
  text-decoration: underline;
}
.module_preset_pet-remove:hover {
  text-decoration: none;
}
.module_preset_pet-cat {
  position: relative;
  box-sizing: border-box;
  -webkit-flex: 1 1 500px;
  -ms-flex: 1 1 500px;
  flex: 1 1 500px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.module_preset_pet-cat .catalogue_item {
  position: relative;
  box-sizing: border-box;
  -webkit-flex: 0 0 150px;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  width: 150px;
  text-align: center;
  padding: 10px;
  margin: 0 20px 10px 0;
  background-color: #fff;
}
.module_preset_pet-cat .catalogue_item .link {
  position: relative;
  color: #000;
  display: block;
  margin-top: 20px;
  text-decoration: underline;
}
.module_preset_pet-cat .catalogue_item .link:hover {
  text-decoration: none;
}
.module_preset_pet-info {
  position: relative;
  box-sizing: border-box;
  color: #333;
  font: normal 12px/1 Tahoma;
  padding: 20px 0 0;
  display: none;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.module_preset_pet-edit {
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
}
.module_preset_pet-edit:hover {
  text-decoration: none;
}
.module_preset_pet[data-status="empty"] .module_preset_pet-checked {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.module_preset_pet[data-status="list"] .module_preset_pet-used {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.module_preset_pet[data-status="list"] .module_preset_pet-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.module_preset_pet[data-status="used"] .module_preset_pet-used {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.module_preset_pet[data-status="used"] .module_preset_pet-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.module_preset_pet[data-status="used"] .module_preset_pet-info {
  display: block;
}
.module_preset_pet[data-status="create"] .module_preset_pet-checked {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.module_preset_pet[data-status="create"] .module_preset_pet-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.module_preset_pet[data-status="create"] .module_preset_pet-form.active {
  display: block;
}
.module_preset_pet[data-status="add"] .module_preset_pet-checked {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.module_preset_pet[data-status="add"] .module_preset_pet-used {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.module_preset_pet[data-status="add"] .module_preset_pet-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.module_preset_pet[data-status="add"] .module_preset_pet-form.active {
  display: block;
}
.module_preset_pet[data-status="edit"] .module_preset_pet-used {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.module_preset_pet[data-status="edit"] .module_preset_pet-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.module_preset_pet[data-status="edit"] .module_preset_pet-form.active {
  display: block;
}
.module_preset_pet[data-status="edit"] .module_preset_pet-remove {
  display: inline-block;
}
.module_preset_pet[data-status="edit"] .module_preset_pet-element .add {
  display: none;
}
.module_preset_pet[data-status="edit"] .module_preset_pet-element .edit {
  display: inline-block;
}