@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:'Ubuntu', sans-serif}body{min-height:100vh;overflow-x:hidden}body.loader{pointer-events:none}body.loader .main,body.loader .container .navigation{transition:none;opacity:0}body.blur .wrapper,body.blur .topbar,body.blur .navigation,body.blur .main{filter:blur(7px);pointer-events:none}::selection{background-color:transparent}::-webkit-scrollbar{height:5px;width:5px;background-color:#eeeeeeee}::-webkit-scrollbar-thumb:horizontal{background:#000;border-radius:10px}::-webkit-scrollbar-thumb:vertical{background:#287bff;border-radius:10px}.container-auto{background:#fff;border-radius:5px;padding:30px;box-shadow:7px 7px 12px #e9e9e9;margin:15px;border:1px solid rgba(0,0,0,0.1)}.container-auto h1{color:#287bff;font-size:27px;font-weight:600}.container-auto h2{color:#287bff;font-size:20px;font-weight:600;margin-top:30px;margin-bottom:15px}.container-auto .btn{font-size:14px;border-radius:5px;box-shadow:0 6px 30px -10px #cccccc;background:white;margin:20px 0 0;border:1px solid #cccccccc;display:inline-block;padding:10px;font-weight:500;cursor:pointer}@media screen and (max-width: 520px){.container-auto{padding:15px;margin:0}.container-auto h1{font-size:20px}.container-auto h2{font-size:18px}.container-auto p{font-size:15px}}.container-auto ul{list-style-type:none;width:100%;display:flex;margin-top:1em;border:1px solid #d4d4d4;overflow-x:auto}.container-auto ul li{flex:0 0 15%;justify-content:center;border:1px solid #d4d4d4;padding:1em;display:flex;align-items:flex-end}.container-auto table{margin-top:1em;border-collapse:collapse;width:100%}.container-auto table tr td{padding:10px;border-bottom:1px solid #eee}.container-auto table tr td:nth-child(2){text-align:end}.container-auto table tr td a{text-decoration:none;color:#287bff;font-weight:700}.container-auto table tr.logs td{text-align:center}.custom-alert{margin:15px 0;padding:15px;background-color:rgba(81,104,236,0.1);border-radius:5px;display:flex;align-items:center}.custom-alert ion-icon{font-size:1.5em;padding-right:15px}.custom-alert p{color:#3f434a}.custom-alert.alert-info{border-left:3px solid #287bff;background-color:rgba(81,104,236,0.1)}.custom-alert.alert-info ion-icon{color:#287bff}.custom-alert.alert-danger{border-left:3px solid #ff2828;background-color:rgba(255,40,40,0.1)}.custom-alert.alert-danger ion-icon{color:#ff2828}.custom-alert.alert-danger b{color:#ff2828}@media screen and (max-width: 768px){.custom-alert ion-icon{font-size:6em}}@media screen and (max-width: 500px){.custom-alert{flex-direction:column}.custom-alert ion-icon{font-size:3em}.custom-alert p{text-align:justify;margin-top:1em}}.container{position:relative;width:100%}.container .navigation{position:fixed;width:300px;height:100%;background:#287bff;border-left:10px solid #287bff;transition:.5s;overflow:hidden}.container .navigation.active{width:80px}.container .navigation ul{position:absolute;top:0;left:0;width:100%;height:100vh}.container .navigation ul li{position:relative;width:100%;list-style:none;border-top-left-radius:30px;border-bottom-left-radius:30px}.container .navigation ul li:nth-child(1){margin-bottom:40px}.container .navigation ul li.hovered{background:#fff}.container .navigation ul li.hovered a{color:#287bff}.container .navigation ul li.hovered a::before{content:'';position:absolute;top:-50px;right:0;width:50px;height:50px;background:transparent;border-radius:50%;box-shadow:35px 35px 0 10px #fff;pointer-events:none}.container .navigation ul li.hovered a::after{content:'';position:absolute;bottom:-50px;right:0;width:50px;height:50px;background:transparent;border-radius:50%;box-shadow:35px -35px 0 10px #fff;pointer-events:none}.container .navigation ul li a{position:relative;display:block;width:100%;display:flex;text-decoration:none;color:#fff}.container .navigation ul li a .icon{position:relative;display:block;min-width:60px;height:60px;line-height:78px;text-align:center}.container .navigation ul li a .icon ion-icon{font-size:1.75em}.container .navigation ul li a .title{position:relative;display:block;padding:0 10px;height:60px;line-height:60px;text-align:start;white-space:nowrap}@media (min-width: 991px){.container .navigation ul li.last-child{position:absolute;bottom:15px}}@media (max-width: 991px){.container .navigation{left:-300px}.container .navigation.active{width:300px;left:0}}@media (max-width: 550px){.container .navigation{width:100%;left:-100%;z-index:1000}.container .navigation.active{width:100vw;left:0}.main .topbar .toggle{z-index:10001}.main.active .topbar>.toggle{color:#fff;position:fixed;left:82vw}}.main{position:absolute;width:calc(100% - 300px);left:300px;min-height:100vh;background:#fff;transition:.5s;padding-bottom:10rem}.main.active{width:calc(100% - 80px);left:80px}.main .topbar{width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.main .topbar .toggle{position:relative;width:60px;height:60px;display:flex;align-items:center;font-size:2.5em;cursor:pointer}.main .topbar #btn{width:40px;height:40px;cursor:pointer}.main .topbar #btn:hover #btn__line{animation:in-out-middle .5s ease-in-out}.main .topbar #btn:hover #btn__line::before{animation:in-out-top .5s ease-in-out}.main .topbar #btn:hover #btn__line::after{animation:in-out-bottom .5s ease-in-out}.main .topbar #btn__line{width:20px;top:50%;transform:translateY(-50%)}.main .topbar #btn__line,.main .topbar #btn__line::before,.main .topbar #btn__line::after{height:4px;position:absolute;background:#222;border-radius:4px}.main .topbar #btn__line::before,.main .topbar #btn__line::after{content:''}.main .topbar #btn__line::before{width:30px;bottom:10px}.main .topbar #btn__line::after{width:10px;top:10px}.main .topbar .search{position:relative;width:400px;margin:0 10px}.main .topbar .search label{position:relative;width:100%}.main .topbar .search label input{width:100%;height:40px;border-radius:40px;padding:5px 20px 5px 35px;font-size:18px;outline:none;border:1px solid #999}.main .topbar .search label ion-icon{position:absolute;display:block;top:0;left:10px;font-size:1.2em}.main .topbar .user .profile{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer}.main .topbar .user .profile img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.main .topbar .user .profile.active+.menu{top:80px;visibility:visible;opacity:1}.main .topbar .user .menu{position:absolute;top:70px;right:0px;padding:10px 20px;background:#fff;width:230px;box-shadow:0 5px 25px rgba(0,0,0,0.1);border-radius:15px;transition:.5s;visibility:hidden;opacity:0;z-index:10}.main .topbar .user .menu::before{content:'';position:absolute;top:-5px;right:15px;width:20px;height:20px;background:#fff;transform:rotate(45deg)}.main .topbar .user .menu h3{width:100%;text-align:center;font-size:18px;padding:20px 0;font-weight:500;font-size:18px;color:#555;line-height:1.2em}.main .topbar .user .menu h3 span{display:block;font-size:14px;color:#cecece;font-weight:400}.main .topbar .user .menu ul li{list-style:none;padding:10px 0;border-top:1px solid rgba(0,0,0,0.05);display:flex;align-items:center}.main .topbar .user .menu ul li ion-icon{max-width:20px;margin-right:10px;opacity:.5;transition:.5s}.main .topbar .user .menu ul li a{display:inline-block;text-decoration:none;color:#555;font-weight:500;transition:.5s}.main .topbar .user .menu ul li:hover ion-icon{opacity:1}.main .topbar .user .menu ul li:hover a{color:#287bff}@media (max-width: 991px){.main{width:100%;left:0}.main.active{left:300px}}@media (max-width: 550px){.main .topbar .user{min-width:40px}}.index-details{position:relative;width:100%;padding:20px;display:grid;grid-template-columns:2fr 1fr;grid-gap:30px}.index-details .cardHeader{display:flex;justify-content:space-between;align-items:flex-start}.index-details .cardHeader h2{font-weight:600;color:#287bff}.index-details .cardHeader .btn{position:relative;padding:5px 10px;background:#287bff;text-decoration:none;color:#fff;border-radius:6px}.index-details table{width:100%;border-collapse:collapse;margin-top:10px}@media (max-width: 768px){.details{grid-template-columns:repeat(1, 1fr)}.details .recentOrders{overflow-x:auto}.details .recentOrders .status{white-space:nowrap}}@media (max-width: 550px){.details .cardHeader h2,.recentCustomers .cardHeader h2{font-size:18px}}.wrapper.uploader header{color:#287bff;font-size:27px;font-weight:600;text-align:center}.wrapper.uploader form{height:167px;display:flex;cursor:pointer;margin:30px 0;align-items:center;justify-content:center;flex-direction:column;border-radius:5px;border:2px dashed #287bff}.wrapper.uploader form :where(i,p){color:#287bff}.wrapper.uploader form ion-icon{font-size:50px}.wrapper.uploader form p{margin-top:15px;font-size:16px;text-align:center;line-height:30px}.wrapper.uploader section .row{margin-bottom:10px;background:#E9F0FF;list-style:none;padding:15px 20px;border-radius:5px;display:flex;align-items:center;justify-content:space-between}.wrapper.uploader section .row i{color:#287bff;font-size:30px}.wrapper.uploader section .details-uploading span{font-size:14px}.wrapper.uploader section.progress-area .row .content{width:100%;margin-left:15px}.wrapper.uploader section.progress-area .row .content .progress-bar{height:6px;width:100%;margin-bottom:4px;background:#fff;border-radius:30px}.wrapper.uploader section.progress-area .row .content .progress-bar .progress{height:100%;width:0%;background:#287bff;border-radius:inherit}.wrapper.uploader section.progress-area .row .content .progress-bar .progress.erreur{background-color:#ff2828}.wrapper.uploader section.progress-area .details-uploading{display:flex;align-items:center;margin-bottom:7px;justify-content:space-between}.wrapper.uploader section.uploaded-area{max-height:232px;overflow-y:scroll}.wrapper.uploader section.uploaded-area.onprogress{max-height:150px}.wrapper.uploader section.uploaded-area::-webkit-scrollbar{width:0px}.wrapper.uploader section.uploaded-area .row .content{display:flex;align-items:center}.wrapper.uploader section.uploaded-area .row .details-uploading{display:flex;margin-left:15px;flex-direction:column}.wrapper.uploader section.uploaded-area .row .details-uploading .size{color:#404040;font-size:11px}.wrapper.uploader section.uploaded-area ion-icon{font-size:16px}.wrapper.uploader section.uploaded-area ion-icon.checkmark-circle-outline{color:green}.help p{color:#3f434a;line-height:25px;text-align:justify}.help p b{color:#287bff}.entreprise__form input,.entreprise__form select{border:1px solid #dbdbdb;width:100%;padding:15px 10px;border-radius:5px;margin-top:10px}.admin_dashboard.container-auto h1{color:#25292C;margin-bottom:3rem}.admin_dashboard.container-auto .search-div{display:flex;align-items:center;background:#f6f5f8;padding:15px;border-radius:.25rem}.admin_dashboard.container-auto .search-div label{position:relative;width:100%;margin-right:30px}.admin_dashboard.container-auto .search-div label input,.admin_dashboard.container-auto .search-div label select{border:1px solid #e5e6e8;border-radius:.25rem;background:#fff;padding:10px 10px 10px 40px;font-weight:600}.admin_dashboard.container-auto .search-div label input::placeholder,.admin_dashboard.container-auto .search-div label select::placeholder{color:#999}.admin_dashboard.container-auto .search-div label input:focus,.admin_dashboard.container-auto .search-div label select:focus{outline:none}.admin_dashboard.container-auto .search-div label select{padding:10px;color:#999}.admin_dashboard.container-auto .search-div label ion-icon{position:absolute;display:block;top:0;left:10px;font-size:1.2em;color:#999}.admin_dashboard.container-auto .search-div select{padding:10px 80px 10px 10px}.admin_dashboard.container-auto .search-div__submit input{outline:none;border:0;background:#c7c9cc;color:white;border-radius:.35rem;padding:12px 30px;font-weight:600}.admin_dashboard.container-auto .table{table-layout:fixed;width:100%}.admin_dashboard.container-auto .table thead tr{font-size:14px;color:#17202c;text-align:left;font-weight:400}.admin_dashboard.container-auto .table thead tr th{padding-bottom:1rem;font-weight:500;padding:10px}.admin_dashboard.container-auto .table__body__name{display:flex;align-items:center}.admin_dashboard.container-auto .table__body__name__bulle{width:50px;height:50px;border-radius:50%;font-weight:bold;margin-right:1rem;display:flex;justify-content:center;align-items:center}.admin_dashboard.container-auto .table__body__name__content span{display:block;margin-top:.35rem;color:#61666b}.admin_dashboard.container-auto .table__body tr{border-bottom:1px solid #f5f5f5}.admin_dashboard.container-auto .table__body tr td{border-bottom:none}.admin_dashboard.container-auto .table__body tr:nth-child(5n+1) .table__body__name__bulle{background:#fed0dc;color:#de4e72}.admin_dashboard.container-auto .table__body tr:nth-child(5n+2) .table__body__name__bulle{background:#baeada;color:#52967d}.admin_dashboard.container-auto .table__body tr:nth-child(5n+3) .table__body__name__bulle{background:#ffddd2;color:#da7866}.admin_dashboard.container-auto .table__body tr:nth-child(5n+4) .table__body__name__bulle{background:#e6b3e5;color:#7a4b96}.admin_dashboard.container-auto .table__body tr:nth-child(5n+5) .table__body__name__bulle{background:#bfeaff;color:#4f8eae}.admin_dashboard.container-auto .table__body tr:nth-child(2n){background-color:rgba(187,187,187,0.1)}.admin_dashboard.container-auto .table__body td{text-align:left;cursor:default}.admin_dashboard.container-auto .table__body td a{text-align:left;font-weight:400;color:#17202c}.admin_dashboard.container-auto .table__body td a:hover{text-decoration:underline}.admin_dashboard.container-auto .table__body td .disabled{padding:8px 20px;cursor:not-allowed;font-weight:600}.maintenance{background-image:url("../img/pattern.jpg");background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:cover;width:100%;height:100%;min-height:100vh;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.maintenance_contain{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;width:100%;padding:15px}.maintenance_contain img{width:35vw;max-width:100%}.pp-infobox-title{color:#000000;font-family:sans-serif;font-weight:700;font-size:40px;margin-top:10px;margin-bottom:10px;text-align:center;display:block;word-break:break-word}.pp-infobox-title-prefix{font-weight:500;font-size:20px;color:#000000;margin-top:30px;text-align:center}.pp-infobox-description{color:#000000;font-family:"Poppins", sans-serif;font-weight:400;font-size:18px;margin-top:0px;margin-bottom:0px;text-align:center}.pp-infobox-description p{margin:0}.title-text.pp-primary-title{color:#000000;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;font-family:sans-serif;font-weight:500;font-size:18px;line-height:1.4;margin-top:50px;margin-bottom:0px}.pre-loader{position:fixed;bottom:50%;left:50%;transform:translate(-50%, 50%)}.pre-loader.card{max-width:500px;width:100%;background:#fff;padding:30px;border-radius:10px;border:1px solid #d9d9d9}.pre-loader.card .header{display:flex;align-items:center}.pre-loader .header .img{height:75px;width:75px;background:#d9d9d9;border-radius:50%;position:relative;overflow:hidden}.pre-loader .header .details{margin-left:20px}.pre-loader .details span{display:block;background:#d9d9d9;border-radius:10px;overflow:hidden;position:relative}.pre-loader .details .name{height:15px;width:100px}.pre-loader .details .about{height:13px;width:150px;margin-top:10px}.pre-loader.card .description{margin:25px 0}.pre-loader .description .line{background:#d9d9d9;border-radius:10px;height:13px;margin:10px 0;overflow:hidden;position:relative}.pre-loader .description .line-1{width:calc(100% - 15%)}.pre-loader .description .line-2{width:calc(100% - 30%)}.pre-loader .description .line-3{width:calc(100% - 40%)}.pre-loader.card .btns{display:flex}.pre-loader.card .btns .btn{height:45px;width:100%;background:#d9d9d9;border-radius:25px;position:relative;overflow:hidden}.pre-loader .btns .btn-1{margin-right:8px}.pre-loader .btns .btn-2{margin-left:8px}.pre-loader .header .img::before,.pre-loader .details span::before,.pre-loader .description .line::before,.pre-loader .btns .btn::before{position:absolute;content:"";height:100%;width:100%;background-image:linear-gradient(to right, #d9d9d9 0%, rgba(0,0,0,0.05) 20%, #d9d9d9 40%, #d9d9d9 100%);background-repeat:no-repeat;background-size:450px 400px;animation:shimmer 1s linear infinite}.pre-loader .header .img::before{background-size:650px 600px}.pre-loader .details span::before{animation-delay:0.2s}.pre-loader .btns .btn-2::before{animation-delay:0.22s}@keyframes shimmer{0%{background-position:-450px 0}100%{background-position:450px 0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}@-webkit-keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}@-moz-keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}@keyframes shake{0%,100%{margin-left:0}20%,80%{margin-left:-12px}40%,60%{margin-left:12px}}@keyframes in-out-top{0%{width:30px}50%{width:10px}100%{width:30px}}@keyframes in-out-middle{0%{width:20px}33.333%{width:10px}66.666%{width:30px}100%{width:20px}}@keyframes in-out-bottom{0%{width:10px}33%{width:20px}66%{width:30px}100%{width:10px}}.tabs{display:flex;align-items:center;border-bottom:1px solid #eeee;position:relative;justify-content:space-between;flex-direction:column}@media (min-width: 600px){.tabs{justify-content:flex-start;flex-direction:row}}.tabs h3{text-align:center;padding:10px 35px;cursor:pointer;font-weight:600;margin-bottom:10px;z-index:2}.tabs h3:nth-child(2).active ~ .glider{transform:translateY(130%);width:200px}.tabs h3:nth-child(3).active ~ .glider{transform:translateY(260%);width:220px}@media (min-width: 600px){.tabs h3:nth-child(2).active ~ .glider{transform:translateX(102%);width:140px}.tabs h3:nth-child(3).active ~ .glider{transform:translateX(150%);width:200px}}.tabs .glider{position:absolute;top:0;display:flex;height:40px;width:140px;background-color:#e6eef9;z-index:1;border-radius:50px;transition:0.25s ease-out}.tab-content{background-color:#ffffff}@media (min-width: 425px){.tab-content{padding:30px 0}}.tab-content h4{font-size:28px;margin-top:20px;margin-bottom:20px;color:#222;font-weight:600}@media (min-width: 425px){.tab-content h4{margin-top:0px}}.tab-content p{text-align:justify;line-height:1.9;letter-spacing:0.4px;color:#222}.tab-content>div{display:none}.tab-content .active{display:block;margin-top:30px}@media (min-width: 425px){.tab-content .active{margin-top:0px}}.cardBox{position:relative;width:100%;padding:20px;display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:30px}.cardBox .card{position:relative;background:#fff;padding:30px;border-radius:20px;display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 7px 25px rgba(0,0,0,0.08)}.cardBox .card:hover{background:#287bff}.cardBox .card:hover .numbers,.cardBox .card:hover .cardName,.cardBox .card:hover .iconBx{color:#fff}.cardBox .card .numbers{position:relative;font-weight:500;font-size:2.5em;color:#287bff}.cardBox .card .cardName{color:#999;font-size:1.1em;margin-top:5px}.cardBox .card .iconBx{font-size:3.5em;color:#999}@media (max-width: 991px){.cardBox{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 550px){.cardBox{grid-template-columns:repeat(1, 1fr)}.cardBox .card .numbers{font-size:1.8em}.cardBox .card .cardName{font-size:1em;margin-top:0px}}.dropdown{position:relative;height:50px}.dropdown::before{content:'';position:absolute;right:20px;top:15px;z-index:10000;width:8px;height:8px;border:2px solid #222;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(-45deg);transition:.5s;pointer-events:none}.dropdown input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;background:#fff;font-size:16px;color:#999;border:none;outline:none;box-shadow:0 5px 20px rgba(0,0,0,0.05);padding:12px 20px !important;border-radius:10px}.dropdown .options{position:absolute;top:70px;width:100%;background:#fff;box-shadow:-2px 5px 30px 0px rgba(0,0,0,0.05);border-radius:10px;overflow:hidden;display:none}.dropdown .options div{padding:12px 20px;cursor:pointer}.dropdown .options div:hover{background:#287bff;color:#fff}.dropdown .options div ion-icon{position:relative;top:4px;font-size:1.2em;margin-right:10px}.dropdown.active::before{top:22px;transform:rotate(-225deg)}.dropdown.active .options{display:block}.register .entreprise__form input,.register .entreprise__form select{transition:all .5s ease}.register .entreprise__form input:focus,.register .entreprise__form select:focus{outline:1px solid #287bff}.register .entreprise__form input[type=submit],.register .entreprise__form select[type=submit]{border:none;background:#274de2;color:white;cursor:pointer}.modal{height:100vh;display:grid;place-items:center}.modal__button{display:inline-block;background-color:var(--first-color);color:#FFF;padding:1rem 1.25rem;border-radius:.5rem;transition:.3s}.modal__button:hover{background-color:var(--first-color-alt)}.modal__container{position:absolute;top:0;left:0;backdrop-filter:blur(5px);width:100%;height:100%;display:grid;align-items:flex-end;overflow:hidden;transition:all .3s;z-index:var(--z-modal);visibility:hidden;opacity:0}.modal__content{position:relative;background-color:white;text-align:center;padding:3rem 2rem 2rem;border-radius:1rem 1rem 0 0;transition:all .3s;transform-origin:50% 100%;transform:rotateX(65deg) scale(0.75) translateY(10%)}.modal__img{width:150px;margin-bottom:.75rem}.modal__close{display:inline-flex;background-color:#272735;border-radius:.25rem;color:#FFF;font-size:1.5rem;position:absolute;top:2rem;right:2rem;cursor:pointer}.show-modal{visibility:visible;opacity:1}.show-modal .modal__content{transform:translateY(0)}.tab-content .change-password{text-align:center}.tab-content .change-password .icons{font-size:2.3rem;background:rgba(228,243,255,0.8);display:flex;justify-content:center;align-items:center;color:#2783d1;width:75px;height:75px;border-radius:50%;margin:0 auto 10px;transition:background .5s ease}.tab-content .change-password .icons .icon-open{opacity:0}.tab-content .change-password .icons .icon-close{position:absolute}.tab-content .change-password h1{color:#0D0D0D}.tab-content .change-password p{color:#8b9298;font-size:14px;font-weight:500;text-align:center;margin-bottom:30px}.tab-content .change-password .numbers{display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-direction:column}@media screen and (min-width: 450px){.tab-content .change-password .numbers{flex-direction:row}}.tab-content .change-password .numbers__left,.tab-content .change-password .numbers__right{display:flex;align-items:center;justify-content:space-between;margin:0 20px}.tab-content .change-password .numbers span{border:2px solid #dfeced;height:60px;width:45px;display:block;margin:10px;border-radius:0.5rem;line-height:55px;font-size:2rem;color:#287bff;transition:color .5s ease, background .5s ease}.tab-content .change-password .numbers span:focus,.tab-content .change-password .numbers span:focus-visible,.tab-content .change-password .numbers span.completed{border-color:#287bff;outline:none}.tab-content .change-password input[type=submit]{font-weight:600;color:#5e5e5e;background:#eee;font-size:1rem;padding:20px 80px;border:none;border-radius:.75rem;box-shadow:inset 0 0 0 0 #287bff;cursor:pointer;white-space:pre-wrap}.tab-content .change-password.valid .icons{background:#e4ffeb;animation:pulse-valid 2s infinite;color:#61c482}.tab-content .change-password.valid .icons .icon-open{opacity:1}.tab-content .change-password.valid .icons .icon-close{opacity:0;transition:opacity .5s ease}.tab-content .change-password.valid span,.tab-content .change-password.valid span:focus-visible,.tab-content .change-password.valid span:focus{background:#e4ffeb;color:#61c482;border-color:#61c482}.tab-content .change-password.valid input[type=submit]{box-shadow:inset -350px 0 0 0 #287bff;color:#fff;transition:box-shadow .7s ease, color .5s ease}.tab-content .change-password.error .icons{background:#feecee;animation:pulse-error 2s infinite;color:#c45864}.tab-content .change-password.error .numbers span{border-color:#ff4259;background:rgba(255,66,89,0.15);color:#cf5c6a}.tab-content .change-password.error input[type=submit]{box-shadow:inset -550px 0 0 0 #ff4259;color:#fff;transition:box-shadow .7s ease, color .5s ease}.tab-content .change-password::selection{background-color:rgba(40,123,255,0.7) !important}@keyframes pulse-valid{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(178,255,190,0.8)}70%{transform:scale(1);box-shadow:0 0 0 20px rgba(178,255,190,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(178,255,190,0)}}@keyframes pulse-error{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,82,82,0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,82,82,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,82,82,0)}}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;font-size:.9em;font-weight:300;margin-top:2em}.alert button{border:0}.alert.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert.alert-info{color:black;background-color:rgba(81,104,236,0.1);border-color:#287bff}
