tuemilio.css

*, ::after, ::before {
    /*box-sizing: border-box;*/
}

.t-primary-color {
    background-color:rgb(0, 105, 255);
    color: white;
}

.t-input-color {
    color: black;
    background-color: white;
}

.t-modal-content h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: 0.67em 0;
}

.t-modal-content h2 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.83em 0;
}

.t-modal-content h3 {
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0.83em 0;
}

.t-modal-content p {
    margin: 0.83em 0;
}

.t-text-dashboard_link {
    text-decoration: underline;
}

.t-milestone-target {
    text-align: right;
    display: flex;
    opacity: .6;
    align-items: center;
    justify-content: flex-end;
    flex-flow: column;
}

.fade-in{-webkit-animation-name:fade-in;-webkit-animation-duration:0.32s;animation-name:fade-in;animation-duration:0.32s;}
.fade-out{-webkit-animation-name:fade-out;-webkit-animation-duration:.2s;animation-name:fade-out;animation-duration:.2s}
.roll-down{-webkit-animation-name:roll-down;-webkit-animation-duration:0.3s;animation-name:roll-down;animation-duration:0.3s;}
.roll-up{-webkit-animation-name:roll-up;-webkit-animation-duration:0.3s;animation-name:roll-up;animation-duration:0.3s;}

.t-form-modal,.t-input,.t-button{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
.t-modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;}
.t-modal-content{margin:auto;padding:30px 0 35px 0;border:0;max-width:1200px;border-radius:8px;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16), 0px 7px 1000px 10px rgba(0,0,0,0.1)!important;-moz-box-shadow:0 5px 40px rgba(0,0,0,.16), 0px 7px 1000px 10px rgba(0,0,0,0.1)!important;box-shadow:0 5px 40px rgba(0,0,0,.16), 0px 7px 1000px 10px rgba(0,0,0,0.1)!important;font-weight:inherit;background-color:rgb(250, 250, 250);}
@media (min-width:576px){
    .t-modal-content{max-width:570px;margin:1.75rem auto;padding:13px 15px 35px 15px;}
}
@media (min-width:768px){
    .t-modal-content{max-width:750px;margin:1.75rem auto;}
}
@media (min-width:992px){
    .t-modal-content{max-width:990px;}
}
@media (min-width:1200px){
    .t-modal-content{max-width:1175px;}
}
.t-modal-close{
    float:right;
    opacity: .5;
    padding:10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.t-modal-close:hover,.t-modal-close:focus{
    opacity: 1;
    cursor:pointer;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.t-form-modal{font-weight:inherit;}
.t-form-group .t-input:focus{outline:0;border-color: #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
.t-message{color:#4c4c4c !important;display:block;
    margin: 0.3rem auto 0 auto;font-size:0.85rem;color:inherit;max-width:600px;text-align:center;font-family:inherit;}
.t-input{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;background-clip:padding-box;border:1px solid #dbe2e8;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;overflow:visible;
    margin:1rem 0 0 0;font-family:inherit;-webkit-box-shadow: 0 2px 2px 0 rgba(46,60,73,.05);box-shadow: 0 2px 2px 0 rgba(46,60,73,.05);}
label + .t-input {
    margin: 0.5rem 0 0 0;
}
.t-button{color:#fff;background-color:rgb(0, 105, 255);font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:none;-webkit-appearance:button;min-width:130px;display:block;margin:16px auto 0 auto;-webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);font-family:inherit;min-height:35px;}
.t-button:focus{text-decoration: none;outline: 0;}
.t-button:hover{opacity: 0.9;cursor:pointer;}
.t-button-dashboard {margin-top: 0}
.t-dashboard *,.t-dashboard *::before,.t-dashboard *::after{box-sizing:border-box;}
.t-container{margin: 0 15px;}
.t-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.t-col-12,.t-col-lg-6,.t-col-lg-9{position:relative;width:100%;padding-right:15px;padding-left:15px;}
.t-col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
@media (min-width:992px){
    .t-col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
    .t-col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
    .t-col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
}

.t-form-group label {color: #4c4c4c; margin-top: 0.8rem; margin-bottom: 0;display: inline-block}
.t-form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-image:none;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.t-form-control::-ms-expand{background-color:transparent;border:0;}
.t-form-control:focus{color:#495057;background-color:#fff;outline:0;border-color: #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
.t-form-control::-webkit-input-placeholder{color:#868e96;opacity:1;}
.t-form-control:-ms-input-placeholder{color:#868e96;opacity:1;}
.t-form-control::-ms-input-placeholder{color:#868e96;opacity:1;}
.t-form-control::placeholder{color:#868e96;opacity:1;}
.t-form-control:disabled{background-color:#e9ecef;opacity:1;}
.t-form-modal .form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px;}
.t-form-modal .form-row>[class*="col-"]{padding-right:5px;padding-left:5px;}
.t-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;
    border-radius:8px;
    /*border:0;*/
    /*-webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.15), 0 8px 16px -8px rgba(0,0,0,.3);*/
    /*box-shadow:0 13px 27px -5px rgba(50,50,93,.15), 0 8px 16px -8px rgba(0,0,0,.3);*/

    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.1);
    box-shadow: 0 3px 8px rgba(0,0,0,.1);

    overflow:auto;margin-top:1rem!important;}
.t-card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding: 0 1.7rem 1.25rem 1.7rem;}
.t-form-modal .badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;}
.t-form-modal .badge:empty{display:none;}
.t-form-modal .badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem;}
.t-form-modal .badge-primary{color:#fff!important;background-color:#007bff;}
.t-form-modal .list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;}
.t-form-modal .list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,0.125);}
.t-form-modal .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem;}
.t-form-modal .list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;}
.t-form-modal .list-group-item:focus,.t-form-modal .list-group-item:hover{text-decoration:none;}
.t-form-modal .list-group-item:disabled{color:#868e96;background-color:#fff;}
.t-form-modal .list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0;}
.t-form-modal .list-group-flush:last-child .list-group-item:last-child{border-bottom:0;}
.t-form-modal .align-items-center{-ms-flex-align:center!important;align-items:center!important;}
.t-form-modal .text-center{text-align:center!important;}
.t-form-modal .text-muted{color:#868e96!important;}

@media (max-width:475px){
    #waiting-list{font-size:80%;}
}

.t-form-modal .pull-right{float:right;}
.t-form-modal .pull-left{float:left;}

.t-fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.t-fa-twitter:before{content:"\F099";}
.t-fa-facebook:before{content:"\F09A";}
.t-fa-copy:before{content:"\F0C5";}
.t-fa-envelope:before{content:"\F0E0";}
.t-fa-linkedin:before{content:"\F0E1";}
.t-fa-reddit:before{content:"\F1A1";}
.t-fa-weixin:before{content:"\F1D7";}
.t-fa-whatsapp:before{content:"\F232";}
.t-fa-twitter:before{content:"\F099";}
.t-fa-twitter{top:-1px!important;color:white!important;}
.t-fa-facebook:before{content:"\F09A";}
.t-fa-facebook{color:white!important;}
.t-fa-copy:before{content:"\F0C5";}
.t-fa-copy{margin-left:.25rem!important;color:white!important;}
.t-fa-envelope:before{content:"\F0E0";}
.t-fa-envelope{color:white!important;}
.t-fa-linkedin:before{content:"\F0E1";}
.t-fa-linkedin{top:-1px!important;color:white!important;}
.t-fa-reddit:before{content:"\F1A1";}
.t-fa-reddit{top:-1px!important;color:#FF4501!important;}
.t-fa-weixin:before{content:"\F1D7";}
.t-fa-weixin{color:white!important;}
.t-fa-whatsapp:before{content:"\F232";}
.t-fa-whatsapp{top:-1px!important;color:white!important;}
.t-fa-telegram:before{content:"\F2C6";}
.t-fa-telegram{top:-1px!important;color:white!important;}

.t-btn-social{
    display:inline-block;
    white-space:nowrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    line-height:1.5;
    border-radius:.45rem;
    overflow:hidden;
    text-overflow:ellipsis;
    margin:3px 7px 3px 0px;
    -webkit-box-shadow:0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    box-shadow:0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    position:relative;
    text-align:left;
    height:34px;
    width:34px;
    padding:0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.t-btn-social:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,0.25);}
.t-btn-social:disabled{opacity:.65;}
.t-btn-social:hover{
    cursor: pointer;
    box-shadow: 0 7px 11px 1px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    -webkit-transform:translate3d(0,-1px,0);
    -ms-transform:translate3d(0,-1px,0);
    transform:translate3d(0,-1px,0);
}
.t-btn-social:not([disabled]):not(.disabled):active{background-image:none;}
.t-btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;line-height:34px;font-size:1.6em;border:0;text-align:center;width:100%!important;}

.t-hidden{display:none!important;}

#t-modal{z-index:1000!important;top:0!important;height:100%!important;position:fixed!important;}
.t-modal-title{text-align:center;margin-top:1rem;margin-bottom:1rem;}
.t-modal-subtitle{text-align:center;margin-top:1rem;margin-bottom:1rem;color:#868e96;font-size: 1.6rem;}
.t-text-paragraph{text-align:center;margin-top:1rem;margin-bottom:1.5rem;}
.t-modal-share-input{margin-bottom:.5rem;border-radius: .45rem;}
.t-modal-copy-btn, .t-modal-invite-btn{
    -webkit-box-shadow:0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    box-shadow:0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    margin-bottom:.5rem;
    display:inline-block;
    font-weight:400;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border:1px solid transparent;
    padding:.375rem .75rem;
    font-size:1rem;
    line-height:1.5;
    border-radius:.45rem;
    -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}

.t-modal-copy-btn svg {
    vertical-align: middle;
    margin-left: 2px;
}

.t-modal-copy-btn:hover, .t-modal-invite-btn:hover{
    opacity: 0.9;
    cursor:pointer;
    text-decoration:none;
    box-shadow: 0 7px 11px 1px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    -webkit-transform:translate3d(0,-1px,0);
    -ms-transform:translate3d(0,-1px,0);
    transform:translate3d(0,-1px,0);
}
.t-modal-copy-btn:focus, .t-modal-invite-btn:focus{text-decoration:none;outline:0;}
.t-modal-copy-btn:disabled, .t-modal-invite-btn:disabled{opacity:.65;}
.t-text-wait-list-title{margin-bottom:1rem!important;}
.t-text-task-outro{margin:0.6rem 0;}

.t-points {font-size: 3rem;margin: 0;}

.t-text-units{font-size: 2rem;}
.t-modal-referreds-deleter .t-card-body{max-height: 370px;}

.t-table th{text-align:inherit;}
.t-table{border-collapse:collapse;width:100%;max-width:100%;background-color:transparent;text-align:center!important;}
.t-table td,.t-table th{padding:1.1rem;vertical-align:top;}
.t-table tr:first-child th{border-top:0}
.t-table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6;}
.t-table-hover tbody tr:hover{background-color: rgba(0, 0, 0, 0.01);}
.t-table tbody th{font-weight: normal}
.t-table-hover tbody tr {-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;    border-top: 1px solid #0000000f;}

.t-modal-dashboard-info{text-align: center;}
.t-footer-text{
    margin-top: 2rem;
}
.t-modal-dashboard-user{color:#868e96;}

#referred-list{
    font-size: 1rem;
    text-align: left;
}

#referred-list th{
    padding: 1rem 1rem 1rem 0;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.t-scroll {
    max-height: 290px;
    overflow: auto;
    padding: 0 1.7rem 0 0.2rem;
}

.t-table tr:first-child{
    border-top: 0 !important;
}

.t-avatar {
    width: 38px;
    height: 38px;
    font-size: 12px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    border-radius: 100%;
    background: rgb(126, 55, 148);
    display: inline-block;
    margin-right: 1rem;
}

@-webkit-keyframes fade-in{from{opacity:0;transform:translate(0, 15px);}to{opacity:1;}}
@keyframes fade-in{from{opacity:0;transform:translate(0, 15px);}to{opacity:1;}}
@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0;transform:translate(0,100px)}}
@keyframes fade-out{from{opacity:1}to{opacity:0;transform:translate(0,100px)}}
/*@-webkit-keyframes roll-down{from{opacity:0;transform:translate(0, 15px);}to{opacity:1;}}*/
/*@keyframes roll-down{from{opacity:0;transform:translate(0, 15px);}to{opacity:1;}}*/

@keyframes roll-down{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,10px,0);
        -ms-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0);}
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        -ms-transform:translateZ(0);
        transform:translateZ(0);
    }
}
@-webkit-keyframes roll-down{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,10px,0);
        -ms-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0);}
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        -ms-transform:translateZ(0);
        transform:translateZ(0);
    }
}

@-webkit-keyframes roll-up{from{opacity:0;transform:translate(0, -15px);}to{opacity:1;}}
@keyframes roll-up{from{opacity:0;transform:translate(0, -15px);}to{opacity:1;}}

.t-bar-wrapper{margin-top:10px;}
@media only screen and (max-width:680px){
    .t-bar-wrapper{margin-top:10px;}
}
.t-bar{border-radius:16px;overflow:hidden;height:16px;background-color:#f5f5f5;position:relative;display:-ms-flexbox;display:flex;}
@media only screen and (max-width:680px){
    .t-bar{height:15px;}
}
.t-bar .t-granted{background-color:#2bcbba;-webkit-animation:barIn 1s backwards;animation:barIn 1s backwards;}
.t-bar .adjustment,.t-bar .t-granted{position:relative;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;}
@media only screen and (max-width:680px){
    .t-bar .adjustment{background-size:15px;}
}
.t-legend{margin-top:15px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start; margin-bottom: 3px;}
@media only screen and (max-width:680px){
    .t-legend{margin-top:10px;}
}
.t-legend>div{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;}
.t-legend>div:not(:last-child){margin-right:20px;}
@media only screen and (max-width:580px){
    .t-legend>div:not(:last-child){margin-right:12px;}
}
@media only screen and (max-width:340px){
    .t-legend>div:not(:last-child){margin-right:15px;}
}
.t-legend>div i{min-width:12px;height:12px;border-radius:50%;margin-right:6px;margin-top:2px;}
@media only screen and (max-width:680px){
    .t-legend>div i{min-width:10px;height:10px;margin-right:5px;}
}

.t-legend>div.t-granted i{background-color:#2bcbba;}
.t-legend>div.t-future i{background-color:#ececec;}

@-webkit-keyframes barIn{0%{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
@keyframes barIn{0%{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
@-webkit-keyframes fadeIn{0%{opacity:0;}to{opacity:1;}}
@keyframes fadeIn{0%{opacity:0;}to{opacity:1;}}

@media (min-width:576px){
    .form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0;}
    .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle;}
    .form-inline .input-group{width:auto;}
    .form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0;}
    .form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0;}
}

.t-form {max-width: 320px;display: block;margin: 10px auto 0 auto;font-family: inherit;padding-right: 15px;padding-left: 15px;}
.t-form-inline {
    -ms-flex-pack: center!important;
    justify-content: center!important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100% !important;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.t-form-inline button {
    margin-top: 0;
}

.t-form-inline .t-button {margin:0;}
.t-form-inline .t-message {display: none}
.t-form-inline .t-form-group {
    display: flex;
    justify-content: center!important;
    flex-flow: row wrap;
    align-items: center;
}
.t-form-inline label {display: none}
.t-form-inline .t-input {margin: 0 8px 8px 0;}
.t-form-inline .t-button {
    margin-bottom: 8px;}

@media (min-width: 576px) {
    .t-form-inline .t-input {
        width: 300px;
    }
}

@media (max-width: 576px) {
    .t-form-inline .t-input {margin: 0 0 16px 0;}
}

.t-video .t-card {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.t-video .t-card:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.1);
    box-shadow: 0 8px 20px rgba(0,0,0,.1);
}

.t-video .t-card iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.t-typeform {
    height: 500px;
    padding: 0 !important;
}

.t-survey-completed {
    text-align: center;
    padding-top: 20px;
}

.t-countdown-container {
    display: flex;
    text-align: center;
    justify-content: center;
}

.t-countdown-container > div {
    padding: 20px 15px;
}

.t-countdown-container > div div:nth-child(1) {
    font-size: 3.5rem;
}

.t-text-countdown-subtitle {
    margin-bottom: 0;
}

.t-spacer {
    height: 17px;
}

.t-referreds-card .t-card-body {
    padding: 0 0 1.25rem 1.2rem;
}

.t-referred-date {
    display: block;
    font-size: 0.8rem;
    opacity: 0.4;
    padding-top: .2rem;
    text-transform: lowercase;
}

.t-referred-points {
    flex-grow: 2;
    text-align: right;
}

.t-shareon-row {
    padding: 1rem 1rem 1rem 1rem;
    display: flex;
    align-items: center;
    margin: 8px 0;
    border-radius: 8px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
}

.t-shareon-row:first-of-type {
    border-top: none;
}

.t-shareon-points-wrapper {
    flex-grow: 2;
    text-align: right;
}

.t-shareon-points {
    text-align: right;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 8px;
}

.t-shareon-platform {
    text-transform: capitalize;
    margin-left: 10px;
}

.t-shareon-pending {
    margin-right: 10px;
    font-size: 0.8rem;
    font-style: italic;
}

.t-survey-points-wrapper {
    flex-grow: 2;
    text-align: right;
}

.t-survey-pending {
    margin-right: 10px;
    font-size: 0.8rem;
    font-style: italic;
}

.t-survey-points {
    text-align: right;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 8px;
}

.t-survey .t-card-header {
    display: flex;
    align-items: center;
    /*padding: 0 1.7rem 0 1.7rem;*/
}

.t-waitlist-row {
    padding: 1.2rem 2rem 1.2rem 0;
    display: flex;
    align-items: center;
    border-left: 3px solid transparent;
    margin: 8px 0;
    border-radius: 8px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
}

.t-waitlist-row:first-of-type {
    border-top: none;
}

.t-waitlist-row-self {
    font-weight: bold;
    /*-webkit-box-shadow: inset 200px 0px 127px -150px rgba(253,82,126,0.15), 0 3px 8px 0px rgba(0,0,0,.06);*/
    /*-moz-box-shadow: inset 200px 0px 127px -150px rgba(253,82,126,0.15), 0 3px 8px 0px rgba(0,0,0,.06);*/
    /*box-shadow: inset 200px 0px 127px -150px rgba(253,82,126,0.15), 0 3px 8px 0px rgba(0,0,0,.06);*/
    border-left: 3px solid rgb(253, 82, 126);
}

.t-waitlist-position {
    opacity: .4;
    width: 6rem;
    text-align: center;
}

.t-waitlist-address {
    width: 12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.t-milestone-title {
    width: 12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
}

.t-waitlist-points {
    text-align: right;
    flex-grow: 1;
    display: flex;
    opacity: .6;
    align-items: center;
    /*width: 1rem;*/
    justify-content: flex-end;
}

@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.20, 0.8, 1);
        transform: scale3d(1.20, 0.8, 1);
    }
    40% {
        -webkit-transform: scale3d(0.8, 1.2, 1);
        transform: scale3d(0.8, 1.2, 1);
    }
    50% {
        -webkit-transform: scale3d(1.1, 0.9, 1);
        transform: scale3d(1.1, 0.9, 1);
    }
    65% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.20, 0.8, 1);
        transform: scale3d(1.20, 0.8, 1);
    }
    40% {
        -webkit-transform: scale3d(0.8, 1.2, 1);
        transform: scale3d(0.8, 1.2, 1);
    }
    50% {
        -webkit-transform: scale3d(1.1, 0.9, 1);
        transform: scale3d(1.1, 0.9, 1);
    }
    65% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.jello-horizontal {
    -webkit-animation: jello-horizontal 0.5s both;
    animation: jello-horizontal 0.5s both;
}

.feather-star {
    margin-bottom: .1rem;
    margin-left: .1rem;
    margin-right: .2rem;
}

.t-translate-1 {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.t-translate-1:hover {
    transform: translateY(-1px);
}

.t-share-link {
    display: flex;
}

.t-share-input {
    flex-grow: 1;
    margin-right: 10px;
}

.t-paragraph {
}

.t-flex {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap-reverse;
    align-items: center;
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 100001 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}
.gu-hide, .t-d-none {
    display: none !important;
}
.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}

.t-card-header h2 {
    margin: 0;
}

.t-card-header {
    padding: 1.4rem 1.4rem 1rem 1.7rem;
    min-height: 3.5rem;
}

ol li.ql-indent-1{counter-increment:list-1;}
ol li.ql-indent-1:before{content:counter(list-1, lower-alpha) '. ';}
ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;}
ol li.ql-indent-2{counter-increment:list-2;}
ol li.ql-indent-2:before{content:counter(list-2, lower-roman) '. ';}
ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;}
.ql-indent-1:not(.ql-direction-rtl){padding-left:3em;}
li .ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em;}
.ql-indent-2:not(.ql-direction-rtl){padding-left:6em;}
li .ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em;}
.ql-indent-3:not(.ql-direction-rtl){padding-left:9em;}
.ql-indent-4:not(.ql-direction-rtl){padding-left:12em;}
.ql-align-center{text-align:center;}
.ql-align-justify{text-align:justify;}
.ql-align-right{text-align:right;}
.ql-image {max-width: 100%}
.t-hero-text .t-card {
    width: 600px;
    margin: 0 auto;
}

.t-footer-text .t-card {
    width: 600px;
    margin: 0 auto;
}

.connecting-circle {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    width: 10px;
    height: 10px;
}

.connecting-circle:before {
    content: '';
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: #2294E1;
    animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.connecting-circle:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #2294E1;
    border-radius: 15px;
    animation: pulse-dot 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}

@keyframes pulse-ring {
    0% {
        transform: scale(.33);
    }
    80%, 100% {
        opacity: 0;
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(.8);
    }
}


.t-toast-wrapper {
    position: fixed;
    bottom: 19px;
    z-index: 100;
    left: 19px;
}

.t-toast .t-card-body {
    padding: 10px 18px;
}

.t-toast .t-title {
    font-weight: bolder;
}

.t-toast .t-card-body {
    display: flex;
    align-items: center;
}

.t-toast .t-wrap-content {
    padding-left: 18px;
}

.t-toast .t-f-avatar {
    padding: 10px;
}

.t-time-diff {
    color: #a8a8a8;
    font-size: 13px;
    padding-top: 3px;
}

.bounceBottom-enter-active {
    animation: bounceBottomUp 1.1s linear both;
}
@keyframes bounceBottomUp {
    0% {
        transform: matrix(1,0,0,1,0,100);
    }

    4.1% {
        transform: matrix(1,0,0,1,0,41.971);
    }

    8.11% {
        transform: matrix(1,0,0,1,0,10.549);
    }

    12.11% {
        transform: matrix(1,0,0,1,0,-1.843);
    }

    16.12% {
        transform: matrix(1,0,0,1,0,-4.336);
    }

    27.23% {
        transform: matrix(1,0,0,1,0,-.784);
    }

    38.34% {
        transform: matrix(1,0,0,1,0,.104);
    }

    60.56% {
        transform: matrix(1,0,0,1,0,-.002);
    }

    82.78% {
        transform: matrix(1,0,0,1,0,0);
    }

    to {
        transform: matrix(1,0,0,1,0,0);
    }
}
.bounceBottom-leave-active {
    animation: bounceBottomDown 2s linear both;
}
@keyframes bounceBottomDown {
    0% {
        transform: matrix(1,0,0,1,0,0);
    }

    4.2% {
        transform: matrix(1,0,0,1,0,54.927);
    }

    8.31% {
        transform: matrix(1,0,0,1,0,88.411);
    }

    12.51% {
        transform: matrix(1,0,0,1,0,103.215);
    }

    16.62% {
        transform: matrix(1,0,0,1,0,106.331);
    }

    27.73% {
        transform: matrix(1,0,0,1,0,101.285);
    }

    38.84% {
        transform: matrix(1,0,0,1,0,99.747);
    }

    61.06% {
        transform: matrix(1,0,0,1,0,100.01);
    }

    83.28% {
        transform: matrix(1,0,0,1,0,100);
    }

    to {
        transform: matrix(1,0,0,1,0,100);
    }
}

svg {
    vertical-align: middle;
    display: inline;
}


.t-gdpr-content .t-marketing-label {
    margin-top: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: inherit;
}
.t-gdpr-content .t-marketing-label input {
    margin-right: 0.5rem;
    margin-left: 0.7rem;
    margin-bottom: 0;
    margin-top: 0;
    height: 20px;
    width: 20px;
}

.t-gdpr-content .t-marketing-label input:focus {
    border-color: inherit;
}

.t-gdpr-content {
    color: inherit;
    display: block;
    margin: 0.3rem 0 0 .1rem;
    font-size: 0.8rem;
    font-family: inherit;
}
.t-gdpr-title {
    font-weight: bold;
    font-size: 0.85rem;
}

.t-form-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0;
    color: #2563eb;
    border: 1px solid;
    border-color: #d1d5db;
    border-width: 2px;
    border-radius: 0.25rem;
    cursor: pointer;
}

.t-form-checkbox:focus {
    outline: none;
    --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 2px) var(--ring-offset-color, #fff);
    --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 2px)) var(--ring-color, #2563eb);
    box-shadow: var(--ring-offset-shadow), var(--ring-shadow), 0 0 #0000;
    box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000);
}

.t-form-checkbox:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' class='t-check-color' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.t-gdpr-description, .t-gdpr-legal-text, .t-gdpr-title {
    margin: 0.5rem 0;
}

.t-gdpr-policy {
    display: flex;
    align-items: center;
    margin: 1.4rem 0;
    font-size: 0.7rem;
    line-height: 0.8rem;
}

.t-gdpr-policy svg {
    min-width: 60px;
    padding-right: 10px;
}

.t-gdpr-policy p {
    margin-bottom: 0;
}

.t-marketing-permissions {
    margin: 1rem 0;
}

@media (max-width:576px){
    .t-modal-content {
        padding-top: 0;
    }

    .t-modal-close {
        padding: 15px;
    }

    .t-modal-title {
        margin-top: 2rem;
    }

    .t-card-body {
        padding: 0 1rem 1rem 1rem;
    }

    .t-card-header {
        padding: 1rem;
    }

    .t-share-link * {
        font-size: .9rem;
    }

    .t-share-input {
        margin-right: -9px;
    }

    .t-btn-social {
        height: 32px;
        width: 32px;
        margin: 3px 5px 3px 0;
    }

    .t-shareon-pending {
        margin-right: 8px;
        margin-top: 3px;
        font-size: 0.7rem;
    }

    .t-survey-pending {
        margin-top: 3px;
        margin-right: 8px;
        font-size: 0.7rem;
    }

    .t-waitlist-position {
        width: 3rem;
        margin-right: 0.3rem;
    }

    .t-waitlist-row {
        padding: 1.2rem 1.2rem 1.2rem 0;
    }

    .t-waitlist-row * {
        font-size: .85rem;
    }

    .feather-star {
        height: .7rem;
    }

    .t-modal-dashboard-info {
        font-size: .8rem;
    }

    .t-modal-content h2 {
        font-size: 1.2rem;
    }

    .t-survey-title {
        padding: 0 1rem;
    }

    .t-scroll {
        padding: 0 1rem 0 0.2rem;
    }

    .t-referreds-card .t-card-body {
        padding: 0 0 1.25rem .8rem;
    }

    .t-shareon-points {
        padding: 0.4rem .5rem;
        font-size: 0.8rem;
    }

    .t-survey-points {
        padding: 0.4rem .5rem;
        font-size: 0.8rem;
    }

    .t-shareon-row {
        font-size: .9rem;
    }

    .t-shareon-row .feather-star {
        margin: 0;
    }

    .t-avatar {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: .7rem;
        margin-right: .7rem;
    }

    .t-referred-date {
        font-size: .7rem;
    }

    .t-countdown-container > div {
        padding: 15px 10px;
    }

    .t-countdown-container > div div:nth-child(1) {
        font-size: 2.5rem;
    }

    .t-waitlist-address {
        width: auto;
    }
}
@media (max-width:768px){
    .t-hero-text .t-card {
        width: 100%;
        margin: 0 auto;
    }

    .t-footer-text .t-card {
        width: 100%;
        margin: 0 auto;
    }
}
@media (min-width:992px){
    /*.t-container{max-width:960px;}*/
}
@media (min-width:1200px){
    /*.t-container{max-width:1140px;}*/
}