/* Empty. Add your own CSS if you like */
/*body {
    background-color: yellow !important;
}
.ion-content
{
    background-color: green;
}*/

.camera {
    /*border-radius: 50%;*/
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 5px;
    transition: 0.3s;
}

.image-loader-container {
  margin: 9px;
  max-width: 81px;
  max-height: 81px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  /*background-color: #e5e5e5;*/
  background-color: #fff;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
}

@media only screen and (max-width : 360px) {
	.camera {
	    width: 100%;
	}
}

/*@media only screen and (min-width : 701px) and (max-width : 1699px){

}*/

@media only screen and (min-width : 361px){
	.camera {
      width:auto !important;
      height:auto !important;
	}
}