.tdui_site_components_gallery_ui__main > .images_ctr {
  flex-grow: 1;
}
.tdui_site_components_gallery_ui__main > .images_ctr > .images {
  width: 100%;
  display: flex;
  justify-content: center;
}
.tdui_site_components_gallery_ui__main > .images_ctr > .images > .image_selector {
  max-height: 555px;
  padding: 5px;
  margin-top: -8px;
  display: flex;
  flex-direction: column;
}
.tdui_site_components_gallery_ui__main > .images_ctr > .images > .image_selector > .image {
  cursor: default;
  margin: 3px;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
}
.tdui_site_components_gallery_ui__main > .images_ctr > .images > .image_selector > .image img {
  height: 100%;
  object-fit: cover;
}
.tdui_site_components_gallery_ui__main > .images_ctr > .images > .image_ctr {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.tdui_site_components_gallery_ui__main > .images_ctr > .images > .image_ctr > .image {
  cursor: default;
  display: flex;
  position: relative;
  max-height: 600px;
  overflow: hidden;
  background-color: #FFFFFF;
}
.tdui_site_components_gallery_ui__main > .images_ctr > .images > .image_ctr > .image img {
  width: 100%;
  object-fit: cover;
}
@media all and (max-width: 800px) {
  .tdui_site_components_gallery_ui__main > .images_ctr > .images {
    flex-direction: column-reverse;
  }
  .tdui_site_components_gallery_ui__main > .images_ctr > .images > .image_selector {
    margin-top: 0;
    flex-direction: row;
    justify-content: center;
  }
  .tdui_site_components_gallery_ui__main > .images_ctr > .images > .image_selector > .image {
    max-height: none;
    width: 50px;
    height: 50px;
  }
}
.tdui_site_components_gallery_ui__main > .bottom {
  display: flex;
  justify-content: flex-end;
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button {
  cursor: pointer;
  float: left;
  margin: 0 3px 0 0;
  color: #404040;
  text-align: center;
  background: #f9f9f9;
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(#f9f9f9), to(#e4e4e4));
  background: -webkit-linear-gradient(#f9f9f9, #e4e4e4);
  background: -moz-linear-gradient(-90deg, #f9f9f9 0%, #e4e4e4 100%);
  background: -moz-gradient(center top, #f9f9f9 0%, #e4e4e4 100%);
  background: linear-gradient(#f9f9f9, #e4e4e4);
  -pie-background: linear-gradient(#f9f9f9, #e4e4e4);
  border-radius: 3px;
  border: 1px solid #dddddd;
  padding: 8px 20px;
  padding: 5px 10px;
  margin: 5px;
  display: flex;
  float: none;
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button.small {
  padding: 5px 10px;
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button.medium {
  padding: 8px 20px;
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button.big {
  padding: 11px 30px;
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button:hover {
  border: 1px solid #d1d1d1;
  background: #f3f3f3;
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(#f3f3f3), to(#d1d1d1));
  background: -webkit-linear-gradient(#f3f3f3, #d1d1d1);
  background: -moz-linear-gradient(-90deg, #f3f3f3 0%, #d1d1d1 100%);
  background: -moz-gradient(center top, #f3f3f3 0%, #d1d1d1 100%);
  background: linear-gradient(#f3f3f3, #d1d1d1);
  -pie-background: linear-gradient(#f3f3f3, #d1d1d1);
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button.red:hover {
  color: #ffffff;
  border: 1px solid #d8422d;
  background: #fc4d34;
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(#fc4d34), to(#d8422d));
  background: -webkit-linear-gradient(#fc4d34, #d8422d);
  background: -moz-linear-gradient(-90deg, #fc4d34 0%, #d8422d 100%);
  background: -moz-gradient(center top, #fc4d34 0%, #d8422d 100%);
  background: linear-gradient(#fc4d34, #d8422d);
  -pie-background: linear-gradient(#fc4d34, #d8422d);
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button.green:hover {
  color: #f4ffea;
  border: 1px solid #62a855;
  background: #6ebc5f;
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(#6ebc5f), to(#62a855));
  background: -webkit-linear-gradient(#6ebc5f, #62a855);
  background: -moz-linear-gradient(-90deg, #6ebc5f 0%, #62a855 100%);
  background: -moz-gradient(center top, #6ebc5f 0%, #62a855 100%);
  background: linear-gradient(#6ebc5f, #62a855);
  -pie-background: linear-gradient(#6ebc5f, #62a855);
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button.blue:hover {
  color: #ffffff;
  border: 1px solid #559ac8;
  background: #5ba7d9;
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(#5ba7d9), to(#559ac8));
  background: -webkit-linear-gradient(#5ba7d9, #559ac8);
  background: -moz-linear-gradient(-90deg, #5ba7d9 0%, #559ac8 100%);
  background: -moz-gradient(center top, #5ba7d9 0%, #559ac8 100%);
  background: linear-gradient(#5ba7d9, #559ac8);
  -pie-background: linear-gradient(#5ba7d9, #559ac8);
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button.purple:hover {
  color: #FFFFFF;
  border: 1px solid #a150af;
  background: #b265bf;
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(#b265bf), to(#a150af));
  background: -webkit-linear-gradient(#b265bf, #a150af);
  background: -moz-linear-gradient(-90deg, #b265bf 0%, #a150af 100%);
  background: -moz-gradient(center top, #b265bf 0%, #a150af 100%);
  background: linear-gradient(#b265bf, #a150af);
  -pie-background: linear-gradient(#b265bf, #a150af);
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button.orange:hover {
  color: #FFFFFF;
  border: 1px solid #ef8500;
  background: #ffad00;
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(#ffad00), to(#ef8500));
  background: -webkit-linear-gradient(#ffad00, #ef8500);
  background: -moz-linear-gradient(-90deg, #ffad00 0%, #ef8500 100%);
  background: -moz-gradient(center top, #ffad00 0%, #ef8500 100%);
  background: linear-gradient(#ffad00, #ef8500);
  -pie-background: linear-gradient(#ffad00, #ef8500);
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button:active {
  position: relative;
  left: 1px;
  top: 1px;
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button.fl {
  float: left;
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button.nofl {
  float: none;
}
.tdui_site_components_gallery_ui__main > .bottom .edit_button.fr {
  float: right;
}