@charset "utf-8";

/* nutné pro fungování galerie */
.netrastr, .tiledesign{
  position: relative;
}

.tiledesign.unfixed{
  width: unset !important;
  height: unset !important;
  margin-top: unset !important;
  margin-left: unset !important;
}

.tiledesign.unfixed .tiles_fill_join{
  display: none;
}

.tiledesign .unfixed{
  position: relative !important;
  left: unset !important;
  top: unset !important;
  width: unset !important;
  height: unset !important;
}

/* pro navrhování */

.tiles_demo{
  position: absolute;
  z-index: 1;
  color: #000;
  background-color: rgba(0,0,0,.5);
  opacity: .6;
}

.tiles_demo span{
  position: absolute;
  display: block;
  left: 1px;right: 1px;top: 5px;bottom: 5px;
  text-align: center;
  line-height: 14px;
  font-size: 12px;
  vertical-align: middle;
  z-index: 1;
  color: #ffffff;
}

.tiledesign .tiles_demo.modificated{
  transition: all .3s linear;
}

.tiles_demo.modificated:hover{
  opacity: 0;
}

.tiles_demo:after{
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;right: 1px;top: 1px;bottom: 1px;
  background-color: rgb(255,255,255);
  box-shadow: 0px 0px 6px rgba(0,0,0,.5) inset, 0px 0px 3px rgba(0,0,0,.8) inset;
}

.tiles_demo.free:after{
  background-color: rgba(102,204,102,.3);
}

.tiles_demo.fill:after{
  background-color: rgba(0,0,0,1);
}

.tiledesign .tiles_fill{
  position: absolute;
  z-index: 1;
}


.tiles_demo.bgc_1:after { background-color: #f44336; }
.tiles_demo.bgc_2:after { background-color: #e91e63; }
.tiles_demo.bgc_3:after { background-color: #9c27b0; }
.tiles_demo.bgc_4:after { background-color: #673ab7; }
.tiles_demo.bgc_5:after { background-color: #3f51b5; }
.tiles_demo.bgc_6:after { background-color: #2196f3; }
.tiles_demo.bgc_7:after { background-color: #03a9f4; }
.tiles_demo.bgc_8:after { background-color: #00bcd4; }
.tiles_demo.bgc_9:after { background-color: #009688; }
.tiles_demo.bgc_10:after { background-color: #4caf50; }
.tiles_demo.bgc_11:after { background-color: #8bc34a; }
.tiles_demo.bgc_12:after { background-color: #cddc39; }
.tiles_demo.bgc_13:after { background-color: #ffeb3b; }
.tiles_demo.bgc_14:after { background-color: #ffc107; }
.tiles_demo.bgc_15:after { background-color: #ff9800; }
.tiles_demo.bgc_16:after { background-color: #ff5722; }
.tiles_demo.bgc_17:after { background-color: #795548; }
.tiles_demo.bgc_18:after { background-color: #9e9e9e; }
.tiles_demo.bgc_19:after { background-color: #607d8b; }