:root{
    --navigation-background: #B3CBE5; /*#6797CC DBE4FB #9ACAFF #1A4AC5;*/
    --navigation-selected:#1A4AC5; /*#10307E*/
    --navigation-hover:#265CE3;
    --navigation-text:#fff;
    --button:#376fd0;
    --button-hover:#285fbe;
    --button-text:#fff;
    --button-disabled:#3c4555;
    --mandatory-border:#265CE3;
    scroll-behavior:auto
}
.RTReg{
    font-family:urw-din,Arial,Helvetica,sans-serif;
    box-sizing:border-box;
    color:#2c2c2c;
    max-width: 550px;
    margin: 0 auto;
}
.RTReg *{
    box-sizing:border-box;
    background-color:inherit
}
.RTReg div{
    font-weight:normal;
    font-style:normal;
    text-decoration:none
}
.RTReg p{
    margin:0
}
.RTReg h1,.RTReg h2,.RTReg h3{
    margin:0.1em 0
}/*
.RTReg select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIBJREFUeNpiYBjUgBFEzJk7VwBIzQfijSnJyQvQFQHlDYBUPRAnAuU/MEHFC4A4AKQRqCABTYMDkNoPkweJwTRNAOIPUDZcI5QGaRCAyjfCnYfkBJgCEAA5E2YrSIMj0GkXUDTh0IihAUMTFo0YGpD9BAdQBY5AfACbhiEAAAIMAJyfMmXYCMmaAAAAAElFTkSuQmCC);
    background-repeat:no-repeat;
    background-position:right 4px center
}*/
.RTReg select.RTReg_SelectPlaceholder:not(:focus){
    color:#aaa
}
.RTReg .RTReg_Nav{
    position:sticky;
    top:0;
    background-color:var(--navigation-background);
    color:var(--navigation-text);
    z-index:1000;
    width:100%;
    height:55px;
    overflow:auto;
    white-space:nowrap;
    scrollbar-width:none
}
.RTReg .RTReg_Nav::-webkit-scrollbar{
    display:none
}
.RTReg .RTReg_Nav > div{
    margin:auto;
    height:100%
}
.RTReg .RTReg_Nav > div > div{
    display:inline-flex;
    align-items:center;
    padding:0 5px;
    height:100%;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    justify-content:center;
}
@media only screen and (max-width:600px){
    .RTReg .RTReg_Nav > div{
        font-size:0.8em
    }
}
.RTReg .RTReg_Nav > div.hidden{
    display:none
}
.RTReg .RTReg_Nav > div > div.selected{
    background-color:var(--navigation-selected)
}
.RTReg .RTReg_Nav > div > div:not(.selected):not(.disabled):hover{
    background-color:var(--navigation-hover);
    cursor:pointer
}
.RTReg .RTReg_Main{
    max-width:550px;
    padding:15px;
    margin:auto;
    background-color:#fff
}
@media only screen and (max-width:550px){
    .RTReg .RTReg_Main{
        padding:10px
    }
}
.RTReg .RTReg_Page{
}
.RTReg .RTReg_Buttons > div:last-child{
    margin-top:10px;
    display:flex;
    justify-content:space-between
}
.RTReg button{
    /* min-width:170px; */
    /* min-height:50px; */
    text-align:center;
    border-radius:0;
    font-size:1em;
    padding:6px 16px;
    border:0;
    background-color:var(--button);
    color:var(--button-text);
    cursor:pointer;
    outline:none;
    font-family: urw-din,Arial,Helvetica,sans-serif;
}
@media only screen and (max-width:380px){
    .RTReg button{
        min-width:CALC(50% - 10px)
    }
}
.RTReg button:focus,.RTReg button:hover{
    background-color:var(--button-hover)
}
.RTReg button:focus{
    border:2px dotted #fff!important;
    padding-left:14px;
    padding-right:14px
}
.RTReg button.RTReg_ButtonBack{
    background-color:#ddd;
    color:#555;
    margin-right:10px
}
.RTReg button.RTReg_ButtonBack:focus,.RTReg button.RTReg_ButtonBack:hover{
    background-color:#ccc
}
.RTReg button:disabled{
    background-color:var(--button-disabled);
    cursor:default
}
.RTReg div.RTReg_Field{
    margin:0 -10px 0 -10px;
    padding:0 10px 0 10px
}
.RTReg div.RTReg_Box{
    border:1px solid #eee;
    padding:10px 10px 8px 10px;
    margin:10px 0 5px 0
}
.RTReg div.RTReg_Box > p:first-child{
    margin:0 0 5px 0
}
.RTReg div.RTReg_Box > div.children:first-child > div.RTReg_Field:first-child{
    margin-top:-8px
}
.RTReg .RTReg_Text{
    margin:5px 0;
}
.RTReg_ButtonBottom > button {
	width: 100%;
	margin:5px 0;
}
.RTReg_TrashIcon {
	text-align: right;
	float: right;
	cursor: pointer;
}

.RTReg_AddIcon {
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.RTReg_TrashIcon > div {
  /*width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/><path d="M10 11v6M14 11v6M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>');
  background-size: cover;
  display: inline-block;*/
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%223%206%205%206%2021%206%22%2F%3E%3Cpath%20d%3D%22M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6%22%2F%3E%3Cpath%20d%3D%22M10%2011v6M14%2011v6M8%206V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%22%2F%3E%3C%2Fsvg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}

.RTReg_Index {
	padding: 0px !important;
}

.RTReg .RTReg_Text  > div{
    display:inline-flex;
    align-items:center;
    padding:0 5px;
    height:100%;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    justify-content:center;
    /* background-color:var(--navigation-selected); */
    /* color:var(--navigation-text); */
}



.RTReg .RTReg_HTML{
    margin:5px 0
}
.RTReg .RTReg_Picture > img{
    max-width:100%
}
.RTReg_Value {
    display: flex;
}
.RTReg .RTReg_Value > div {
    width: 50%;
    display: inline-block;
    padding: 2px 0;
    vertical-align: top
}
.RTReg .RTReg_Value:not(.RTReg_NotBold) > div:last-child{
    font-weight:bold
}
.RTReg .RTReg_Expression{
    padding:2px 0 5px 0
}
.RTReg div.RTReg_Tab > div > div.RTReg_Box,.RTReg div.RTReg_Tab > div > div.RTReg_Expression > div > div.RTReg_Box{
    margin-top:-1px
}
.RTReg div.RTReg_Tab > div.RTReg_TabsList{
    margin-top:10px
}
.RTReg div.RTReg_Tab > div.RTReg_TabsList > div{
    display:inline-block;
    background-color:#eee;
    padding:7px 15px;
    border:1px solid #ddd;
    cursor:pointer
}
.RTReg div.RTReg_Tab > div.RTReg_TabsList > div.selected,.RTReg div.RTReg_Tab > div.RTReg_TabsList > div.selected + div.RTReg_TabsList_RemoveTab{
    background-color:#fff;
    border-bottom-color:#fff
}
.RTReg div.RTReg_Tab > div.RTReg_TabsList > div.HasError{
    border-color:red
}
.RTReg div.RTReg_Tab > div.RTReg_TabsList > div:not(.selected):hover{
    background-color:#ddd
}
.RTReg div.RTReg_Tab > div > div.RTReg_Box > p,.RTReg div.RTReg_Tab > div > div.RTReg_Expression > div.RTReg_Expression_Value{
    display:none
}
.RTReg div.RTReg_Tab > div > div.RTReg_Expression{
    padding:0
}
.RTReg div.RTReg_Tab > div.RTReg_TabsList > div.RTReg_TabsList_WithRemove{
    padding-right:35px
}
.RTReg div.RTReg_Tab > div.RTReg_TabsList > div.RTReg_TabsList_RemoveTab{
    position:absolute;
    margin-left:-30px;
    width:25px;
    border-left:0;
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABaElEQVQoU2NkQAKx0qKh3WryM3iYmIRAwl///n1ffutJ1oJnL1fAlDGCGP///2d86WT2hoeJEawQHXz79/e96L4zwoyMjP/BGl44mryFmYpNA0js299/H8QOnBFkTJQSD5+sKQ+2ki27mIHZxJzhe2IYWB/nnOUMfy+dZ/g1qQvML7r5MJrxpYPpO25mRkGwggWrGZhk5Bj+PX7IwPD3DwOTgjLD/xfPGL7FBII1fP/37yPjF2ez/8jO4Fy4hoFJWhYshKwY7mkMDbOXMTApKoPlQTbBnAfX8NrR5AMnExM/2ElQxSCT///9C7YJWdOP//8/MabLicX0qiosBmlgL6tjYNYzhLsZ5Lx/168w/OxoAFtQcutRIjhY3ziafuRgYuRD9gs6+8e//59F9p/mA2toaGhgyjm09T0HI3ZNP/79+zLF3ocfqO4fWAMMZMuLJzUqyU7kYGLiAYmBFDbde1Y46eGzOTA1AJSRkHnIhugBAAAAAElFTkSuQmCC);
    background-size:12px;
    background-position:center center;
    background-repeat:no-repeat
}
.RTReg div.RTReg_EntryField{
    padding:7px 0 0 0;
    margin:5px 0 2px 0;
    position:relative;
    display:inline-block;
    width:100%;
    vertical-align:top;
    background-color:inherit
}
.RTReg div.HasError > div.RTReg_EntryField > input,.RTReg div.HasError > div.RTReg_EntryField > select{
    border-color:red!important
}
.RTReg div.RTReg_EntryField > *~label{
    font-size:85%;
    z-index:1;
    padding:0 3px 0 2px!important;
    left:8px;
    top:0;
    background-color:inherit;
    color:#666;
    display:inline-block;
    position:absolute;
    cursor:default;
    white-space:nowrap;
    margin:0;
    border:0!important;
    overflow:hidden;
    max-width:CALC(100% - 20px)
}
.RTReg div.RTReg_EntryField > label:first-child{
    width:100%;
    display:block;
    padding:10px 2px 2px 4px;
    min-height:41px;
    border:1px solid #ddd;
    border-radius:0;
    font-size:0.9em;
    cursor:pointer
}
.RTReg div.RTReg_EntryField > label.disabled:first-child{
    background-color:#f3f3f3
}
.RTReg div.RTReg_EntryField > label:first-child:not(.disabled):hover{
    border-color:#aaa
}
.RTReg div.RTReg_EntryField .RTReg_FileField, .RTReg div.RTReg_EntryField .RTReg_RadioGroup, .RTReg div.RTReg_EntryField .RTReg_SignatureField, .RTReg div.RTReg_EntryField input[type='password'], .RTReg div.RTReg_EntryField input[type='number'], .RTReg div.RTReg_EntryField input[type='text'], .RTReg div.RTReg_EntryField select, .RTReg div.RTReg_EntryField textarea {
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 13px 10px 10px 10px;
    height: auto;
    vertical-align: top;
    background-color: transparent;
    width: 100%;
    outline: none
}
.RTReg div.RTReg_EntryField .RTReg_FileField{
    padding-bottom:0;
    height:43px;
    font-size:0.9em
}
.RTReg div.RTReg_EntryField .RTReg_FileField > input[type='file']{
    font-size:1em
}
.RTReg div.RTReg_EntryField .RTReg_RadioGroup{
    padding-bottom:3px
}
.RTReg div.RTReg_EntryField .RTReg_RadioGroup > label{
    display:block;
    font-size:85%
}
.RTReg div.RTReg_EntryField .RTReg_RadioGroup.RTReg_RadioGroupTile{
    padding:0!important
}
.RTReg div.RTReg_EntryField .RTReg_RadioGroup.RTReg_RadioGroupTile > label{
    display:inline-block;
    background-color:#fff;
    margin-top:10px;
    padding:7px 12px 6px 12px;
    font-size:85%;
    border-right:1px solid #eee
}
.RTReg div.RTReg_EntryField .RTReg_RadioGroup.RTReg_RadioGroupTile > label.selected{
    background-color:#e5e5e5
}
.RTReg div.RTReg_EntryField .RTReg_RadioGroupTile > label:not(.selected):not(.RTReg_disabled):hover{
    cursor:pointer;
    background-color:#f3f3f3
}
.RTReg div.RTReg_EntryField .RTReg_RadioGroupTile > label > input{
    -webkit-appearance:none!important;
    appearance:none!important;
    margin:0
}
.RTReg div.RTReg_EntryField .RTReg_SignatureField{
    position:relative
}
.RTReg div.RTReg_EntryField .RTReg_SignatureField img{
    position:absolute;
    top:10px;
    right:10px
}
.RTReg div.RTReg_EntryField input:disabled,.RTReg div.RTReg_EntryField select:disabled,.RTReg div.RTReg_EntryField textarea:disabled{
    background-color:#f3f3f3
}
.RTReg div.RTReg_EntryField select{
    padding-right:20px
}
.RTReg div.RTReg_EntryField input[type='checkbox']{
    outline:none;
    margin-right:8px
}
.RTReg div.RTReg_EntryField input[type='password']:not(:disabled):hover, .RTReg div.RTReg_EntryField input[type='number']:not(:disabled):hover, .RTReg div.RTReg_EntryField input[type='text']:not(:disabled):hover, .RTReg div.RTReg_EntryField select:not(:disabled):hover, .RTReg div.RTReg_EntryField textarea:not(:disabled):hover {
    border-color: #aaa
}
.RTReg div.RTReg_EntryField > input[type='password']:not(:disabled):focus, .RTReg div.RTReg_EntryField > input[type='number']:not(:disabled):focus, .RTReg div.RTReg_EntryField > input[type='text']:not(:disabled):focus, .RTReg div.RTReg_EntryField > select:not(:disabled):focus, .RTReg div.RTReg_EntryField > textarea:not(:disabled):focus {
    border-color: #376fd0;
    border-width: 2px;
    padding: 12px 9px 9px 9px
}
.RTReg div.RTReg_EntryField > input[type='password']:focus + label, .RTReg div.RTReg_EntryField > input[type='number']:focus + label, .RTReg div.RTReg_EntryField > input[type='text']:focus + label, .RTReg div.RTReg_EntryField > select:focus + label, .RTReg div.RTReg_EntryField > textarea:focus + label {
    color: #376fd0
}
.RTReg div.RTReg_EntryField.RTReg_Mandatory > div.RTReg_RadioGroup,.RTReg div.RTReg_EntryField.RTReg_Mandatory > input,.RTReg div.RTReg_EntryField.RTReg_Mandatory > select,.RTReg div.RTReg_EntryField.RTReg_Mandatory > textarea{
    border-left:3px solid var(--mandatory-border)!important;
    padding-left:7px!important
}
.RTReg div.RTReg_Table{
    display:flex;
    justify-content:space-between;
    column-gap:10px;
    align-items:center
}
.RTReg div.RTReg_Table > div{
    flex-grow:1;
    flex-shrink:1
}
.RTReg div.RTReg_EntryFieldDate label{
    max-width:unset
}
.RTReg div.RTReg_EntryFieldTime{
    display:flex;
    column-gap:10px
}
.RTReg div.RTReg_EntryFieldTime > div{
    width:70px
}
.RTReg div.RTReg_EntryFieldTime label{
    max-width:unset
}
.RTReg div.RTReg_EntryField.RTReg_EntryField_Currency > input{
    padding-left:42px!important
}
.RTReg div.RTReg_EntryField.RTReg_EntryField_Currency > input:focus{
    padding-left:41px!important
}
.RTReg div.RTReg_EntryField.RTReg_EntryField_Currency > span{
    position:absolute;
    left:12px;
    top:20px;
    color:#999;
    font-size:0.8em
}
.RTReg .RTReg_EntryFees > table{
    width:100%;
    border-spacing:0
}
.RTReg .RTReg_EntryFees > table td{
    padding:3px
}
.RTReg .RTReg_EntryFees > table td:nth-last-child(1)/*,.RTReg .RTReg_EntryFees > table td:nth-last-child(2),.RTReg .RTReg_EntryFees > table td:nth-last-child(3)*/{
    text-align:right;
    white-space:nowrap
}
.RTReg .RTReg_EntryFees > table thead td{
    border-bottom:1px solid #ddd;
    background-color:#f3f3f3;
    font-size:0.9em
}
.RTReg .RTReg_EntryFees > table tbody.RTReg_EntryFees_Sum td{
    border-top:1px solid #ddd;
    font-weight:bold
}
.RTReg .RTReg_EntryFees > table tbody.RTReg_EntryFees_Tax td:nth-child(2){
    text-align:right
}
.RTReg .RTReg_EntryFees > table.RTReg_NoTaxRates td:nth-last-child(3){
    display:none
}
.RTReg .RTReg_PaymentSelector p{
    font-weight:bold
}
.RTReg .RTReg_PaymentSelector div.RTReg_PaymentMethod{
    margin:10px 0 0 0;
    padding:12px 12px 15px 75px;
    border:1px solid #ccc;
    background-repeat:no-repeat;
    background-position:left 10px center;
    position:relative;
    cursor:pointer;
    display:flex;
    justify-content:space-between
}
.RTReg .RTReg_PaymentSelector div.RTReg_PaymentMethod:hover{
    background-color:#eee
}
.RTReg .RTReg_PaymentSelector div.RTReg_PaymentMethod > div:nth-child(1){
}
.RTReg .RTReg_PaymentSelector div.RTReg_PaymentMethod > div:nth-child(2){
    white-space:nowrap;
    font-weight:bold;
    text-align:right
}
.RTReg .RTReg_PaymentSelectorWrapper div.RTReg_Error{
    color:red;
    margin-top:5px;
    text-align:left!important;
    font-size:1em!important
}
.RTReg .RTReg_Redirect{
    text-align:center;
    padding:70px 0;
    font-weight:bold
}
.RTReg .RTReg_BorderBottom{
    border-bottom:1px solid #ccc
}
.RTReg .RTReg_BottomMargin15{
    margin-bottom:15px
}
.RTReg .RTReg_AllowDD label{
    background-color:#f8f8f8;
    padding:10px!important
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_Text{
    padding:50px 0
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_Text p{
    margin:1em 0
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails{
    background-color:#eee;
    padding:10px;
    margin-bottom:20px;
    position:relative
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails > div:first-child{
    font-weight:bold;
    border-bottom:1px solid #aaa;
    padding-bottom:2px
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails > .RTReg_Confirmation_PaymentDetails_Inner{
    display:flex;
    justify-content:space-between;
    align-items:start;
    flex-wrap:wrap
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails > .RTReg_Confirmation_PaymentDetails_Inner > div{
    font-size:8pt;
    width:128px;
    background-color:#fff;
    text-align:center;
    padding-bottom:5px;
    margin-top:10px
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails > .RTReg_Confirmation_PaymentDetails_Inner > div > img{
    width:128px;
    height:128px
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails table{
    border-spacing:0
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails td{
    padding:2px 10px 2px 0
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails .RTReg_Confirmation_PaymentDetails_Amount > td:last-child,.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails .RTReg_Confirmation_PaymentDetails_Reference > td:last-child{
    font-weight:bold
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails .RTReg_Confirmation_PaymentDetails_AccountOwner > td,.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails .RTReg_Confirmation_PaymentDetails_Amount > td,.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails .RTReg_Confirmation_PaymentDetails_Reference > td,.RTReg .RTReg_Confirmation .RTReg_Confirmation_PaymentDetails .RTReg_Confirmation_PaymentDetails_Spacer > td{
    padding-top:12px
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_Error{
    margin-top:20px;
    margin-bottom:20px;
    border:1px solid #eee;
    padding:10px;
    color:#777
}
.RTReg .RTReg_Confirmation .RTReg_Confirmation_StartOver{
    text-align:center;
    cursor:pointer;
    color:rgb(55, 111, 208);
    font-weight:bold
}
.RTReg div.RTReg_Error{
    font-size:0.8em;
    color:red;
    text-align:right
}
.RTReg .RTReg_FatalError{
    text-align:center;
    padding:50px 10px;
    font-size:2em;
    color:#ccc
}
.RTReg .RTReg_FatalError_Custom{
    color:#2c2c2c
}
.RTReg .RTReg_TestMode{
    background-color:#c33;
    color:#fff;
    padding:5px;
    border-bottom:2px solid #ccc
}
.RTReg .RTReg_TestMode > p{
    font-size:2em;
    font-weight:bold
}
.RTReg .RTReg_TestMode > ul{
    margin:4px 0
}
.lds-ring{
    position:relative;
    width:80px;
    height:80px;
    display:flex;
    margin:100px auto
}
.lds-ring div{
    box-sizing:border-box;
    display:block;
    position:absolute;
    width:64px;
    height:64px;
    margin:8px;
    border:8px solid #ddd;
    border-radius:50%;
    animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color:#ddd transparent transparent transparent
}
.lds-ring div:nth-child(1){
    animation-delay:-0.45s
}
.lds-ring div:nth-child(2){
    animation-delay:-0.3s
}
.lds-ring div:nth-child(3){
    animation-delay:-0.15s
}
@keyframes lds-ring{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}



.card_box {
    display: flex;
    flex-direction: column;
    /* width: 40%;*/
    margin: auto;
    font-family: urw-din, Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.card_input {
    width: 100%;
    box-sizing: border-box;
    border: #ddd solid 1px;
    /*border-radius: 6px;*/
    color: #555;
    padding: 8px;
    margin-top: 2px;
    margin-bottom: 14px;
    outline: none;
    font-family: inherit;
}

/*#card-button {
    width: 100%;
    background-color: #7dc885;
    border: #7dc885 solid 2px;
    color: #fff;
    margin-top: 8px;
    padding: 8px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}*/

    #card-button:hover {
        opacity: .8;
    }

#card-result {
    color: #444;
    font-weight: bold;
}

#card-number-element {
    background-image: url('images/unknown.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px;
    background-origin: content-box;
}

#card-cvc-element {
    background-image: url('images/cvc.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px;
    background-origin: content-box;
}
.card-back {
    color: #444 !important;
    background-color: #ddd !important;
}

.card_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

    .card_row > div {
        width: 100%;
    }

.RTReg_AddOne {
    height: 36px;
    margin-top:9px;
}
/* Modal backdrop */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

/* Modal content box */
.modal-content {
    position: relative; /* Needed for absolute positioning inside */
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border-radius: 8px;
    width: 300px;
    text-align: center;
}

/* Close button */
.close {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #aaa;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

    .close:hover {
        color: #000;
    }

/* Loading spinner */
.spinner {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}