.cmgiftcard {
    margin-bottom: 1.5rem !important;

    .list-thumbnail {
        text-align: center;
    }

    .list-description {
        margin-top: 1em;
    }

    .design-list {
        & [class*="span"]:nth-child(3n+1) {
            margin-left: 0;
            clear: left;
        }

        & [class*="span"] {
            text-align: center;
        }

        img {
            max-width: 90%;

            &:hover {
                cursor: pointer;
            }
        }

        .input {
            margin: 5px 0 10px;
        }

        input[type="radio"] {
            float: none;
            margin: 0;
        }

        label {
            display: inline-block;
        }

        ul.amount-selector {
            list-style: none;
            margin: 0;

            & li {
            display: inline;
                margin: 0 0 0 0;
                padding: 0;
            }
        }
    }

    .cart {
        img.thumbnail {
            max-width: 150px;
        }

        .thumbnail-container {
            width: 1%;
        }
        .actions {
            width: 1%;

            form {
                margin: 10px 0 0 0;
            }
        }

        .type {
            font-weight: bold;
        }

        .empty-button-container {
            text-align: right;
        }
    }

    .checkout-button-container {
        text-align: right;
    }

    .table-heading {
        font-weight: bold;
        width: 25%;
    }

    .staff-design-thumb {
        max-width: 100px;
    }

    .form-check-inline {
        input[type="radio"] {
            display: inline-block;
        }
    }

    .loader {
        background-color: #000;
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10000;
        opacity: 0.9;
        text-align: center;
        display: none;

        .spinner {
            margin-top: 15%;
            margin-left: auto;
            margin-right: auto;
            border: 5px solid #f3f3f3;
            -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
            border-top: 5px solid #555;
            border-radius: 50%;
            width: 50px;
            height: 50px;
        }
    }
}

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