@charset "UTF-8";

#layer1,#layer2,#layer3 {
    display: none;
    position: fixed; 
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
}

#canvas1,#canvas2,#canvas3 {
    display: none;
    position: absolute; 
    background-color: black;
    border-radius: 5px;
    z-index: 99999999;
}

.ch-gr {
background-color: #86c93f;
}

.ch-lg {
  /*--background-color: #f08300;*/
  color:white;
  border: solid;
  border-radius: 10px;
  border-color: white;
  padding:1.5em;
  margin: 1em;
  font-weight: 200;
}

#ch-panel {
  text-align: center;
  vertical-align: bottom;
  padding-left: calc(100% / 6);
  padding-right: calc(100% / 6);
}


.section.hide {
    display: none;
}

section {
	margin-top: -60px;
	padding-top: 60px;
}

input[type="file"] {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: absolute;
    right: -5%;
    top: 10%;
    z-index: 10;  
}

.photo1,.photo2,.photo3 {
    height: 125px;
    width: 120px;
    margin: auto;
    /*pointer-events: none;*/
}

#file1,#file2,#file3 {
    height:100%;
    width:110px; 
}

#deleteImage1,#deleteImage2,#deleteImage3 {
    display: none;
    height:100%;
    width:110px; 
}

#clearBtn,#insertBtn,#updateBtn {
    width:230px;
}

#memo {
    overflow:auto;
}