<style>

.line-form:before {
    position: absolute;bottom: 0;
    left: 0;content: "";background-color: #ecedf0;width: 100%;height: 1px;width:200px}
.line-form:after {position: absolute;bottom: 0;left: 0;content: "";background-color: #ecedf0;width: 100%; height: 1px;}
.line-form {position: relative;margin-bottom: 18px;padding: 5px 0;max-width: 300px !important;}
.line-form > input{
display: inline-block;background-color: transparent;width: 100%;padding: 6px;font-size: 0.875rem;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;border: none;
max-width: 200px;outline:none}
#smartPWLogin {
    display: none;
}
.fa-copy {
	cursor: copy;
}
  .fa-copy {

            margin-left: 10px;
            position: relative;
        }

    .tooltip {
            visibility: hidden;
            background-color: black;
            color: #fff;
            text-align: center;
            border-radius: 4px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            left: 125%; /* Position the tooltip to the right of the icon */
            top: 50%;
            transform: translateY(-50%);
            opacity: 0;
            transition: opacity 0.3s;
            white-space: nowrap;
		font-family: var(--wp--preset--font-family--body);
		font-size: var(--wp--preset--font-size--medium);
		font-style: normal;
		font-weight: 400;
		line-height: 1.55;
        }
 @media (max-width: 768px) {
            .tooltip {
                left: 0; /* Position the tooltip to the bottom left on mobile devices */
                top: 125%;
                transform: translateX(0);
            }
	 .submitbutton {
	width:300px !important;
	max-width:300px !important;
}
        }
</style>

