/* To make the image loaded via my_globals.php load_fotos() responsive  */
.ns_responsive_images {
  max-width: 100%;
  max-height: 100%;
}


.image_place {
	float: right;
	margin: 5px;
	margin-bottom: 10px;
}

.image_frame {
	border: 1px solid #d3d3d3;
	padding: 5px;
	border-radius: 3px;
	margin-bottom: 10px;
	cursor: pointer;
	text-align: center;
}

.image_frame:hover {
	border: 1px solid orange;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.main_image_frame {
    position: fixed;
	display: none;
	width: 70%;
	max-width: 70%;
	top: 15%;
    left: 15%;

	z-index: 1900;
	border: 2px solid gray;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 5px;

	background: #f9f9f9;
	text-align: center;
	overflow: hidden;
	max-height: 80%;
}

.pic_main_holder {
	position: relative;
	box-sizing: border-box;
	display: none;
	border: 1px solid orange;
	padding: 5px;
	margin: 10px;
	background: white;
}

.pic_right_arrow {
	position: absolute;
	width: 30px;
	right: -15px;
	top: 45%;
	background: white;
	border: 1px solid #d3d3d3;
	border-radius: 50%;
	z-index: 1905;
	cursor: pointer;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pic_left_arrow {
	position: absolute;
	width: 30px;
	left: -15px;
	top: 45%;
	background: white;
	border: 1px solid #d3d3d3;
	border-radius: 50%;
	z-index: 1905;
	cursor: pointer;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transform: rotate(180deg);
}


.image_close_box {
	position: absolute;
	right: 2px;
	top: 2px;
	cursor: pointer;
	border: 1px solid red;
	border-radius: 3px;
	color: red;
	padding: 5px;
	vertical-align: middle;
	background: white;
}

.close_icon_img {
	width: 18px;
	height: 18px;
	margin-right: 5px;
	vertical-align: middle;
}


.cap_holder_tn, .cap_holder_main {
	font-family: economica_reg;
	font-size: 1rem;
}

.cap_holder_main {
	font-size: 1.25rem;
}