:root
{
	--light-blue: #0097ac;
	--dark-blue: #01567f;
}

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

header img
{
	max-width:75%;
}

img
{
	width:100%;
	object-fit: contain;
}

.canvas-container
{
	width:100%;
	height:auto;
}
.element-container
{
	background:rgba(255, 255, 255, 0.7);
	overflow:hidden;
}
.element-dump
{

}

.element-container img
{
	cursor:pointer;
}

.element-dump .trash
{
	  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M3 6v18h18v-18h-18zm5 14c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm4-18v2h-20v-2h5.711c.9 0 1.631-1.099 1.631-2h5.315c0 .901.73 2 1.631 2h5.712z"/></svg>');
      width: 20px;
      height: 20px;
      background-color: #FFF;
      padding: 12px;
      position: absolute;
      top: -10px;
      background-repeat: no-repeat;
      background-position: center center;
      right: -10px;
      border-radius: 4px;
	  cursor:pointer;
	  display: none;
}
.element-dump .trash:hover
{
	background-color: var(--light-blue);
}

.rect_ratio
{
    aspect-ratio: 2.5;
}

.btn-primary:hover {
    color:  var(--dark-blue);
    background-color: #FFF;
    border-color:  var(--dark-blue);
}

.btn-primary {
    color: #fff;
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
	background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
	background-color: var(--dark-blue);
    border-color: var(--dark-blue);
    box-shadow: none
}

.draggable-element
{
	touch-action: none;
}

@media (min-width: 992px)
{
	.footer-meta-links {
	    float: right;
	}
}
@media (min-width: 480px)
{
.footer-meta-links {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}
.footer-meta-links > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
}



footer a,
footer a:link,
footer a:visited,
footer a:active {
	color:#FFF;
    transition: all 0.1s linear;
	text-decoration:none;

}
footer a:hover, footer a:focus {
    text-decoration: underline !important;
}

hr
{
	height:1px;
}

footer
{
	font-size: 13px;
	color:#FFF;

}

.map_overlay
{
	position:absolute;
	z-index: 2;
	width:100%;
	height:auto;
}

.fadeOut {
  animation: fadeOut ease 1s;
  -webkit-animation: fadeOut ease 1s;
  -moz-animation: fadeOut ease 1s;
  -o-animation: fadeOut ease 1s;
  -ms-animation: fadeOut ease 1s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;

}
@keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}