* { box-sizing:border-box;-webkit-tap-highlight-color: transparent; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset !important;}
body{font-family:arial;margin:0px;padding:0px;background:#fff url(bg.svg) no-repeat center center fixed;background-size:cover;width:100%; height:100%;/*-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select:none;*/}
.base{position:absolute;width:100%;top:0px;left:0px;color:gray;}
.logo {
    max-width: 473px;
    height: 50px;
    width: 100%;
    background: url(smartysms_logo.svg) no-repeat top center;
    display: block;
    background-size: 350px 50px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
}
.info1{max-width:500px;margin-top:25px;font-family: 'Open Sans', sans-serif;font-size:38px;color:#555557;}
.info2{max-width:500px;margin-top:17px;font-family: 'Open Sans', sans-serif;font-size:18px;font-weight:bold;color:#555557;}
.form1{margin-top:17px;max-width:400px;padding-top:40px;background: #f7f7f7;padding: 20px; box-sizing: border-box;/*box-shadow: 0px 1px 1px 1px #c6c1c1;background: #f7f7f7 url(https://www.manoregistracija.lt/_images/lock.png) no-repeat top right;*/}
.form-img{max-width:90px;}
.form-img2 {border-radius: 100%;width: 90px;height: 90px;overflow: hidden;box-sizing: border-box;display: inline-block;text-align: center!important;margin: auto; margin-bottom:20px;}
.form-img2 img {width: 90px;height: 90px;text-align: center!important;}
.form-img3 {border-radius: 25px;width: 25px;height: 26px;overflow: hidden;box-sizing: border-box;display: inline-block;text-align: center!important; margin: auto; position: absolute; top: 9px; left:5px; }
.form-img3 img {width: 25px;height: 28px;text-align: center!important;}
.email_text {font-family: 'Open Sans', sans-serif!important;display:inline-block; padding-left:10px; text-overflow:ellipsis; min-width: 200px; width:90%; white-space: nowrap; overflow: hidden; line-height:inherit; color:#2B2B2B;}
.email_text2 {font-family: 'Open Sans', sans-serif!important;display:inline-block; padding-left:40px; text-overflow:ellipsis; min-width: 200px; width:90%; white-space: nowrap; overflow: hidden;line-height:inherit; color:#2B2B2B;}
.mailbox{width:100%;font-size:18px;margin-top:5px;}
.change_mailbox{font-family: 'Open Sans', sans-serif!important;height:42px;margin-top:5px; margin-bottom:10px; line-height:42px; text-align:left; padding-right:8px; font-size:16px; position:relative;}
.change_mailbox:hover{background:#e8e8e8;}
.change_close_button {text-align:right; background:url(ico_close.svg) no-repeat center; background-size:20px; background-position:0px 0px; width:20px; height:20px; top: 12px; cursor: pointer; margin: 0; display: inline-block; right: 5px; position: absolute;}
.change_close_button:hover {text-align:right; background:url(ico_close.svg) no-repeat center; background-size:20px; background-position:0px -20px; width:20px; height:20px; top: 12px; cursor: pointer; margin: 0; display: inline-block; right: 5px; position: absolute;}
.button2{font-family:arial;width:100%;height:35px;padding:10px;margin-top:10px;background:#5b5d5d!important;font-size:14px;color:white;border-radius: 0px;border-width: 0px;border-style:solid;border-color:gray;cursor:pointer;outline:none;}
.button2:hover {background:#55a6db!important;}
.info3{font-family: 'Open Sans', sans-serif;margin-top:10px;font-size:13px;color:#2B2B2B;font-weight:bold;font-weight:400;}
.info3 a{font-family: 'Open Sans', sans-serif;color:#9599a0;text-decoration:none;font-weight:400;}
.info3 a:hover{font-family: 'Open Sans', sans-serif;color:#58b098;text-decoration:none;}
.info4{font-family: 'Open Sans', sans-serif;margin-top:25px;font-size:13px;font-weight:bold;font-weight:400;}
.info4 a{font-family: 'Open Sans', sans-serif;color:#9599a0;text-decoration:none;font-weight:400;}
.copyright{font-family: 'Open Sans', sans-serif;margin-top:30px;font-size:13px;color:#87898b;font-weight:bold;}
.input_email {min-width:270px; height:42px; border-bottom: solid 1px #c2c4c6; border-top:0px solid; border-left:0px solid; border-right:0px solid; font-size:16px; padding-left:8px;}
.info5_error {font-size:12px; color:#e23131;} 
.info5_check {font-size:12px; color:#55a6db;} 
.name_select {cursor:pointer;color:#808080!important; display:block;line-height:100%!important;}
.name_select a {line-height:100%!important;}

/* form starting stylings ------------------------------- */
.group 	 {position:relative;margin-bottom:25px;}
input, select {color:#464646;font-size:18px;padding:10px 10px 5px 10px;display:block;width:100%;border:none;border-bottom:1px solid #cccccc;background: #f7f7f7;}
input:focus, select:focus { outline:none; }
.group .ico_eye {position: absolute; right: 10px; top:15px; display: block; width: 18px; height: 10px; background-image: url(ico_eye.svg); background-size: 100%; }

.group .ico_eye {
    position: absolute;
    right: 2px;
    top: 11px;
    display: block;
    width: 22px;
    height: 16px;
    background-image: url(ico_eye.svg);
    background-size: 100%;
    cursor: pointer;
    background-position: 0px 0px;
    transition: transform .5s;
}



/* LABEL ======================================= */
label  {font-family:arial;color:#999;font-size:18px;font-weight:normal;position:absolute;pointer-events:none;left:10px;top:10px;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;}

/* active state */
input:focus ~ label, input:valid ~ label, select:focus ~ label, select:valid ~ label {top:-8px;font-size:14px;color:#55a6db;}

/* BOTTOM BARS ================================= */
.bar { position:relative; display:block; width:100%; }
.bar:before, .bar:after {content:'';height:3px;width:0;bottom:-1px;position:absolute;background:#55a6db;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;}
.bar:before {left:50%;}
.bar:after {right:50%; }

.bar_error { position:relative; display:block; width:100%; border-bottom:3px solid #e23131; border-top:0px; border-left:0px; border-right:0px;}
.bar_error:before, .bar_error:after {content:'';height:3px;width:0;bottom:-1px;position:absolute;background:#e23131;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;}
.bar_error:before {left:50%;}
.bar_error:after {right:50%; }

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {width:50%;}
input:focus ~ .bar_error:before, input:focus ~ .bar_error:after {width:50%;}

/* HIGHLIGHTER ================================== */
.highlight {position:absolute;height:60%; min-width:100px; top:25%; left:0;pointer-events:none;opacity:0.5;}

/* active state */
input:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease;}
/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {from { background:#55a6db; }to { width:0; background:transparent; }}
@-moz-keyframes inputHighlighter {from { background:#55a6db; }to { width:0; background:transparent; }}
@keyframes inputHighlighter {from { background:#55a6db; }to { width:0; background:transparent; }}

.main_table {margin-top:0px}
#tooltip {
    border: 1px solid #ddd;
    top: -3px;
    position: absolute;
    z-index: 110;
    display: none;
    max-width: 190px;
}
.error_r_mid {
    border: 1px solid #ffbfbf;
    height: 35px;
    float: left;
    background: #ffe6e6;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    line-height: 35px;
    padding: 0 4px 0 4px;
	position: relative;
}
.error_r_mid::after {
	position: absolute;
    top: 5px;
    left: -8px;
    content: '';
    width: 0;
    height: 0;
    border-right: solid 7px #ffbfbf;
    border-bottom: solid 7px transparent;
    border-top: solid 7px transparent;
}

.group .ico_eye:hover {
    position: absolute;
    right: 2px;
    top: 11px;
    display: block;
    width: 22px;
    height: 16px;
    background-image: url(ico_eye.svg);
    background-size: 100%;
    cursor: pointer;
    background-position: 0px -15px;
    transform: rotate(180deg);
}



/* add appropriate colors to fb, twitter and google buttons */
.btn {
  width: 100%;
  padding: 10px;
  border: none;
  margin: 5px 0;
  opacity: 0.85;
  display: inline-block;
  font-size: 14px;
  text-decoration: none; /* remove underline from anchors */
}

.btn:hover {
  opacity: 1;
}

.fb {
  background-color: #3B5998;
  color: #fff!important;
}

.twitter {
  background-color: #55ACEE;
  color: #fff!important;
}

.google {
  background-color: #dd4b39;
  color: #fff!important;
}

/* style the submit button */


@media screen and (max-width: 800px) {
.body {background:none!important;}
.logo{ background-size:80%; margin-top:10px}	
.info1{font-size:20px;margin-top:5px;}
.info2{font-size:15px;}
.form1 {margin-top:10px;}
}

@media screen and (max-width: 768px) {
.logo{ background-size:30%;}	
}