*{border:0;margin:0;padding:0}html,body{height:100%}body{color:#4c4c4c;flex-direction:column;font-family:Roboto,HelveticaNeue,Helvetica,Arial,sans-serif;font-size:.9em;display:flex}#background{z-index:-10;background:#f6f6f6;width:100%;height:100%;position:fixed;top:0;left:0}header{background-color:#fff;justify-content:space-between;margin:0;padding:5px 0 2px 10px;display:flex;box-shadow:0 2px 5px #ddd}.content{flex:1 0 auto;padding-top:20px;padding-bottom:40px}footer img{float:right;height:40px;margin:0 20px}footer{background:#fff;border-top:2px solid #ddd;flex-shrink:0;width:100%;height:50px;padding-top:10px;overflow:hidden}#loading{color:#ddd}main{text-align:center;background:#fff;border-radius:30px;width:70%;min-width:800px;margin:40px auto auto;padding:40px 20px;overflow:hidden;box-shadow:0 0 20px 8px #ddd}#main-text{display:none}p{margin:12px}.success{color:#00ae9e;margin:6px}.error{color:#c52626}.txt-product-available{color:#00ae9e}.fail{color:#f54141e3}.txt-available-message{text-align:left}.reminder-list{text-align:left;padding-left:30px}.enlarge{vertical-align:middle;font-size:2em}.hidden{display:none}.sink-more{margin-top:25px}button{text-align:center;cursor:pointer;color:#fff;background-color:#00ae9e;border-radius:100px;outline:0;padding:15px 32px;font-size:1em;font-weight:600}button:hover{background-color:#00b8aa}button.btn-prev{color:#8d8d8d;background-color:#f3f3f3}button.btn-prev:hover{color:#8d8d8d;background-color:#dbdbdb}.right{float:right}.left{float:left}.title{text-align:center;color:#3b90aa;margin:25px;font-family:Roboto,Lato,HelveticaNeue,Helvetica,Arial,sans-serif;font-size:2em;font-weight:700}.message-container{justify-content:center;display:flex}.messages{flex-direction:column;width:700px;display:flex}.message{border-radius:10px;margin-bottom:30px;padding:10px 20px;box-shadow:0 0 10px 1px #ddd}.message-title{color:#00ae9e;text-align:left;padding:10px;font-size:1em;font-weight:700}.message-content{text-align:left;padding:10px 10px 10px 32px}hr{border-top:2px solid #00ae9e;margin-top:10px}.overlay{z-index:10;background-color:#fff;width:100%;height:100%;position:fixed;top:0;left:0}#loading-container>img{width:100px}#loading-modal{display:block}.modal{text-align:center;z-index:11;border-radius:40px;width:400px;margin-left:-200px;position:fixed;top:20%;left:50%}.modal .logo{max-width:200px}.modal .modal-message{color:#b9b9b9;margin-top:20px;font-size:18px}#summary-raw-data{color:#777;border:1px solid #ccc;margin-top:10px;margin-bottom:25px}#summary-container{margin-top:20px}.provisioned-link{color:#00ae9e;text-decoration:none}@keyframes bounce{0%{transform:scale(1)}33%{transform:scale(.9)}66%{transform:scale(1.1)}to{transform:scale(1)}}.steps-container{justify-content:center;display:flex}.steps{width:80%;margin:0 0 40px;padding:0 0 2rem;list-style:none;display:flex}.step{pointer-events:none;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.step--active,.step--complete{cursor:pointer;pointer-events:all}.step:not(:last-child):before,.step:not(:last-child):after{content:"";will-change:width;z-index:0;height:.25rem;display:block;position:absolute;top:50%;left:50%;transform:translateY(-50%)}.step:before{background-color:#e6e7e8;width:100%}.step:after{background-color:#3b90aa;width:0}.step--complete:after{opacity:1;transition:width .6s ease-in-out,opacity .6s ease-in-out;width:100%!important}.step__icon{color:#0000;z-index:1;background-color:#fff;border:.25rem solid #e6e7e8;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:2rem;display:flex;position:relative}.step__icon:before{color:#fff;content:"✓";font-size:20px;display:block}.step.step--incomplete .step__icon:before{color:#888;font-size:18px}#marker-step-1.step--incomplete .step__icon:before{content:"1"}#marker-step-2.step--incomplete .step__icon:before{content:"2"}#marker-step-3.step--incomplete .step__icon:before{content:"3"}#marker-step-4.step--incomplete .step__icon:before{content:"4"}.step--complete.step--active .step__icon{color:#fff;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out}.step--incomplete.step--active .step__icon{border-color:#3b90aa;transition-delay:.5s}.step--complete .step__icon{color:#fff;background-color:#3b90aa;border-color:#3b90aa;animation:.5s ease-in-out bounce}.step__label{text-transform:uppercase;margin-top:1rem;font-size:.8rem;position:absolute;bottom:-2rem;left:50%;transform:translate(-50%)}.step--incomplete.step--active .step__label{text-decoration:none}.step--active .step__label{transition:color .3s ease-in-out .5s}