body,html{height:100%;font-family:"Open Sans"}.container{position:relative;display:flex;width:100%;height:100%;padding-left:20px;padding-right:20px;align-items:center;justify-content:center;overflow:hidden;background-image:url(../images/back.png);-background-color:rgba(255,255,255,0);-background-blend-mode:color}.card-container.card{max-width:380px;border:1px solid #a4bcd5;border-bottom-color:#90aecd;border-right-color:#90aecd;padding:0 0 26px;border-radius:16px;background-image:linear-gradient(#fafafa,#f6f6f6 60%,#f1f1f1);margin-top:0;margin-bottom:10%;display:none;overflow:hidden}@media screen and (max-height:700px){.card-container.card{margin-bottom:5%}}@media screen and (max-height:600px){.card-container.card{margin-bottom:0}}.card-container.card>.form-signin{padding:0 42px}.card-container.card>.recover{padding:5px 42px 5px}.card-container.card>.recover:hover{color:#181818}#recover{cursor:pointer}.card-container.card>.app-container{background-image:linear-gradient(#065cb2,#0554a3 60%,#054c94);border-radius:5px 5px 0 0;margin-bottom:12px;padding:9px 0 6px 52px;height:48px;position:relative}.icon-container{margin:32px 0 14px;color:#bdbdbd;text-align:center;overflow:hidden;transition:all .2s ease-out}.icon-container i{margin-top:1px;font-size:140px;cursor:pointer}.icon-container>i:hover{color:#ababab;transition:all .1s ease-in}#inputOTP{display:none}.loginfield>span{margin-left:6px}.loginfield>input{width:100%;font-size:9px;display:inline-block;box-sizing:border-box;margin:3px 0 12px 0;height:40px;font-size:16px}#inputOTP>input,#inputPass>input{font-family:Passdots,Dotsfont;letter-spacing:-1px}#iniciar{font-weight:600;height:40px;margin-top:15px;margin-bottom:10px;letter-spacing:1px;text-shadow:1px 2px 4px rgba(0,0,0,.3);user-select:none;-ms-user-select:none;cursor:pointer}#iniciar>i{margin-left:12px;font-size:18px;text-shadow:none}#page-header .header-right span>i{margin-right:6px}.card{background-color:#f7f7f7;padding:20px 25px 30px;margin:0 auto 25px;margin-top:50px;border-radius:4px;box-shadow:6px 9px 16px rgba(0,0,0,.3)}.form-signin button{width:100%;display:inline-block;margin-bottom:10px;box-sizing:border-box}.btn{transition:all .4s}.modal-body{padding:20px 50px}@media screen and (max-width:500px){.modal-body{padding-left:30px;padding-right:30px}}.modal-body .form-control{margin:6px 0 16px 0;width:100%}.modal-header{cursor:move}#recover-Modal .modal-content{max-width:572px}#recover-Modal .modal-body{background-color:#fff;overflow:hidden}#recover-Modal .recoverInput{border:1px solid #ccc;border-radius:4px;background-color:#f5f5f5;margin-top:18px;padding:20px 32px 12px}@media screen and (max-width:500px){#recover-Modal .recoverInput{padding-left:26px;padding-right:26px}}#recover-Modal .recoverText{margin-left:6px}#recoverPass-Modal>.modal-dialog{width:100%;margin:-5% auto}#recoverPass-Modal .modal-body{padding:18px 36px 12px}#recoverPass-Modal .dataform-fieldblock{width:100%;padding:2px 0}#recoverPass-Modal .dataform-fieldtitle{min-width:165px}#recoverPass-Modal .modalbody-content .dataform-fieldblock{margin-bottom:9px}#recoverPass-Modal .modalbody-content .dataform-fieldblock>.dataform-fieldtitle{margin-left:6px;margin-bottom:4px}#recoverPass-Modal .modalbody-content .dataform-fieldblock[data-fieldname=login]>.dataform-fieldtext>div{border:1px solid #acd9af;border-radius:4px;background-color:#ecffeb;height:38px;padding:8px 12px;color:#666}#recoverPass-Modal #code-recover,#recoverPass-Modal #pass-current,#recoverPass-Modal #pass-new1,#recoverPass-Modal #pass-new2{font-family:Passdots,Dotsfont;letter-spacing:-1px;margin-bottom:0}