#camera, #camera--view, #camera--sensor, #camera--output{
 
    width:100%;
    max-width: 650px;
    margin-left:auto;
    margin-right: auto;
    
}


#camera--view, #camera--sensor, #camera--output{
    transform: scaleX(-1);
    filter: FlipH;
}

#camera-trigger{
    width: 50px;
    background-color: black;
    color: white;
    font-size: 16px;
    border-radius: 30px;
    border: none;
    padding: 15px 20px;
    text-align: center;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    position: fixed;
    bottom: 30px;
    left: calc(50% - 100px);
}

#reglog{
    background-color: red;
    height: 100%;
  width: 100%;
}


.hidden {
display: none;
}

/*#container{
  margin-top: 90px;
}
*/
.profileimg {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  
}

.pprofileimg {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  
}
.msgsearch
 {
    background:none;
    border:none;
    margin:0;
    padding:0;
    color: white;
}

#cropper {
  width: 200px;
  height: 200px;
  background-image: url(myBackgroundImage.png);
  background-repeat: no-repeat;
  background-position: center center;
}

/* Top right text */
.top-rightg {
  position: absolute;
  top: 8px;
  right: 16px;
  font-weight: bold;
}

.containe {
  position: relative;
  text-align: center;
  color: white;
}


.fixed-action-btnf {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 200px;
  z-index: 997;
}



.fixed-action-btnf.direction-left, .fixed-action-btnf.direction-right {
  padding: 0 0 0 15px;
}



.fixed-action-btnf.direction-right {
  padding: 0 15px 0 0;
}




.fixed-action-btnf.direction-bottom {
  padding: 0 0 15px 0;
}



.fixed-action-btnf.fab-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #26a69a;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.fixed-action-btng {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 300px;
  z-index: 997;
}



.fixed-action-btng.direction-left, .fixed-action-btnf.direction-right {
  padding: 0 0 0 15px;
}



.fixed-action-btng.direction-right {
  padding: 0 15px 0 0;
}




.fixed-action-btng.direction-bottom {
  padding: 0 0 15px 0;
}



.fixed-action-btng.fab-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #26a69a;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
}