html, body {
    overflow-x: hidden;
}

.form-group .required {
    color: red;
    font-weight: bold;
}

#content {
    min-height: 300px;
}

#home .card {
    border: none !important;
}

#home .card-body {
    border-radius: .25rem;
    padding-left: 1.2em;
    padding-right: 1.2em;
    padding-top: 1.25em;
    padding-bottom: 1em;
}

#home .card-body:hover {
    opacity: 0.6;
    cursor: pointer;
}

#home .card-body > .card-title:first-child {
    font-size: 2em !important;
}

#home .card-body > .card-title:nth-child(2) {
    font-size: 0.8em !important;
}

@media (min-width: 768px) {
    #home .card-body > .card-title:first-child {
        font-size: 3em !important;
    }

    #home .card-body > .card-title:nth-child(2) {
        font-size: 0.9em !important;
    }
}

@media (min-width: 1200px) {
    #home .card-body > .card-title:nth-child(2) {
        font-size: 1.2em !important;
    }
}

.table-ticket-list tr > td:first-child {
    white-space: nowrap;
    width: 1%;
}

.table-ticket-list tr > td:first-child button {
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    min-width: 35px;
}

.table-ticket-list-container {
    height: 400px;
    overflow-y: scroll;
}

.table-ticket-list .badge {
    font-size: 1em;
    width: 100%;
}

.ticket-header .badge {
    font-size: 1em;
}

.support-ticket-status-column {
    width: 12rem;
}

.support-ticket-record-view-status {
    font-size: 1.2em;
}

.badge-message-read {
    font-size: 1em;
}

.credit-card .card-big .fa-credit-card {
    font-size: 4em;
}

.credit-card .credit-card-description {
    font-size: 1.5em;
}

.contract .badge, .contract-feature .badge {
    font-size: 1em;
}