#fileInput	{width:0;height:0;overflow:hidden;}
#modal		{z-index: 10;position: fixed;top: 0px;left: 0px;width: 100%; height: 100%;background-color: #5F5F5F;opacity: 0.95;display: none;}
#preview	{z-index: 11;position: fixed;top: 0px;left: 0px;display: none;border: 4px solid #A5A2A2;border-radius: 4px;float: left;font-size: 0px;line-height: 0px;}
#preview  .buttons {width: 36px;position: absolute;bottom:0px;right: -44px;}
#preview  .buttons .ok{border: 4px solid #F5F5F5;border-radius: 4px;width: 28px;height: 28px;line-height: 0px;font-size: 0px;background-image: url('Ok.png');background-repeat: no-repeat;}
#preview  .buttons .ok:hover{background-image: url('OkGreen.png');}
#preview  .buttons .cancel{margin-bottom: 4px;border: 4px solid #F5F5F5;border-radius: 4px;width: 28px;height: 28px;line-height: 0px;font-size: 0px;background-image: url('Cancel.png');
							background-repeat: no-repeat;}
#preview .buttons .cancel:hover{background-image: url('CancelRed.png');}

/*===================================== UPLOAD FORM =======================================*/
.main_image_container {width: 65%;margin:0px auto;}
#mic_header {background:#52b15a;color:#fff;border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;
	display:flex;flex-flow: row wrap;-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);}
#mic_footer {background:#52b15a;color:#fff;border-radius: 0px 0px 5px 0px;-moz-border-radius: 0px 0px 5px 0px;;-webkit-border-radius:0px 0px 5px 0px;
	display:flex;flex-flow: row wrap;-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);}
.foto-title	{padding-left:10px;padding-top:5px;}
.menu-iten	{list-style:none;flex:1;text-align:center;border:none;border-radius:3px;background:#ffe212;padding:7px;margin-left:2px;color:#000;
	font-weight:bold;cursor: pointer;}
.menu-iten:hover {background:#ccc}
#video	{border:1px solid #ccc;}
#imgcanvas {border:1px solid #ccc;}
.cropme	{border:1px solid #fff; margin:5px;width:230px; height:270px;background-color: #f1f1f1;margin-bottom: 5px; margin-right: 5px;
	background-image: url('./assets/img/UploadLight.png'); background-position: center center;background-repeat: no-repeat;cursor: pointer;text-align: center;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);}
.cropme:hover {background-image: url('./assets/img/UploadDark.png');}
.btn_carregar_foto { font-size: 20px; }
.menu-iten:active {background:#666e60}
#img-up-cam	{color:#000;flex:1;display:flex;align-items: center;justify-content: center;align-content: space-around;padding:2px;}
#img_tools {border:1px solid #fff;margin-top:2px;min-height:200px;-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);}
#fotografia-webcam {diplay:flex;}
.video_area	{width:230px; height:270px;float:left;}
.video_over_bt {width:230px;height:270px;z-index:20;background-size: 100px 100px; background-position: center center;background-repeat: no-repeat;
	cursor: pointer;}
.video_over_bt:hover {background-color:transparent;box-shadow: inset 0 0 15px #0f0;background-image: url('./assets/img/capture.png');
	background-size: 100px 100px; background-position: center center;background-repeat: no-repeat;cursor: pointer;}
.video_over_bt:active {background-color:transparent;box-shadow: inset 0 0 15px #09defe;background-image: url('./assets/img/captured.png');
	background-size: 100px 100px; background-position: center center;background-repeat: no-repeat;cursor: pointer;}

.webcam-canvas { width:232px;height:272px;position:relative;display:none;float:left;border:1px solid #1b5375; }
.webcam-videoarea { width:232px;height:272px;position:relative; }
.webcam-canvas_holder { /*margin-left:273px;*/visibility: hidden; }

.photo-upload {
    width: 30%;
    aspect-ratio: 1 / 1;
    border: 2px dashed #aaa;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .photo-upload img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .photo-placeholder {
    text-align: center;
    color: #999;
    font-size: 14px;
  }