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

.class_modal {
	position:relative;
	margin:auto;
	vertical-align:middle;
}	
.modal-wide {width:95%;}

.inchirere {position:relative; z-index:320;}

/* Hide the images by default */
.show_cz, 
.show_imprejurimi, 
.show_c50 
		{   display: none;  position:relative;  z-index:268;}

.next, .prev {position:absolute; z-index:300;}

.inchidere{		position:relative;z-index:300;
				float:right;top:2em;
				font-size:2em;
				font-weight:bold;
				color:orange;
				color:#FFF;
				background-color:rgba(100,100,100,0.8);
				text-align:center;
				vertical-align:middle;	}

.inchidere:hover {   color: orange;}

.cursor{   cursor: pointer;}

/* Next & previous buttons */
.prev, .next{
  cursor: pointer;
  /*top: 40%;*/
  width: auto;   padding: 16px;   /*margin-top: -50px;*/
  color: white;
  font-weight: bold;   font-size: 3em;
  border-radius: 0 5px 5px 0;
  user-select: none;
  -webkit-user-select: none;
  background-color: rgba(0, 0, 0, 0.4)
}

.next{
  right: 0;
  border-radius: 5px 0 0 5px;}

.prev:hover,
.next:hover
	{  background-color: rgba(0, 0, 0, 0.8);}

.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.active,
.demo:hover {
  opacity: 1;
}