.custom-field{font-size:14px;border-top:20px solid transparent;margin-bottom:5px;display:inline-block}.custom-field input{border:none;-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none;background:#f2f2f2;padding:10px;border-radius:3px;outline:none;font-size:14px;color:#0C4A6E;transition:background .3s ease}.custom-field .placeholder{position:absolute;left:12px;width:calc(100% - (12px * 2));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;top:20px;line-height:100%;transform:translateY(-50%);transition:top .3s ease,color .3s ease,font-size .3s ease}.custom-field input.dirty+.placeholder,.custom-field input:focus+.placeholder,.custom-field input:not(:placeholder-shown)+.placeholder{top:-10px;left:5px;font-size:14px;color:#0C4A6E}.custom-field input{border-radius:0;border-top-left-radius:3px;border-top-right-radius:3px;background:linear-gradient(90deg,#637EEA,#637EEA) bottom/0 .15em no-repeat,linear-gradient(90deg,#ccc,#ccc) 0 100%/100% .15em no-repeat,linear-gradient(90deg,#fafafa,#fafafa) 0 100%/100% no-repeat;transition:background-size .3s ease}.custom-field input.dirty,.custom-field input:focus,.custom-field input:not(:placeholder-shown){background-size:100% .15em,100% .1em,100%}.password-card{position:absolute;width:400px;right:30px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(10px);transform:translateY(-5px)}.password-card:before{content:"";position:absolute;top:10px;left:-10px;border:10px solid transparent;border-right-color:#f8f9fa}.password-card:after{display:flex;content:"";position:absolute;bottom:82px;left:-7.5%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:45deg;transform:rotate(45deg);clear:both}.filter-bar{--my-top:192px;--my-left:350px;--my-height:55px;--my-width:350px;position:absolute;z-index:10;background-color:#f8f9fa;width:var(--my-width);height:var(--my-height);left:var(--my-left);top:var(--my-top);border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;padding:15px}.input-field{font-size:15px;color:#0C4A6E}.input-label{left:5px;top:7px;color:#637EEA;transition:all .2s ease}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label,.input-label.filled{top:-12px;left:5px}@media only screen and (min-width:1400px){.password-card{position:absolute;right:600px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(100px);transform:translateY(0)}.password-card:after{content:"";position:absolute;bottom:82px;left:389px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:-45deg;transform:rotate(-45deg);clear:both}}@media only screen and (max-width:1280px){.password-card{position:absolute;right:600px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(100px);transform:translateY(0)}.password-card:after{content:"";position:absolute;bottom:82px;left:389px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:-45deg;transform:rotate(-45deg);clear:both}}@media only screen and (max-width:1250px){.password-card{position:absolute;right:500px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(10px);transform:translateY(-10px)}.password-card:after{content:"";position:absolute;bottom:82px;left:389px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:-45deg;transform:rotate(-45deg);clear:both}}@media only screen and (max-width:1100px){.password-card{position:absolute;right:500px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(10px);transform:translateY(50px)}.password-card:after{content:"";position:absolute;bottom:82px;left:389px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:-45deg;transform:rotate(-45deg);clear:both}}@media only screen and (max-width:1050px){.password-card{position:absolute;right:350px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(10px);transform:translateY(40px)}.password-card:after{content:"";position:absolute;bottom:82px;left:389px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:-45deg;transform:rotate(-45deg);clear:both}}@media only screen and (max-width:1000px){.password-card{position:absolute;right:400px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(10px);transform:translateY(50px)}.password-card:after{content:"";position:absolute;bottom:82px;left:389px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:-45deg;transform:rotate(-45deg);clear:both}}@media only screen and (max-width:975px){.password-card{position:absolute;right:255px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(10px);transform:translateY(50px)}.password-card:after{content:"";position:absolute;bottom:82px;left:389px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:-45deg;transform:rotate(-45deg);clear:both}}@media only screen and (max-width:950px){.password-card{position:absolute;right:255px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(10px);transform:translateY(50px)}.password-card:after{content:"";position:absolute;bottom:82px;left:389px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:-45deg;transform:rotate(-45deg);clear:both}}@media only screen and (max-width:900px){.password-card{position:absolute;right:255px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(10px);transform:translateY(150px)}.password-card:after{content:"";position:absolute;bottom:82px;left:389px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:-45deg;transform:rotate(-45deg);clear:both}}@media only screen and (max-width:800px){.password-card{position:absolute;right:255px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(10px);transform:translateY(-5px)}.password-card:after{content:"";position:absolute;bottom:82px;left:389px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:-45deg;transform:rotate(-45deg);clear:both}}@media only screen and (max-width:775px){.password-card{position:absolute;right:255px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(10px);transform:translateY(0)}.password-card:after{content:"";position:absolute;bottom:82px;left:389px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:-45deg;transform:rotate(-45deg);clear:both}}@media only screen and (max-width:750px){.password-card.show{transform:translateY(-15px)}.password-card{position:absolute;right:255px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(10px);transform:translateY(-30px)}.password-card:after{content:"";position:absolute;bottom:82px;left:389px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:-45deg;transform:rotate(-45deg);clear:both}}@media only screen and (max-width:650px){.password-card{position:absolute;right:100px;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(0);transform:translateY(150px)}.password-card:after{display:none}}@media only screen and (max-width:550px){.password-card{position:absolute;width:300px;right:30px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(20px);transform:translateY(-90px)}.password-card:after{display:none}}