.app_icon_container{
  position: absolute;
top: 10%;
left: 10%;
background-color: #000;
width: 50px;
height: 50px;
border-radius: 100%;
}
.app_icon_img{
    width: 100%;
    height: 100%;
}
.app_icon_title{
  color: #FFF;
font-size: 10px;
width: 100px;
padding-top: 6px;
font-style: italic;
}


*::-moz-focus-inner {
  border: none;
}
*:focus, *:focus{
    outline: none;
}



.login_backer{
  background-color: rgba(0,0,20,0.7);
width: 100%;
height: 100%;
position: fixed;
padding: 0px;
margin: 0px;
top: 0px;
  z-index: 930000;
}
.login_forms{
  width: 30%;
background-color: #FFF;
margin: auto;
top: 25%;
position: relative;
height: 230px;
text-align: center;
border-radius: 3px;
box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.9);
}
.login_title{
  font-size: 15px;
margin-top: -9px;
margin-bottom: 0px;
}
.login_input{
  border: 1px solid #DDD;
padding: 5px;
margin: 10px;
width: 250px;
border-radius: 5px;
}
.subscribe_button,
.login_button{
  border: none;
padding: 5px;
margin: 5px;
width: 200px;
border-radius: 5px;
background-color: rgba(0,0,50,1);
color: #FFF;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
cursor: pointer;
  transition-duration: 0.1s;
  font-size: 13px;
}
.subscribe_button:hover,
.login_button:hover{
  font-size: 16px;
background-color: rgba(255,255,255,1);
color: #000;
}
.subscribe_button:active,
.login_button:active{
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
}

.logout_container{
  position: fixed;
z-index: 950000;
width: 20px;
height: 20px;
  right: 10px;
  top:3px;
  cursor: pointer;
}
.logout_container img{
  width: 100%;
}
.center_container{
  position: fixed;
z-index: 950000;
width: 20px;
height: 20px;
  right: 50px;
  top:3px;
  cursor: pointer;
}
.photo_container{
  position: fixed;
z-index: 950000;
width: 20px;
height: 20px;
  right: 100px;
  top:3px;
  cursor: pointer;
}
.center_container img,
.photo_container img{
  width: 100%;
}





.app_icon_container{
  position: absolute;
top: 10%;
left: 10%;
background-color: #000;
width: 50px;
height: 50px;
border-radius: 100%;
}
.app_icon_img{
    width: 100%;
    height: 100%;
}
.app_icon_title{
  color: #FFF;
font-size: 10px;
width: 100px;
padding-top: 6px;
font-style: italic;
}


*::-moz-focus-inner {
  border: none;
}
*:focus, *:focus{
    outline: none;
}



.subscribe_backer{
  background-color: rgba(0,0,20,0.7);
width: 100%;
height: 100%;
position: fixed;
padding: 0px;
margin: 0px;
top: 0px;
  z-index: 930000;
}
.subscribe_forms{
  width: 30%;
background-color: #FFF;
margin: auto;
top: 25%;
position: relative;
height: 280px;
text-align: center;
border-radius: 3px;
box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.9);
}
.subscribe_title{
  font-size: 15px;
margin-top: -9px;
margin-bottom: 0px;
}
.subscribe_input{
  border: 1px solid #DDD;
padding: 5px;
margin: 10px;
width: 250px;
border-radius: 5px;
}
.subscribe_button,
.subscribe_button{
  border: none;
padding: 5px;
margin: 5px;
width: 200px;
border-radius: 5px;
background-color: rgba(0,0,50,1);
color: #FFF;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
cursor: pointer;
  transition-duration: 0.1s;
  font-size: 13px;
}
.subscribe_button:hover{
  font-size: 16px;
background-color: rgba(255,255,255,1);
color: #000;
}
.subscribe_button:active{
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
}


.notifyier_element{
  position: fixed;
top: 10px;
right: 10px;
background-color: rgba(98, 50, 239, 0.9);
z-index: 940000;
width: 265px;
padding: 10px;
border-radius: 8px;
height: 68px;
text-align: center;
color: #E7E7E7;
text-shadow:1px 1px 1px rgba(0,0,0,0.8);
font-size: 13px;
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.9);
box-sizing: border-box;
}
.error{
background-color: rgba(239,50, 50 , 0.9);
}
.success{
background-color: rgba(98,239, 98 , 0.9);
}
.logout_container{
  position: fixed;
z-index: 950000;
width: 20px;
height: 20px;
  right: 10px;
  top:3px;
  cursor: pointer;
}
.logout_container img{
  width: 100%;
}