@charset "utf-8";
/* CSS Document */



.mySlides {
width: 100%;
height: 100%; 
overflow:hidden;	
display: none;
position: absolute;
opacity: 0;
transition: opacity 3s;
 }

img {
vertical-align: middle;
 }



.dropdown {
  display: inline-block;
  position: relative;
  z-index: 500;
cursor : pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  width: 100%;
  overflow: auto;
cursor : pointer;
}


.dropdown:hover .dropdown-content {
  display: block;
  background-color: #FAEBD7;
cursor : pointer;
}

.dropdown-content a {
  display: block;
  color: #000000;
  padding: 5px;
  text-decoration: none;
cursor : pointer;
}


.dropdown-content a:hover {
  color: #00FFFF;
  background-color: #FF0000 ;
cursor : pointer;
}

.draggable9 {
  border: 2px solid;
  padding 1px;
  width: 300px;
  overflow: hidden;
 cursor: grab;
}
	
	
.draggable {
	border-radius: 25px;	
 	 padding: 8px;
	 border: 2px solid;
	 width: 300px;
 	 overflow: hidden;
	 position:absolute;
     resize: both; 
	 
}


.draggable2 {
	border-radius: 25px;	
	text-decoration: blink;
 	 padding: 8px;
	 border: 2px solid;
	 width: 600px;
 	 overflow:hidden;
	 position:absolute;
     resize: both;
}

.draggable500 {
	border-radius: 25px;	
	text-decoration: blink;
 	 padding: 8px;
	 border: 2px solid;
	 width: 600px;
 	 overflow:hidden;
	 position:absolute;
     resize: both;
}




.newImage {
	border-radius: 25px;	
 	 padding: 8px;
	 border: 2px solid;
	 width: 500px;
 	 overflow: visible;
	 position:absolute;
     resize: both; }

.imageDiv {
	display: flex;
    gap: 7px;	
 	position:relative;
	width: 100%;
	height: 100%;
	 border-width: medium;
	border-color: #000000;
 	 overflow:hidden;	
}

	

.imageDiv2 {
	display: flex;
    gap: 0px;	
 	position:relative;
	width: 100%;
	height: 100%;
}


.notImage{
	  display: inline-block;
	
}

.texty {
	width: 100%;
    height: 100%; 
    box-sizing: border-box;	
	 }

.texty2 {
	display: flex;
 	position:relative;
	width: 100%;
    height: 100%; 
	 border-width: medium;
	border-color: #000000;
 	 overflow:hidden;	
	
	}


button:hover {
      background-color: #00fbff;
      transition: 0.7s;
  }

.redBorder {
	
border: 1px solid #ff0000;
}

.coordinates-display {
  display:block;	
}

.circular--square { border-radius: 50%; }

.mainButtons{
	
	background-color: #ffffff;
	
	width: 100%;
	height: 35px;
}

.dropper{
	border-radius: 25px;	
 	 padding: 8px;
	 border: 2px solid;
	 width: 500px;
 	 overflow: visible;
	 position:relative;
}


@keyframes blink {
  from {
  border: 5px solid rgba(255, 0, 0, 0.7);
  }
  to {
border: 5px solid rgba(0, 0, 0, 0.2);  
	}
}

.blink {
  animation: blink 2000ms infinite;
}



.sliderz {
  flex: 1;
  clear: both;
  width: 100%;
  height: 100%;
  list-style-type: none;
  text-align: center;
   -webkit-animation: sliderz 15s linear infinite;
  animation: sliderz 15s linear infinite;
}

.sliderz p {
  line-height: 25px;
  width: 100%;
}




@keyframes sliderz {
  0% {
    transform: translateY(100%)
  }
  100% {
    transform: translateY(-100%)
  }
}

.sliderz:hover {
  animation-play-state: paused;
}