a:focus { outline: none; } 
/* WebKit, Blink, Edge */
::-webkit-input-placeholder {color:#BAB9CE;}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {color:#BAB9CE;opacity:1;}
/* Mozilla Firefox 19+ */
::-moz-placeholder {color:#BAB9CE;opacity:1;}
/* Internet Explorer 10-11 */
:-ms-input-placeholder {color:#BAB9CE;opacity:0.6;}
/* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
:placeholder-shown {color:#BAB9CE;}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

/*vewport mobile*/
@-webkit-viewport{
    width: device-width;
}
@-moz-viewport{
    width: device-width;
}
@-ms-viewport{
    width: device-width;
}
@-o-viewport{
    width: device-width;
}
@viewport{
    width: device-width;
}

[contenteditable=true]:focus {

outline: none;

}

[contentEditable=true]:empty:not(:focus):before{

content:attr(data-text);

 }

[contentEditable=true]:not([data-text='']):empty:before {

content: attr(data-text);

}

[contentEditable=true]:empty:before {

content: attr(data-text);

}

[contentEditable=true]::-webkit-caps-lock-indicator {

    content: none;

}

div[contenteditable] {

    white-space: pre-wrap;

    word-break: break-all;

    word-wrap: break-word;

}
.eGIa32T{background-image: url("https://www.readim.com/app/res/icon-settings_s.svg");}
.cWAl11z{top:0px;}
.bRBd34B{width:670px;}
body {
      margin: 0;
      padding: 0px 40px 20px 40px;
      background-color: #ffffff;
      font-family: Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      min-height: 100vh;
      box-sizing: border-box;
      position: relative;
    }
    h1 {
      color: #000;
      font-size: 24px;
      margin-top: 60px;
      margin-bottom: 30px;
      text-align: center;
    }

        #upload-container {
            text-align: center;
            position: relative;
        }
		
		.eA1Hi01V {
			position: relative;
			margin:0px 0px 15px 0px;
			background: #F8F8F8;
			border-radius: 2px;
			padding: 10px 0px 8px 0px;
			max-width: 250px;
			font-size:18px;
			color:#515151;
			font-size:13px;
			font-family: "Roboto", sans-serif;
			line-height:20px;
			border: 1px solid transparent;
            border-radius: 2px;
		}
        h2 {
            font-size: 14px;
            margin: 0px 10px 0px 10px;
            margin-bottom:10px;
            line-height:18px;
            max-width: 250px;
			text-align:left;
			font-weight:normal;
        }
		h3 {
            font-size: 14px;
            margin: 0px 10px 0px 10px;
            margin-bottom:15px;
            line-height:18px;
            max-width: 250px;
			text-align:left;
			font-weight:normal;
        }

        #photo {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
        }

        .cXAa08C1 {
            position: relative;
            margin: 20px 0px 15px 0px;
            display: block;
            font-size: 18px;
            font-size: 16px;
			  border-radius: 6px;
			  background-color: #f2f2f2;
            font-family: Helvetica, sans-serif;
            font-weight: 500;
            text-decoration: none;
            width: 250px;
            height: 47px;
            line-height: 47px;
            cursor: pointer;
            border: 1px solid transparent;
            border-radius: 2px;
            text-align: center;
        }
        .cXAa08C1:hover {
            -moz-opacity: 0.9;
            opacity: .90;
            filter: alpha(opacity=90);
        }
		
		.eIIl51z {
            position: relative;
            margin: 20px auto 10px auto;
            display: block;
            font-size: 18px;
            color: #FFFFFF;
            font-family: Helvetica, sans-serif;
            font-weight: 500;
            text-decoration: none;
            width: 250px;
            height: 47px;
            line-height: 47px;
            cursor: pointer;
			background-color:#62809B;
            border: 0px solid transparent;
            border-radius: 2px;
            text-align: center;
        }
        .eIIl51z:hover {
            -moz-opacity: 0.9;
            opacity: .90;
            filter: alpha(opacity=90);
        }

        #validate-btn {
            display: none;
        }

        #upload-input {
            display: none;
        }

        .error {
			  color: #c00;
			  font-size: 14px;
			  background-color: #ffe5e5;
			  padding: 8px;
			  border-radius: 2px;
			  display: none;
			  max-width: calc(100% - 18px);
			  margin-bottom:15px;
			}


        #loading-message {
            display: none;
            margin-top: 20px;
            font-size: 18px;
        }

        #install-btn {
            display: none;
        }
		
		.eB1Hd57m{
            position: relative;
            color: #C0C0C0;
            padding-left: 8px;
            padding-right: 10px;
            width: calc(100% - 18px);
			max-width: 282px;
            background-color: #FFFFFF;
            font-size: 18px;
            height: 48px;
            resize: none;
            overflow: hidden;
            font-family: 'Helvetica Neue', Segoe UI, Helvetica, Arial, sans-serif;
            outline: none;
            border: 1px solid #62809B;
            border-radius: 2px;
            line-height: 46px;
            margin: 4px auto;
			display:none;
			text-align:left;
        }

        .eB1Hd57m:focus {
            color: #515151;
        }
	
        @keyframes dots {
            0% { content: "."; }
            33% { content: ".."; }
            66% { content: "..."; }
        }

        .dots:after {
            content: ".";
            animation: dots 1s steps(3, end) infinite;
        }
		
		@media screen and (max-width : 800px){
			body {
				padding-left: 15px;
				padding-right: 15px;
			  }
			.bRBd34B{
				width:calc(100% - 10px);margin-left:5px;
				}
			.cLLa28R{padding-left:10px;}
		}
		@media screen and (max-width : 480px){
			.cLLa28R{
				padding-left:0px;
			}
		}