.featured-title {
    color: #5494c5;
    position: relative;
    margin: 1.5rem 0 1rem 0;
    display: block;
    padding: 1rem 0;
    letter-spacing: .1rem;
}
/*
.tox-tinymce
{
    max-width:700px;
}
    */

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select, input.dropdown-toggle:not(.typehead), textarea.dropdown-toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAaUlEQVQ4je3OsQ2CUBQF0DMCVFIZOuMQOoALyAQwgszEHFBqpQlhGhtIKAQ/hJJTvntv8thtrsJpJj/3nUlXtDj+yFJ0uPz74oY3DqNbgk+fBcnwRIQYL9xDx4MCNRrkS8eDEo+1412gLyVhDCzpLRFXAAAAAElFTkSuQmCC) !important;
    background-repeat: no-repeat;
    background-position: right .5rem center;
    padding-right: 2rem;
}


/* Admin > Properties */
#admin-properties-wrap table {
    width: 100%;
}

#editor-wrap .btn-lg {
    padding: 8px;
    width: 150px;
    height: auto;
    border: none;
}

#editor-wrap .validation-message {
    display: inline-block;
    margin-left: 10px;
}

#property-display {
    min-width: 300px;
    height: 2rem;
    padding: .2rem .5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.guest {
    margin-bottom: 1rem;
}

    .guest label {
        font-size: .95rem;
        font-weight: 700;
        margin-bottom: 5px;
        color: #525252;
    }

header.guest {
    margin: .5rem 0 1.5rem 0;
    border-bottom: 2px solid #0065b3;
    border-top: 2px solid #0065b3;
    padding: .5rem 0 .5rem 0;
    color: #0065b3;
    font-size: larger;
}

.headRoom {
    letter-spacing: .125rem;
    margin-bottom: .5rem;
    color: gray;
}

.guestsTitle {
    margin-bottom: .5rem;
    font-weight: 600;
    color: gray;
    border-bottom: 1px solid silver;
    margin-right: 2rem;
}
.links-card {
    background-color: #eee;
    padding: .75rem .5rem .25rem .25rem;
    font-size: .8rem;
    position: relative;
    overflow: hidden;
    max-height: 5rem;
    text-overflow: ellipsis;
}

    .links-card > div {
        position: absolute;
        right: 0;
        top: 0;
        color: #003a67;
        cursor: pointer;
        padding: .15rem;
        background-color: #eee;
    }

        .links-card > div span {
            opacity: .5
        }

            .links-card > div span:hover {
                opacity: 1;
            }

.spinning {
    display: inline-block;
    margin-right: .5rem;
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

input[type="number"].form-control.survey {
    max-width: 10rem;
    text-align: right;
    padding-right: 28px;
    text-align: right;
    -moz-appearance: textfield; /* Firefox */
}

input.survey::-webkit-outer-spin-button,
input.survey::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.cursor-default {
    cursor: default;
}

.card-login {
    max-width: 36rem;
}

@media(min-width:768px) {
    .card-login {
        min-width: 36rem;
        max-width: 40rem;
    }

        .card-login .card-body, .card-login .card-footer {
            padding-left: 3rem;
            padding-right: 3rem;
        }
}

.btn.btn-link.forgot-password {
    font-size: .9rem;
    line-height: 1.5rem;
    padding-top: 0;
}

.table td {
    padding: .5rem .25rem;
}

    .table td.text-right, .table th.text-right {
        padding-right: 1rem;
    }

.table th {
    padding-left: .25rem;
    padding-right: .25rem;
}

.form-check-label.mb-0.text-primary {
    color: rgb(73, 80, 87) !important;
}

.sort-asc, .sort-desc {
    position: relative;
    padding-right: 1rem;
    display: inline-block;
}

    .sort-asc::after {
        content: "";
        position: absolute;
        top: .35rem;
        right: -0.25rem;
        display: inline-block;
        height: 1rem;
        width: 1rem;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-short" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"/></svg>') bottom center;
        background-size: 125%;
        opacity: .5;
    }

    .sort-desc::after {
        content: "";
        position: absolute;
        top: .35rem;
        right: -0.25rem;
        display: inline-block;
        height: 1rem;
        width: 1rem;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-short" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4z"/> </svg>') bottom center;
        background-size: 125%;
        opacity: .5;
    }

.img-thumbnail {
    background-color: silver;
}
.form-control.surveys {
    width: 15rem;
}
.float_end {
    float: right;
}
.fade-in {
    animation: fadeIn 300ms;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.modal-lg{
    max-width:calc(100% - 20px)
}
@media (min-width: 576px) {
    .modal-lg {
        max-width: 570px;
        margin: 1.75rem auto;
    }
}
@media (min-width: 768px) {
    .modal-lg, .modal-xl {
        max-width: 750px;
    }
}
@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 900px;
    }
}