body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}


.hidden {
    visibility: hidden;
}

.carbon-spinner--extra-large {
    width: 45px;
    height: 45px;
    border-width: 11px;
}

.carbon-spinner--large {
    width: 40px;
    height: 40px;
    border-width: 10px;
}

.carbon-spinner--medium-large {
    width: 32px;
    height: 32px;
    border-width: 8px;
}

.carbon-spinner--medium {
    width: 25px;
    height: 25px;
    border-width: 6px;
}

.carbon-spinner--medium-small {
    width: 20px;
    height: 20px;
    border-width: 5px;
}

.carbon-spinner--small {
    width: 12px;
    height: 12px;
    border-width: 3px;
}

.carbon-spinner--extra-small {
    width: 8px;
    height: 8px;
    border-width: 2px;
}

.carbon-spinner--default {
    border-style: solid;
    border-top-color: #335c6d;
    border-bottom-color: rgba(51,92,109,.5);
    border-right-color: rgba(51,92,109,.3);
    border-left-color: rgba(51,92,109,.7);
}

.carbon-spinner--error {
    border-style: solid;
    border-top-color: #c7384f;
    border-bottom-color: rgba(199,56,79,.5);
    border-right-color: rgba(199,56,79,.3);
    border-left-color: rgba(199,56,79,.7);
}

.carbon-spinner--help {
    border-style: solid;
    border-top-color: #ffab00;
    border-bottom-color: rgba(255,171,0,.5);
    border-right-color: rgba(255,171,0,.3);
    border-left-color: rgba(255,171,0,.7);
}

.carbon-spinner--info {
    border-style: solid;
    border-top-color: #1573e6;
    border-bottom-color: rgba(21,115,230,.5);
    border-right-color: rgba(21,115,230,.3);
    border-left-color: rgba(21,115,230,.7);
}

.carbon-spinner--maintenance {
    border-style: solid;
    border-top-color: #ff7d00;
    border-bottom-color: rgba(255,125,0,.5);
    border-right-color: rgba(255,125,0,.3);
    border-left-color: rgba(255,125,0,.7);
}

.carbon-spinner--new {
    border-style: solid;
    border-top-color: #639;
    border-bottom-color: rgba(102,51,153,.5);
    border-right-color: rgba(102,51,153,.3);
    border-left-color: rgba(102,51,153,.7);
}

.carbon-spinner--success {
    border-style: solid;
    border-top-color: #50b848;
    border-bottom-color: rgba(80,184,72,.5);
    border-right-color: rgba(80,184,72,.3);
    border-left-color: rgba(80,184,72,.7);
}

.carbon-spinner--warning {
    border-style: solid;
    border-top-color: #ff7d00;
    border-bottom-color: rgba(255,125,0,.5);
    border-right-color: rgba(255,125,0,.3);
    border-left-color: rgba(255,125,0,.7);
}

#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 998;
}

@keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1turn);
    }
}

.carbon-spinner {
    animation: rotate360 .7s linear forwards infinite;
    border-radius: 50%;
    box-sizing: content-box;
    position: relative;
    top: 50%;
    margin-top: -64px;
    left: 50%;
    margin-left: -30px;
    z-index: 999;
}

.logo-product img {
    height: 25px;
    width: auto;
}

#rsessionPost {
    display: none !important;
}

#selection-content, #not-supported, #selection, #not-completed, #close-message, #bank-selection {
    display: none;
}

#selection table tr {
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}

#selection table tr:hover {
    background-color: #ebedef
}

th.center-cell, td.center-cell {
    text-align: center !important;
}

.account-option, .bank-option, .failure-option {
    cursor: pointer;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    float: left;
    display: block;
    margin-bottom: 15px;
}

.bank-option {
    margin-bottom: 12px;
}

.account-label, .bank-label, .failure-label {
    margin-left: 25px;
    position: relative;
    display: block;
}

.bank-label, .failure-label {
    font-size: 16px;
}

.center-card {
    max-width: 700px;
    margin: 0 auto !important;
}

#submit {
    position: relative;
    float: right;
}
