.setup-panel .fal {
    font-size: 1em;
}

.software-prices .spacer {
    border-right: 1px solid #CCC;
}

.software-prices .col2 {
    padding-left: .5em;
}

.software-prices td.price {
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
}

.software-prices td.price.normal b {
    font-weight: normal !important;
}

.software-prices td.price b.green {
    font-weight: bold !important;
    color: green !important;
}

.software-prices .optional td {
    padding-top: 2em;
}

.software-prices .sub td {
    padding: .5em 1em;
}

.software-prices .disabled td {
    color: #AAA;
}

#activate-next em {
    font-size: 1em;
}

.terms-container {
    overflow: hidden;
    overflow-y: scroll;
    height: 300px;
    border: 1px solid #CCC;
    padding: 0.5em;
}

.terms-container.resizable {
    height: 500px;
    resize: vertical;
}

#signing {
    text-align: right;
    padding-right: 2em;
}

#signing.signed {
    margin-top: 20px;
}

#signing img {
    margin-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: .5em;
    border-bottom: 2px double #CCC;
}

#signing.signed img {
    margin-bottom: 0.2em;
}

.signing-owner {
    text-align: left;
    margin-bottom: 0.5em;
    font-weight: bold;
}

#contract-signing {
    position: relative;
    display: block;
    width: 100%;
    height: 100px;
    border: 2px dotted #CCC;
    border-bottom-style: double;
    resize: none;
    cursor: url('data:image/x-icon;base64,AAACAAEAICAQAAIADADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAAAAAAAAlpaWAIqHhABmZmYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAzAAAAAAAAAAAAAAAAAAAAMzAAAAAAAAAAAAAAAAAAAAMzAAAAAAAAAAAAAAAAAAAAMzAAAAAAAAAAAAAAAAAAAAMzAAAAAAAAAAAAAAAAAAAAMzAAAAAAAAAAAAAAAAAAAAMiAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////////////////////////////////////////////////////////////////////////////////////////////////////3////+f////j////8f////j////8f////j////8f////3////////////////////////w=='), auto;
    overflow: hidden;
}

#contract-signing button {
    position: absolute;
    top: 0;
    right: 0;
}

#signing-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .25);
    text-align: center;
}

#signing-container > div {
    position: relative;
    top: 30%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -50px;
    max-width: 600px;
    background: #FFF;
    padding: 1em;
}

#signing-container .buttons {
    text-align: center;
    margin-top: 15px;
}

s.red {
    color: red;
}

.promotion {
    display: block;
    padding: 0.1em 0.2em;
}

.countdown {
    zoom: 0.4;
    -moz-transform: scale(0.4)
}

.countdown.activation {
    zoom: 0.3;
    -moz-transform: scale(0.3)
}

.countdown .flip-clock-label {
    display: none;
}

.countdown div.inn {
    background-color: #4caa44 !important;
    text-shadow: none !important;
    color: #FFF !important;
}

.countdown div.up:after {
    display: none !important;
}

@media (max-width: 1024px) {
    .countdown.flip-clock-wrapper ul li a div {
        font-size: .8em !important
    }

    .countdown.flip-clock-wrapper ul {
        width: 45px;
    }

    .countdown .flip-clock-dot {
        width: 8px;
        height: 8px;
    }
}

.text-break {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

tr.collapse.in {
    display: table-row;
}

tr.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

/**
    UPGRADE PACKAGE
 */
.upgrade-package em {
    margin-left: .5em;
    font-size: .9em;
    width: .9em;
    height: .9em;
}

/**
    DNS SETTINGS
 */

.tld {
    opacity: .6;
}