.user-accounts-container{width:100%;height:100%;padding:0;margin:0;overflow-x:hidden;overflow-y:scroll;background-color:var(--Sign-in-background);display:flex;flex-direction:column;justify-content:center}.user-accounts-container .row-wrapper{width:100%;height:auto;overflow-x:hidden}.user-accounts-container .row-wrapper .arrow-container{display:inline-block;vertical-align:top;width:10%;height:auto;background:#c1198c;position:relative}.user-accounts-container .row-wrapper .cards-grid{display:flex;justify-content:center;width:100%;height:auto;padding-top:2%;flex-wrap:wrap}.user-accounts-container .row-wrapper .cards-grid .card{margin-top:12px}.user-accounts-container .row-wrapper .cards-grid .card{display:inline-block;height:auto;margin-bottom:2%;margin:0}.user-accounts-container .row-wrapper .cards-grid .card{width:20%;margin-top:20px}.title-account{font-family:Helvetica-Bold;color:#fff;font-size:3vw;text-align:center}.sub-title-popup{font-family:Helvetica-Normal;font-size:1.25vw;color:#fff;margin-top:4%}.user-accounts-container .row-wrapper .cards-grid .card.active{opacity:1!important}.user-accounts-container .row-wrapper .cards-grid .card.in-active{opacity:.4}.user-accounts-container .row-wrapper .cards-grid .card div,.user-accounts-container .row-wrapper .cards-grid .card div img,.user-accounts-container .row-wrapper .cards-grid .card p{width:100%;text-align:center;height:auto;font-size:1.2vw;color:#fff;font-family:Helvetica-Normal;overflow:hidden}.user-accounts-container .row-wrapper .cards-grid .card p{margin:0!important}.user-accounts-container .row-wrapper .cards-grid .card div{position:relative;margin-bottom:6%;cursor:pointer}.user-accounts-container .row-wrapper .cards-grid .card div .edit{position:absolute;width:26%;font-size:1.1vw;color:#000;padding:3%;display:none;left:38%;top:30%}.user-accounts-container .button-wrapper{width:100%;height:auto;text-align:center;margin-top:3%;margin-bottom:3%}.cancel-button{display:none;font-family:Helvetica-Normal;font-size:3vw;text-align:center}.user-accounts-container .button-wrapper .cancel-span{display:none;font-size:3vw;cursor:pointer;transition:all .2s;color:#fff}.user-accounts-container .button-wrapper .cancel-span:hover{font-size:3.4vw}.fas{margin-right:5px}.user-accounts-container .button-wrapper a{font-size:1.2vw;font-family:Helvetica-Normal;width:12%;display:inline-block;padding:.9vw 1.7vw .9vw 1.7vw;margin-right:.5%;color:#fff;background:rgba(121,129,130,.2);font-weight:100;text-decoration:none!important;transition:transform .2s;cursor:pointer;text-align:left;border-radius:.2vw}.user-accounts-container .button-wrapper a:hover{transform:scale(1.1)}.user-accounts-container .button-wrapper a span{vertical-align:text-top;margin-right:4%}.account-management-modal .modal-dialog{width:25%;top:30%;margin:10px auto;text-align:center}.account-management-modal .modal-dialog .modal-content .modal-title{width:100%;text-align:center}.account-management-modal .modal-dialog .modal-content .modal-title h1{font-size:2vw;color:#fff;margin-top:3vw;font-family:Helvetica-neu;font-weight:700}.account-management-modal .modal-dialog .modal-content .modal-body{width:100%}.account-management-modal .modal-dialog .modal-content .modal-body input{width:85%;margin:auto;background:0 0;text-align:center;border:transparent;border-bottom:solid 2px;padding:2%;margin-bottom:20%;font-size:1.4vw;font-family:Helvetica-Normal}.account-management-modal .modal-dialog .modal-content .modal-body input:focus{outline:0;color:#fff}.account-management-modal .modal-dialog .modal-content .modal-body .button-wrapper{width:100%;text-align:center}.account-management-modal .modal-dialog .modal-content .modal-body .button-wrapper button{width:47%;border:none;border-radius:.5vw;color:#fff!important;outline:0!important;transition:transform .2s;font-size:1.1vw;padding:2% 0;font-family:Helvetica-Normal;display:block;margin:0 auto;width:85%;margin-bottom:10px;min-height:38px}.account-management-modal .modal-dialog .modal-content{background:var(--Background-color)!important}.account-management-modal .modal-dialog .modal-content .modal-body .button-wrapper button:hover{transform:scale(1.1)}.account-management-modal .modal-dialog .modal-content .modal-body .button-wrapper button span{font-size:1.1vw;margin-right:13px;color:#fff}.account-management-modal .modal-dialog .modal-content .modal-body .button-wrapper button.cancel{background:#1a1a1a!important;margin-bottom:10px}.account-management-modal .modal-dialog .modal-content .modal-body .button-wrapper button.save{background:var(--Primary-Color)!important}.account-management-modal .modal-dialog .modal-content .modal-footer{padding-bottom:0!important}.account-management-modal .modal-dialog .modal-header-img{position:absolute!important;width:30%!important;height:auto!important;z-index:1!important;top:-4vw!important;left:35%!important}.account-management-modal div .modal-content .modal-footer a{color:#fff;text-decoration:underline;cursor:pointer;font-size:1.1vw;font-family:Helvetica-Normal;opacity:.6;margin-top:2vh}.account-management-modal .modal-dialog .modal-content .modal-footer a:hover{color:#fff;text-decoration:underline;cursor:pointer}@media only screen and (max-width:1200px){.user-accounts-container .button-wrapper a{font-size:1.5vw;width:15%;min-width:130px}.account-management-modal .modal-dialog{width:30%}}@media only screen and (max-width:768px){.account-management-modal .modal-dialog .modal-header-img{top:-1vw!important}.user-accounts-container .row-wrapper .cards-grid .card{width:20%;margin-top:20px;margin-right:0}user-accounts-container .row-wrapper .cards-grid .card div img{margin-top:7%}.title-account{font-size:4vw;margin-top:5%}.user-accounts-container .row-wrapper .cards-grid{display:block;margin-left:4%}.user-accounts-container .row-wrapper .cards-grid .card{width:30%}.user-accounts-container .row-wrapper .cards-grid .card p{font-size:3vw}.user-accounts-container .button-wrapper a{font-size:2vw;width:20%;min-width:135px;padding:2%}.account-management-modal .modal-dialog{width:40%}.account-management-modal .modal-dialog .modal-content .modal-title h1{font-size:3vw}.account-management-modal .modal-dialog .modal-content .modal-body input{font-size:2vw}.account-management-modal .modal-dialog .modal-content .modal-body .button-wrapper button{font-size:2vw}.account-management-modal .modal-dialog .modal-content .modal-body .button-wrapper button span{font-size:1.5vw}.account-management-modal div .modal-content .modal-footer a{font-size:2vw}}@media only screen and (max-width:600px){.user-accounts-container{padding-top:20%}}@media only screen and (max-width:425px){.account-management-modal .modal-dialog .modal-header-img{top:-4vw!important}.account-management-modal .modal-dialog .modal-content .modal-title h1{margin-top:7vw}.splash-bottom-corner{bottom:-1%;left:-12px;width:170px;height:139px}.title-account{font-size:5vw;margin-top:9%}.user-accounts-container .row-wrapper .cards-grid{margin-left:12%}.user-accounts-container .row-wrapper .cards-grid .card{width:35%}.user-accounts-container .row-wrapper .cards-grid .card p{font-size:3.5vw}.user-accounts-container .row-wrapper .cards-grid .card{margin-bottom:3vh}.user-accounts-container .button-wrapper a{font-size:3.5vw;width:40%;min-width:110px;padding:1.5vh 2vw}.account-management-modal .modal-dialog{width:75%}.account-management-modal .modal-dialog .modal-content .modal-title h1{font-size:5vw}.account-management-modal .modal-dialog .modal-content .modal-body input{font-size:4vw}.account-management-modal .modal-dialog .modal-content .modal-body .button-wrapper button{font-size:4vw}.account-management-modal .modal-dialog .modal-content .modal-body .button-wrapper button span{font-size:3vw}.account-management-modal div .modal-content .modal-footer a{font-size:3vw}}