div.form-flex {
    display: flex;
    flex-direction: row;
}
div.name-ctry > label {
    margin-right: 20px;
}
::placeholder {
    color: #888888;
    font-size: 14px;
}
div.form-row {
    margin: 10px 5px;
}
#card-element {
    max-width: 400px;
    border: 1px solid rgb(118, 118, 118);
    padding-inline-start: 5px;
    background-color: white;
}
div.amount-table {
    display: grid;
    grid-template-columns: repeat(2, max-content);
}
#taxes div.label {
    padding-left: 20px;
    font-size:    smaller;
}
div.amount-table > div {
    display: contents;
}
div.amount-table > div > div {
    padding: 5px;
}
div.amount-table div.amount {
    text-align: right;
}
#card-errors {
    font-size: larger;
    color:     red;
}
div.btn-box {
    display: flex;
}
div.btn-box > button {
    margin: 20px;
}
div.content {
    position: relative;
    padding-left: 0;
}
span.errorStar {
    color: red;
}
div.space-lt {
    padding-left: 10px;
    padding-top:  10px;
}
#overlay {
    position: absolute;
    background: rgba(0,0,0,.1);
    height: 100%;
    width: 100%;
    z-index: 500;
}
#spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height:60px;
    width:60px;
    margin:0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left:6px solid rgba(0,0,0,.15);
    border-right:6px solid rgba(0,0,0,.15);
    border-bottom:6px solid rgba(0,0,0,.15);
    border-top:6px solid rgba(0,0,0,.8);
    border-radius:100%;
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}