html,
body {
  margin: 0;
  padding: 0;
          background-color: #5FB49C;
}
 #main {
     width:100%;
      height: 100%;
	color: white;
	   margin-bottom: 5px;

}
 #top {
    border-radius: 12px;
     background-color: #414288;
text-align:center;
padding-top:15px;
margin-top:15px;
}


.select-editable {
  position: relative;
  width: 100%;
  	color: black;
}

.select-editable > * {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  outline: none;
      border-radius: 2px;
}

.select-editable select {
  width: 100%;height: 38px; border-radius: 4px;
}

.select-editable input {
    padding-left:10px;
height: 34px;
        border-radius: 2px;
  width: calc(100% - 20px);
  margin: 1px;
  border: none;
  text-overflow: ellipsis; border-radius: 2px;
}


.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   padding-top:0.5%;
   padding-bottom:2.5%;
   width: 100%;
   height: 5%;
   background-color: #3F3F37;
   color: white;
   text-align: center;
}