.header-nav-right[data-v-2a1293a6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}
.header-asset-type[data-v-2a1293a6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    padding: 8px 16px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e5e8f0;
    border-radius: 999px;
    box-shadow: 0 1px 2px rgba(26, 39, 66, 0.04);
}
.header-asset-type-label[data-v-2a1293a6] {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #5a6884;
    white-space: nowrap;
}
.header-asset-type-value[data-v-2a1293a6] {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #1a2742;
    white-space: nowrap;
}
@media (max-width: 768px) {
.header-nav-right[data-v-2a1293a6] {
        gap: 10px;
}
.header-asset-type[data-v-2a1293a6] {
        padding: 7px 14px;
}
.header-asset-type-label[data-v-2a1293a6] {
        font-size: 12px;
}
.header-asset-type-value[data-v-2a1293a6] {
        font-size: 13px;
}
}
@media (max-width: 640px) {
.header-asset-type[data-v-2a1293a6] {
        padding: 6px 12px;
        gap: 6px;
}
.header-asset-type-label[data-v-2a1293a6] {
        font-size: 11px;
}
.header-asset-type-value[data-v-2a1293a6] {
        font-size: 12px;
}
}

.text-start[data-v-79eb1f22]{text-align:left !important}.content[data-v-79eb1f22]{direction:ltr;flex:1;max-width:100vw;padding:1.5rem 1.5rem .75rem;width:100vw}.footer[data-v-79eb1f22]{background:#f2f2f5;direction:ltr;padding:1rem .875rem;font-size:13px;position:fixed;bottom:0;width:100%;left:284px;font-family:Avenir, Helvetica, Arial, sans-serif}.text-muted[data-v-79eb1f22]{--bs-text-opacity: 1;color:#6c757d !important}.footer p a[data-v-79eb1f22]{font-size:16px;text-decoration:none;margin-top:7px;display:block}


    /* Markdown and HTML content styling */
.bot-message[data-v-62d6d6f0] {
        line-height: 1.6;
        word-wrap: break-word;
        max-width: 100%;
/*        overflow-x: hidden;*/
}
.bot-message h1[data-v-62d6d6f0],
        .bot-message h2[data-v-62d6d6f0],
        .bot-message h3[data-v-62d6d6f0] {
            margin-top: 0.5em;
            margin-bottom: 0.25em;
}
.bot-message p[data-v-62d6d6f0] {
            margin-bottom: 0.5em;
}
.bot-message ul[data-v-62d6d6f0],
        .bot-message ol[data-v-62d6d6f0] {
            margin: 0.5em 0;
            padding-left: 1.5em;
}
.bot-message li[data-v-62d6d6f0] {
            margin: 0.25em 0;
}
.bot-message code[data-v-62d6d6f0] {
            background-color: rgba(0, 0, 0, 0.05);
            padding: 0.2em 0.4em;
            border-radius: 3px;
            font-family: monospace;
            font-size: 0.9em;
}
.bot-message pre[data-v-62d6d6f0] {
            background-color: rgba(0, 0, 0, 0.05);
            padding: 0.5em;
            border-radius: 5px;
            overflow-x: auto;
}
.bot-message pre code[data-v-62d6d6f0] {
                background-color: transparent;
                padding: 0;
}
.bot-message blockquote[data-v-62d6d6f0] {
            border-left: 3px solid #ccc;
            margin: 0.5em 0;
            padding-left: 1em;
            color: #666;
}

        /* Link styling */
.bot-message .chat-link[data-v-62d6d6f0],
        .bot-message a[data-v-62d6d6f0]:not(.chat-link) {
            color: #0066cc;
            text-decoration: underline;
            font-weight: 500;
            transition: color 0.2s ease;
}
.bot-message .chat-link[data-v-62d6d6f0]:hover,
            .bot-message a[data-v-62d6d6f0]:not(.chat-link):hover {
                color: #004499;
                text-decoration: none;
}
.bot-message .chat-link[data-v-62d6d6f0]:visited,
            .bot-message a[data-v-62d6d6f0]:not(.chat-link):visited {
                color: #6c3483;
}

        /* Table styling */
.bot-message table[data-v-62d6d6f0] {
            border-collapse: collapse;
            width: 100%;
            margin: 0.5em 0;
            display: block;
            overflow-x: auto;
}
.bot-message th[data-v-62d6d6f0],
        .bot-message td[data-v-62d6d6f0] {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
}
.bot-message th[data-v-62d6d6f0] {
            background-color: #f2f2f2;
}

    /* Image styling - Fits within chat without scroll */
.chat-image-wrapper[data-v-62d6d6f0] {
        margin: 0.75em 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        cursor: pointer;
        border-radius: 8px;
        overflow: hidden;
        background: #f5f5f5;
}
.chat-image-wrapper img[data-v-62d6d6f0] {
            max-width: 100% !important;
            max-height: 200px !important;
            width: auto !important;
            height: auto !important;
            -o-object-fit: contain !important;
               object-fit: contain !important;
            border-radius: 8px;
            cursor: pointer;
            transition: transform 0.2s ease;
            display: block;
}
.chat-image-wrapper img[data-v-62d6d6f0]:hover {
                transform: scale(1.02);
}

    /* Video styling */
.chat-video-wrapper[data-v-62d6d6f0] {
        margin: 0.75em 0;
        display: flex;
        justify-content: center;
}
.chat-video-wrapper video[data-v-62d6d6f0] {
            max-width: 100%;
            max-height: 200px;
            border-radius: 8px;
}

    /* Image Popup Modal Styles */
.image-popup-overlay[data-v-62d6d6f0] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.95);
        z-index: 10000;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        animation: fadeIn-62d6d6f0 0.3s ease;
}
.image-popup-container[data-v-62d6d6f0] {
        position: relative;
        max-width: 90vw;
        max-height: 90vh;
        animation: zoomIn-62d6d6f0 0.3s ease;
}
.image-popup-content[data-v-62d6d6f0] {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: auto;
        max-width: 90vw;
        max-height: 85vh;
}
.image-popup-container img[data-v-62d6d6f0] {
        max-width: 100%;
        max-height: 85vh;
        -o-object-fit: contain;
           object-fit: contain;
        border-radius: 8px;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.image-popup-close[data-v-62d6d6f0] {
        position: absolute;
        top: -40px;
        right: 0;
        background: none;
        border: none;
        color: white;
        font-size: 32px;
        cursor: pointer;
        padding: 8px;
        transition: transform 0.2s ease;
        z-index: 10001;
}
.image-popup-close[data-v-62d6d6f0]:hover {
            transform: scale(1.1);
}
.image-popup-zoom-controls[data-v-62d6d6f0] {
        position: absolute;
        bottom: -50px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 16px;
        background: rgba(0, 0, 0, 0.7);
        padding: 8px 16px;
        border-radius: 32px;
        z-index: 10001;
}
.zoom-btn[data-v-62d6d6f0] {
        background: none;
        border: none;
        color: white;
        font-size: 24px;
        cursor: pointer;
        padding: 4px 12px;
        transition: all 0.2s ease;
        border-radius: 4px;
}
.zoom-btn[data-v-62d6d6f0]:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: scale(1.05);
}
.reset-btn[data-v-62d6d6f0] {
        background: none;
        border: none;
        color: white;
        font-size: 16px;
        cursor: pointer;
        padding: 4px 12px;
        transition: all 0.2s ease;
        border-radius: 4px;
}
.reset-btn[data-v-62d6d6f0]:hover {
            background: rgba(255, 255, 255, 0.2);
}
@keyframes fadeIn-62d6d6f0 {
from {
            opacity: 0;
}
to {
            opacity: 1;
}
}
@keyframes zoomIn-62d6d6f0 {
from {
            transform: scale(0.8);
            opacity: 0;
}
to {
            transform: scale(1);
            opacity: 1;
}
}

    /* Responsive */
@media (max-width: 768px) {
.chat-image-wrapper img[data-v-62d6d6f0] {
            max-height: 150px !important;
}
.chat-video-wrapper video[data-v-62d6d6f0] {
            max-height: 150px;
}
.bot-message[data-v-62d6d6f0] {
            font-size: 14px;
}
.image-popup-zoom-controls[data-v-62d6d6f0] {
            bottom: -40px;
}
.zoom-btn[data-v-62d6d6f0] {
            font-size: 20px;
            padding: 2px 8px;
}
}


.checklist-popup-mode #app {
        padding-top: 0px !important;
}
.progress-height {
        height: auto !important;
}
.checklist-popup-mode #app .page-body-wrapper {
        padding: 0px;
        background: #ffffff !important;
        border: none;
}
.progress {
        border-radius: 50px !important;
        font-size: 15px;
        background: #fff !important;
        border: 1px solid #5178dd !important;
        text-align: left;
        text-indent: 10px;
}
.progress-bar-gradient {
        background: #5178dd !important;
        text-align: left !important;
        text-indent: 10px;
}
.checklist-popup-mode .page-body-wrapper .page-body {
        margin-top: 0px !important;
        background: #fff !important;
}
.onboarding-page {
        padding: 0px !important;
}
.step-header {
        padding: 5px !important;
        border-bottom: 1px solid #f4f5f7 !important;
}
.card.step-item .card-body {
        padding: 0px 10px !important;
}
.step-header:hover {
        background: #f4f5f7 !important;
}
.step-number {
        width: 35px !important;
        height: 35px !important;
        border: 1px solid #e4e8eb;
}
.step-circle-pending i {
        display: none !important;
}
div.step-circle-completed {
        background: #059669;
        border-color: #059669;
}
.step-circle-completed i {
        font-size: 21px;
        color: #fff !important;
}

    /* ==================== ROOT VARIABLES ==================== */
:root {
        --clr-primary: #111827; /* dark navy — header, buttons */
        --clr-accent: #e8960e; /* golden amber — highlights */
        --clr-accent-light: #fef3d0;
        --clr-bg: #f0ebe0; /* warm cream background */
        --clr-surface: #ffffff; /* white cards */
        --clr-bot-bubble: #f5f0e8; /* warm off-white for bot messages */
        --clr-text: #1a1f2e;
        --clr-text-muted: #6b7280;
        --clr-border: #e2ddd6;
        --clr-success: #16a34a;
        --clr-danger: #dc2626;
        --radius-pill: 22px;
        --radius-card: 14px;
        --shadow-card: 0 2px 10px rgba(17,24,39,0.10);
}
    /* Global styles - not scoped */
* {
        box-sizing: border-box;
        font-family: 'Poppins', sans-serif;
}

    /* Chat Icon */
.chat-bot-icon {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 9999;
        cursor: pointer;
}
.bot-icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        box-shadow: 0 6px 20px rgba(0,0,0,0.35);
}

    /* Chat Container */
.chat-container {
        position: fixed;
        bottom: 90px;
        right: 20px;
        width: 500px; /* slightly wider for better look */
        height: 560px;
        background-color: var(--clr-bg); /* fallback color */
        background-image: url("https://appfilemedia.talygen.com/Upload/UnifiedCommunication/b924ddd1-eb57-4b6a-b526-c3741726c174.png");
        background-size: cover; /* important */
        background-position: center; /* important */
        background-repeat: no-repeat;
        border-radius: 18px;
        box-shadow: 0 15px 50px rgba(0, 0, 0, 0.25);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        z-index: 9999;
        border: 1px solid rgba(255,255,255,0.6); /* subtle border */
}
.chat-container.open {
            transform: translateY(0);
}
.chat-container .chat-input {
            display: flex;
            gap: 5px;
            position: absolute;
            bottom: 0;
            width: 100%;
            background: var(--clr-surface);
            padding: 6px 16px;
            border-top: 2px solid var(--clr-border);
            border-radius: 0 0 10px 10px;
}
    /* Header */
.chat-header {
        background: #122341;
        color: #fff;
        padding: 12px 14px;
        display: flex;
        align-items: center;
        gap: 10px;
}
.chat-header .bot-avatar {
            width: 38px;
            height: 38px;
            border-radius: 50%;
}
.chat-header .title {
            font-size: 14px;
            font-weight: 500;
}
.chat-header span {
            display: block;
            font-size: 11px;
            opacity: 0.8;
}
.close-btn {
        margin-left: auto;
        background: none;
        border: none;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
}

    /* Messages */
.chat-messages {
        flex: 1;
        padding: 16px;
        overflow-y: auto;
        padding-bottom: 80px;
        scroll-behavior: auto !important;
        /*        background: #fff;*/
}
.welcome-card {
        display: flex;
        align-items: center;
        gap: 10px;
        background: #fff;
        border-radius: 12px;
        padding: 10px 14px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        max-width: 280px;
        margin: 10px;
}
.welcome-bot-img {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        -o-object-fit: cover;
           object-fit: cover;
        flex-shrink: 0;
}
.welcome-card-content {
        display: flex;
        flex-direction: column;
        gap: 2px;
}
.welcome-title {
        font-size: 12px;
        font-weight: 700;
        color: #1a1a2e;
        margin: 0;
}
.welcome-text {
        font-size: 12px;
        color: #4b5563;
        margin: 0;
        line-height: 1.5;
}
.welcome-text strong {
            color: #3b4fc4;
            font-weight: 700;
}
.welcome-card p {
        font-size: 13px;
        color: #333;
        line-height: 1.5;
        margin: 0;
}

    /* Message Row */
.message-row {
        display: flex;
        margin-bottom: 12px;
        align-items: flex-end;
}
.message-row.bot {
            justify-content: flex-start;
}
.message-row.user {
            justify-content: flex-end;
}
.bot-avatar-msg {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        margin-right: 8px;
}

    /* Bubbles */
.message {
        max-width: 88%;
        padding: 10px 14px;
        font-size: 13px;
        line-height: 1.45;
}
.bot-message {
        background: white;
        color: #333;
        border-radius: 14px 14px 14px 0px;
        overflow-x: hidden;
}
.user-message {
        background: #122341;
        color: #ffffff;
        border-radius: 14px;
}

    /* Typing Indicator */
.typing-indicator {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 6px;
}
.typing-indicator span {
            width: 6px;
            height: 6px;
            background: #999;
            border-radius: 50%;
            animation: blink 1.4s infinite both;
}
.typing-indicator span:nth-child(2) {
                animation-delay: .2s
}
.typing-indicator span:nth-child(3) {
                animation-delay: .4s
}
@keyframes blink {
0% {
            opacity: .2
}
20% {
            opacity: 1
}
100% {
            opacity: .2
}
}

    /* Input */
.chat-input {
        display: flex;
        align-items: center;
        padding: 10px;
        background: #f2f2f2 !important;
        border-top: 1px solid #ddd;
}
.chat-input textarea {
            flex: 1;
            resize: none;
            border: none !important;
            outline: none;
            font-size: 13px;
            height: 40px;
            background: #f2f2f2 !important;
}
.send-btn {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #122341;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
}

    /* Online Status */
.chat-header .status {
        display: flex !important;
        align-items: center;
        gap: 6px;
        font-size: 11px;
        opacity: 0.9;
}
.online-dot {
        width: 8px;
        height: 8px;
        background-color: #00d26a;
        border-radius: 50%;
        display: inline-block;
        box-shadow: 0 0 6px rgba(0, 210, 106, 0.9);
}

    /* Mobile */
@media (max-width: 480px) {
.chat-container {
            width: 95%;
            right: 2.5%;
            height: 90vh;
}
}
.meeting-flow-card {
        background: var(--clr-surface);
        border-radius: var(--radius-card);
        overflow: visible !important;
        box-shadow: var(--shadow-card);
        min-width: 230px;
}
.meeting-flow-card {
        overflow: visible !important;
}
.meeting-flow-header {
        background: linear-gradient(135deg, #0f3460 0%, #16213e 100%);
        color: #fff;
        padding: 12px 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        border-bottom: 2px solid var(--clr-accent);
        border-radius:14px;
}
.meeting-flow-header .mf-icon {
            font-size: 18px;
            flex-shrink: 0;
}
.meeting-flow-header span {
            font-size: 13px;
            font-weight: 600;
            line-height: 1.4;
}
.meeting-flow-hint {
        padding: 10px 16px 14px;
        font-size: 11px;
        color: var(--clr-text-muted);
        display: flex;
        align-items: center;
        gap: 6px;
        border-top: 1px solid var(--clr-border);
}
.message.bot img:not(.bot-avatar):not(.menu-img):not(.carousel-image):not(.room-images),
    .markdown-content img {
        max-width: 100%;
        height: auto;
        border-radius: 6px;
        cursor: zoom-in;
        display: block;
        margin: 5px;
        transition: opacity 0.15s;
}
.message.bot img:not(.bot-avatar):not(.menu-img):not(.carousel-image):not(.room-images):hover,
        .markdown-content img:hover {
            opacity: 0.82;
}
    /*
        .message.bot {
            background-color: var(--clr-surface);
            color: var(--clr-text);
            margin-right: auto;
            text-align: left;
            border-radius: 4px 18px 18px 18px;
            box-shadow: var(--shadow-card);
            padding: 10px 14px;
        }
    */
.meeting-preview-card {
        background: var(--clr-surface);
        border-radius: var(--radius-card);
        overflow: hidden;
        box-shadow: var(--shadow-card);
        min-width: 240px;
        font-size: 12px;
}
.meeting-preview-header {
        background: linear-gradient(135deg, rgb(15, 102, 184), rgb(18, 35, 65));
        color: #fff;
        padding: 14px 16px 12px;
        display: flex;
        align-items: center;
        gap: 10px;
}
.meeting-preview-header .mp-icon {
            font-size: 22px;
}
.meeting-preview-header h4 {
            margin: 0;
            font-size: 14px;
            font-weight: 600;
            color: white;
}
.meeting-preview-header p {
            margin: 2px 0 0;
            font-size: 11px;
            opacity: 0.75;
}
.meeting-preview-number {
        background: var(--clr-accent);
        color: var(--clr-primary);
        font-size: 11px;
        font-weight: 700;
        padding: 3px 10px;
        border-radius: 20px;
        margin-left: auto;
        white-space: nowrap;
}
.meeting-preview-body {
        padding: 14px 16px;
}
.meeting-preview-row {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding: 7px 0;
        border-bottom: 1px solid var(--clr-border);
}
.meeting-preview-row:last-child {
            border-bottom: none;
}
.mp-label {
        font-weight: 600;
        color: var(--clr-text-muted);
        min-width: 90px;
        font-size: 11px;
        padding-top: 1px;
}
.mp-value {
        color: var(--clr-text);
        font-size: 12px;
        flex: 1;
        word-break: break-word;
}
.mp-status-badge {
        display: inline-block;
        padding: 2px 10px;
        border-radius: 12px;
        font-size: 11px;
        font-weight: 700;
        background: #d1fae5;
        color: #065f46;
}
.mp-status-failed {
        background: #fee2e2;
        color: #dc2626;
}
.meeting-preview-footer {
        background: #f8f6f2;
        padding: 10px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid var(--clr-border);
}
.meeting-preview-footer span {
            font-size: 11px;
            color: var(--clr-text-muted);
}
.meeting-preview-footer .mp-check {
            color: #16a34a;
            font-weight: 700;
            font-size: 13px;
}
.meeting-preview-footer .mp-failed {
            color: #dc2626;
            font-weight: 700;
            font-size: 13px;
}
.meeting-preview-error {
        background: #fff5f5;
        border-top: 1px solid #fecaca;
        padding: 10px 16px;
        display: flex;
        gap: 8px;
        align-items: flex-start;
}
.meeting-preview-error .mp-err-icon {
            font-size: 15px;
            flex-shrink: 0;
}
.meeting-preview-error p {
            margin: 0;
            font-size: 11px;
            color: #dc2626;
            line-height: 1.5;
}
.mp-zoom-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #6498f2;
        color: #fff;
        text-decoration: none;
        border-radius: 8px;
        padding: 5px 12px;
        font-size: 11px;
        font-weight: 600;
        transition: background 0.15s;
}
.mp-zoom-btn:hover {
            background: #1a6fd4;
            color: #fff;
}
    /* ── Ticket menu card ── */
.ticket-menu-card {
        background: #fff;
        border-radius: 14px;
        padding: 16px 18px;
        box-shadow: 0 2px 10px rgba(11,74,63,0.10);
        min-width: 220px;
}
.ticket-menu-card p {
            margin: 0 0 14px;
            font-size: 13px;
            color: #333;
            font-weight: 500;
}
.ticket-menu-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
}
.ticket-menu-btn {
        display: flex;
        align-items: center;
        gap: 10px;
        border: none;
        border-radius: 22px;
        padding: 11px 18px;
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        cursor: pointer;
        transition: transform 0.15s, box-shadow 0.15s;
        width: 100%;
        text-align: left;
}
.ticket-menu-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.ticket-menu-btn:active {
            transform: translateY(0);
}
.ticket-menu-btn.btn-guide {
            background: #f0faf7;
            border: 2px solid var(--clr-primary);
            color: var(--clr-primary);
}
.ticket-menu-btn.btn-create {
            background: var(--clr-primary);
            border: 2px solid var(--clr-primary);
            color: #ffffff;
}
.ticket-menu-btn .btn-icon {
            font-size: 18px;
}

    /* ── Ticket preview card ── */
.ticket-preview-card {
        background: var(--clr-surface);
        border-radius: var(--radius-card);
        overflow: hidden;
        box-shadow: var(--shadow-card);
        min-width: 240px;
        font-size: 12px;
}
.ticket-preview-header {
        background: linear-gradient(135deg, rgb(15, 102, 184), rgb(18, 35, 65));
        color: #fff;
        padding: 14px 16px 12px;
        display: flex;
        align-items: center;
        gap: 10px;
}
.ticket-preview-header .tp-icon {
            font-size: 22px;
}
.ticket-preview-header h4 {
            margin: 0;
            font-size: 14px;
            font-weight: 600;
            color: white;
}
.ticket-preview-header p {
            margin: 2px 0 0;
            font-size: 11px;
            opacity: 0.75;
}
.ticket-preview-number {
        background: var(--clr-accent);
        color: var(--clr-primary);
        font-size: 11px;
        font-weight: 700;
        padding: 3px 10px;
        border-radius: 20px;
        margin-left: auto;
        white-space: nowrap;
}
.ticket-preview-body {
        padding: 14px 16px;
}
.ticket-preview-row {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding: 7px 0;
        border-bottom: 1px solid var(--clr-border);
}
.ticket-preview-row:last-child {
            border-bottom: none;
}
.tp-label {
        font-weight: 600;
        color: var(--clr-text-muted);
        min-width: 78px;
        font-size: 11px;
        padding-top: 1px;
}
.tp-value {
        color: var(--clr-text);
        font-size: 12px;
        flex: 1;
        word-break: break-word;
}
.tp-priority-badge {
        display: inline-block;
        padding: 2px 10px;
        border-radius: 12px;
        font-size: 11px;
        font-weight: 700;
}
.tp-priority-critical {
        background: #fee2e2;
        color: #dc2626;
}
.tp-priority-high {
        background: #ffedd5;
        color: #ea580c;
}
.tp-priority-medium {
        background: #fef9c3;
        color: #b45309;
}
.tp-priority-low {
        background: #dcfce7;
        color: #16a34a;
}
.tp-status-badge {
        display: inline-block;
        padding: 2px 10px;
        border-radius: 12px;
        font-size: 11px;
        font-weight: 700;
        background: #dbeafe;
        color: #1d4ed8;
        border: none !important;
}
.ticket-preview-footer {
        background: #f8f6f2;
        padding: 10px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid var(--clr-border);
}
.ticket-preview-footer span {
            font-size: 11px;
            color: var(--clr-text-muted);
}
.ticket-preview-footer .tp-check {
            color: #16a34a;
            font-weight: 700;
            font-size: 13px;
}
.ticket-preview-footer .tp-failed {
            color: #dc2626;
            font-weight: 700;
            font-size: 13px;
}
.tp-status-failed {
        background: #fee2e2;
        color: #dc2626;
}
.ticket-preview-error {
        background: #fff5f5;
        border-top: 1px solid #fecaca;
        padding: 10px 16px;
        display: flex;
        gap: 8px;
        align-items: flex-start;
}
.ticket-preview-error .tp-err-icon {
            font-size: 15px;
            flex-shrink: 0;
}
.ticket-preview-error p {
            margin: 0;
            font-size: 11px;
            color: #dc2626;
            line-height: 1.5;
}
    /* ── Ticket flow card (questions + options) ── */
.ticket-flow-card {
        background: var(--clr-surface);
        border-radius: 14px 14px 14px 0px;
        overflow: hidden;
        box-shadow: var(--shadow-card);
        min-width: 230px;
}
.ticket-flow-header {
        background: white;
        color: black;
        padding: 12px 16px;
        display: flex;
        align-items: center;
        gap: 10px;
}
.ticket-flow-header .tf-icon {
            font-size: 18px;
            flex-shrink: 0;
}
.ticket-flow-header span {
            font-size: 13px;
            line-height: 1.4;
}
.ticket-flow-options {
        padding: 10px 12px;
        display: flex;
        flex-direction: column;
        gap: 7px;
}
.ticket-option-btn {
        background: #f8f8f8;
        border: 1.5px solid var(--clr-border);
        color: var(--clr-text);
        border-radius: 10px;
        padding: 11px 14px;
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: background 0.18s, color 0.18s, border-color 0.18s, transform 0.12s, box-shadow 0.18s;
        width: 100%;
        text-align: left;
}
.ticket-option-btn:hover {
            background: var(--clr-primary);
            border-color: var(--clr-primary);
            color: #ffffff;
            transform: translateX(4px);
            box-shadow: 0 4px 12px rgba(17,24,39,0.18);
}
.ticket-option-btn:active {
            transform: translateX(2px);
}
.ticket-option-btn .tf-arrow {
            font-size: 14px;
            opacity: 0.4;
            transition: opacity 0.15s;
}
.ticket-option-btn:hover .tf-arrow {
            opacity: 1;
}
.ticket-flow-hint {
        padding: 10px 16px 14px;
        font-size: 11px;
        color: var(--clr-text-muted);
        display: flex;
        align-items: center;
        gap: 6px;
        border-top: 1px solid var(--clr-border);
}
.message.bot.ticket-message {
        padding: 4px 6px;
        background: transparent;
        box-shadow: none;
}
.ticket-flow-card {
        background: var(--clr-surface);
        border-radius: var(--radius-card);
        overflow: hidden;
        box-shadow: var(--shadow-card);
        min-width: 230px;
}
.ticket-flow-header .tf-icon {
            font-size: 18px;
            flex-shrink: 0;
}
.ticket-flow-options {
        padding: 10px 12px;
        display: flex;
        flex-direction: column;
        gap: 7px;
}
.ticket-option-btn {
        background: #f8f8f8;
        border: 1.5px solid var(--clr-border);
        color: var(--clr-text);
        border-radius: 10px;
        padding: 11px 14px;
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: background 0.18s, color 0.18s, border-color 0.18s, transform 0.12s, box-shadow 0.18s;
        width: 100%;
        text-align: left;
}
.ticket-option-btn:hover {
            background: var(--clr-primary);
            border-color: var(--clr-primary);
            color: #ffffff;
            transform: translateX(4px);
            box-shadow: 0 4px 12px rgba(17,24,39,0.18);
}
.ticket-option-btn:active {
            transform: translateX(2px);
}
.ticket-option-btn .tf-arrow {
            font-size: 14px;
            opacity: 0.4;
            transition: opacity 0.15s;
}
.ticket-option-btn:hover .tf-arrow {
            opacity: 1;
}
.ticket-flow-hint {
        padding: 10px 16px 14px;
        font-size: 11px;
        color: var(--clr-text-muted);
        display: flex;
        align-items: center;
        gap: 6px;
        border-top: 1px solid var(--clr-border);
}
.ticket-flow-hint-meta {
        padding: 0 16px 14px;
        font-size: 10px;
        color: var(--clr-text-muted);
        line-height: 1.5;
}
.ticket-cancel-inline {
        display: inline;
        background: none;
        border: none;
        color: var(--clr-primary);
        text-decoration: underline;
        cursor: pointer;
        font: inherit;
        font-weight: 600;
        padding: 0;
        margin-left: 6px;
}

    /* ── Ticket flow: asset list as stacked cards (same pattern as work-type options) ── */
.ticket-asset-picker {
        padding: 0;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        background: var(--clr-surface);
}
.ticket-asset-loading {
        text-align: center;
        color: var(--clr-text-muted);
        font-size: 11px;
        padding: 14px 16px;
}
.ticket-asset-picker .ticket-asset-error {
        text-align: center;
        color: var(--clr-danger);
        font-size: 11px;
        padding: 14px 16px;
}
.ticket-asset-loaded {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding-bottom: 4px;
}
.ticket-asset-search-wrap {
        padding: 12px 12px 10px;
}
.ticket-asset-search {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        padding: 12px 16px;
        font-size: 13px;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        color: var(--clr-text);
        background: #f9f9f9;
        text-align: left;
        transition: border-color 0.15s, box-shadow 0.15s;
}
.ticket-asset-search::-moz-placeholder {
            color: var(--clr-text-muted);
            text-align: left;
            font-weight: 400;
}
.ticket-asset-search::placeholder {
            color: var(--clr-text-muted);
            text-align: left;
            font-weight: 400;
}
.ticket-asset-search:focus {
            outline: none;
            border-color: var(--clr-accent);
            background: var(--clr-surface);
            box-shadow: 0 0 0 2px rgba(232, 150, 14, 0.15);
}
    /* Matches reference: spaced cards with arrow — extends .ticket-option-btn */
.ticket-asset-options {
        display: flex;
        flex-direction: column;
        gap: 9px;
        padding: 4px 12px 18px;
        /* Use most of the viewport so short master lists show every row; long lists scroll inside */
        max-height: clamp(280px, calc(100vh - 200px), 900px);
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #c4c0b8 #f5f5f5;
}
.ticket-option-btn.ticket-asset-card {
        background: #f8f8f8;
        border: 1px solid #e0e0e0;
        border-radius: 14px;
        padding: 16px 18px;
        font-size: 13px;
        font-weight: 600;
        color: #333;
}
.ticket-option-btn.ticket-asset-card .tf-arrow {
            color: #9ca3af;
            font-weight: 400;
}
.ticket-option-btn.ticket-asset-card:hover .tf-arrow {
            color: #fff;
            opacity: 1;
}
.ticket-asset-options::-webkit-scrollbar {
        width: 8px;
}
.ticket-asset-options::-webkit-scrollbar-thumb {
        background: #c4c0b8;
        border-radius: 4px;
}
.ticket-asset-picker .ticket-asset-fallback.ticket-flow-hint {
        margin-top: 6px;
        padding-top: 12px;
        justify-content: center;
        text-align: center;
}

    /* ── Images inside bot chat bubbles ── */


    /* ── Image lightbox overlay ── */
#imagePopupOverlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.88);
        z-index: 99999;
        align-items: center;
        justify-content: center;
        cursor: zoom-out;
}
#imagePopupOverlay.active {
            display: flex;
}
#imagePopupOverlay #popupImage {
            max-width: 90vw;
            max-height: 90vh;
            -o-object-fit: contain;
               object-fit: contain;
            border-radius: 10px;
            box-shadow: 0 8px 40px rgba(0,0,0,0.7);
            cursor: default;
}
#imagePopupClose {
        position: fixed;
        top: 14px;
        right: 22px;
        color: #fff;
        font-size: 36px;
        font-weight: 300;
        line-height: 1;
        cursor: pointer;
        background: none;
        border: none;
        z-index: 100000;
        text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
#imagePopupClose:hover {
            color: #f55;
}
.ticket-flow-hint-meta {
        margin-top: 8px;
        padding: 8px 12px;
        background: #fff8e1;
        border-left: 3px solid #f9a825;
        border-radius: 6px;
        font-size: 12px;
        color: #555;
        line-height: 1.5;
}
.ticket-cancel-inline {
        display: inline;
        background: none;
        border: none;
        color: #d32f2f;
        font-weight: 600;
        font-size: 12px;
        cursor: pointer;
        padding: 0;
        text-decoration: underline;
}
.ticket-cancel-inline:hover {
            color: #b71c1c;
}
.meeting-asset-skip-wrap {
        width: 100%;
        margin-bottom: 10px;
}
.meeting-asset-skip-btn {
        width: 100%;
        display: block;
        padding: 10px 16px;
        background: transparent;
        border: 2px dashed #cbd5e1;
        border-radius: 10px;
        color: #64748b;
        font-size: 13px;
        font-weight: 500;
        cursor: pointer;
        text-align: center;
        transition: all 0.2s ease;
}
.meeting-asset-skip-btn:hover {
            border-color: #94a3b8;
            background: #f1f5f9;
            color: #475569;
}
.due-expense-wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        background: white;
        padding: 9px;
        border-radius: 15px;
}
.due-expense-card {
        background: var(--color-background-secondary, #fff);
        border: 1px solid var(--color-border-tertiary, #e0e0e0);
        border-radius: 12px;
        overflow: hidden;
        width: 100%;
}
.due-expense-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
        background: var(--color-background-tertiary, #f9f9f9);
        border-bottom: 1px solid var(--color-border-tertiary, #e0e0e0);
}
.due-expense-icon {
        font-size: 22px;
}
.due-expense-header h4 {
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        color: var(--color-text-primary);
}
.due-expense-header p {
        margin: 0;
        font-size: 11px;
        color: var(--color-text-secondary);
}
.due-expense-status-badge {
        margin-left: auto;
        padding: 3px 10px;
        border-radius: 20px;
        font-size: 11px;
        font-weight: 600;
        background: #fff3cd;
        color: #856404;
}
.due-expense-status-badge.due-expense-status-pending {
            background: #fff3cd;
            color: #856404;
}
.due-expense-status-badge.due-expense-status-approved {
            background: #d1e7dd;
            color: #0a5c36;
}
.due-expense-status-badge.due-expense-status-rejected {
            background: #f8d7da;
            color: #842029;
}
.due-expense-body {
        padding: 12px 16px;
        display: flex;
        flex-direction: column;
        gap: 8px;
}
.due-expense-row {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        font-size: 13px;
        gap: 8px;
}
.due-expense-label {
        color: var(--color-text-secondary, #888);
        font-weight: 500;
        min-width: 120px;
        flex-shrink: 0;
}
.due-expense-value {
        color: var(--color-text-primary, #333);
        text-align: right;
        word-break: break-word;
}
.due-expense-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 16px;
        background: var(--color-background-tertiary, #f9f9f9);
        border-top: 1px solid var(--color-border-tertiary, #e0e0e0);
        font-size: 11px;
        color: var(--color-text-secondary, #888);
}
.due-expense-ref {
        font-weight: 500;
}
.tp-section-divider {
        border-top: 1px solid var(--color-border-tertiary, #e0e0e0);
        margin-top: 6px;
        padding-top: 8px;
}
.tp-section-label {
        font-weight: 600;
        color: var(--color-text-primary) !important;
        font-size: 12px;
}
.due-expense-wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
}
.due-expense-list-header {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 13px;
        font-weight: 600;
        color: var(--color-text-secondary);
        padding-bottom: 4px;
}
.due-expense-count {
        background: var(--color-background-tertiary, #f0f0f0);
        color: var(--color-text-secondary);
        border-radius: 20px;
        padding: 1px 8px;
        font-size: 11px;
        font-weight: 600;
}
.due-expense-card {
        background: var(--color-background-secondary, #fff);
        border: 1px solid var(--color-border-tertiary, #e0e0e0);
        border-radius: 12px;
        overflow: hidden;
}
.due-expense-header {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 10px 14px;
        background: var(--color-background-tertiary, #f9f9f9);
        border-bottom: 1px solid var(--color-border-tertiary, #e0e0e0);
}
.due-expense-icon {
        font-size: 20px;
        flex-shrink: 0;
        margin-top: 2px;
}
.due-expense-header-text {
        flex: 1;
        min-width: 0;
}
.due-expense-header-text h4 {
            margin: 0 0 2px;
            font-size: 13px;
            font-weight: 600;
            color: var(--color-text-primary);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
}
.due-expense-header-text p {
            margin: 0;
            font-size: 11px;
            color: var(--color-text-secondary);
}
.due-expense-status-badge {
        flex-shrink: 0;
        padding: 3px 10px;
        border-radius: 20px;
        font-size: 11px;
        font-weight: 600;
}
.due-expense-status-pending {
        background: #fff3cd;
        color: #856404;
}
.due-expense-status-approved {
        background: #d1e7dd;
        color: #0a5c36;
}
.due-expense-status-rejected {
        background: #f8d7da;
        color: #842029;
}
.due-expense-body {
        padding: 10px 14px;
        display: flex;
        flex-direction: column;
        gap: 7px;
}
.due-expense-row {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        font-size: 12px;
        gap: 8px;
}
.due-expense-label {
        color: var(--color-text-secondary, #888);
        font-weight: 500;
        min-width: 90px;
        flex-shrink: 0;
}
.due-expense-value {
        color: var(--color-text-primary, #333);
        text-align: right;
        word-break: break-word;
}
.due-expense-id {
        font-weight: 600;
}
.due-expense-total {
        font-weight: 700;
        color: #d9534f;
}
.due-expense-share {
        font-weight: 600;
        color: #e67e22;
}
.due-expense-assetid {
        font-size: 10px;
        color: var(--color-text-secondary);
        word-break: break-all;
        text-align: right;
}
.due-expense-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6px 14px;
        background: var(--color-background-tertiary, #f9f9f9);
        border-top: 1px solid var(--color-border-tertiary, #e0e0e0);
        font-size: 11px;
        color: var(--color-text-secondary);
}
.due-expense-share-ref {
        font-weight: 500;
}
.tp-ticket-status-open {
        background: #d1e7dd;
        color: #0a5c36;
}
.tp-ticket-status-closed {
        background: #f8d7da;
        color: #842029;
}
.tp-ticket-status-pending {
        background: #fff3cd;
        color: #856404;
}
.tp-ticket-status-resolved {
        background: #cfe2ff;
        color: #084298;
}
.meeting-date-picker-wrap {
        padding: 10px;
        overflow: visible !important;
        position: relative;
}
.meeting-date-input {
        width: 100%;
        padding: 8px 12px;
        border: 1px solid var(--color-border-secondary, #ccc);
        border-radius: 8px;
        font-size: 13px;
        color: var(--color-text-primary);
        background: var(--color-background-secondary);
        outline: none;
}
.meeting-date-input:focus {
            border-color: var(--color-border-primary, #888);
}
.meeting-submit-btn {
        padding: 8px 16px;
        background: var(--color-background-tertiary, #f0f0f0);
        border: 1px solid var(--color-border-secondary, #ccc);
        border-radius: 8px;
        font-size: 13px;
        font-weight: 500;
        color: var(--color-text-primary);
        cursor: pointer;
        transition: background 0.15s;
}
.meeting-submit-btn:hover:not(:disabled) {
            background: var(--color-border-secondary, #e0e0e0);
}
.meeting-submit-btn:disabled {
            opacity: 0.4;
            cursor: not-allowed;
}
.meeting-time-options {
        max-height: 200px;
        overflow-y: auto;
}
.meeting-time-picker-wrap {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px;
}
.meeting-time-field {
        display: flex;
        flex-direction: column;
        gap: 6px;
}
.meeting-time-label {
        font-size: 12px;
        font-weight: 500;
        color: var(--color-text-secondary);
}
.meeting-time-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid var(--color-border-secondary, #ccc);
        border-radius: 8px;
        font-size: 14px;
        color: var(--color-text-primary);
        background: var(--color-background-secondary);
        outline: none;
        cursor: pointer;
        transition: border-color 0.15s;
}
.meeting-time-input:focus {
            border-color: var(--color-border-primary, #888);
}
.meeting-time-input-error {
        border-color: #d9534f !important;
}
.meeting-time-intervals {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
}
.meeting-time-intervals-label {
        font-size: 11px;
        color: var(--color-text-secondary);
}
.meeting-time-chip {
        background: var(--color-background-tertiary, #f0f0f0);
        color: var(--color-text-secondary);
        border-radius: 20px;
        padding: 2px 8px;
        font-size: 11px;
        font-weight: 500;
}
.meeting-time-error {
        font-size: 12px;
        color: #d9534f;
        background: #fdf0f0;
        border: 1px solid #f5c6cb;
        border-radius: 6px;
        padding: 6px 10px;
}
.meeting-select-all-wrap {
        padding: 8px 4px;
        border-bottom: 1px solid var(--color-border-tertiary, #e0e0e0);
        margin-bottom: 6px;
}
.meeting-select-all-label {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
        padding: 4px 0;
}
.meeting-select-all-checkbox,
    .meeting-participant-checkbox {
        width: 18px;
        height: 18px;
        border: 2px solid var(--color-border-secondary, #ccc);
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 700;
        flex-shrink: 0;
        transition: all 0.15s;
        color: #fff;
        background: transparent;
}
.meeting-checkbox-checked {
        background: #4a90e2;
        border-color: #4a90e2;
}
.meeting-select-all-text {
        font-size: 13px;
        font-weight: 600;
        color: var(--color-text-primary);
}
.meeting-select-all-count {
        font-size: 11px;
        font-weight: 400;
        color: var(--color-text-secondary);
        margin-left: 4px;
}
.meeting-participant-list {
        display: flex;
        flex-direction: column;
        gap: 4px;
        max-height: 240px;
        overflow-y: auto;
}
.meeting-participant-row {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 10px;
        border-radius: 8px;
        cursor: pointer;
        transition: background 0.12s;
        border: 1px solid transparent;
}
.meeting-participant-row:hover:not(.meeting-participant-disabled) {
            background: var(--color-background-tertiary, #f5f5f5);
}
.meeting-participant-selected {
        background: #eef4fd;
        border-color: #b8d4f5;
}
.meeting-participant-disabled {
        cursor: not-allowed;
        opacity: 0.85;
}
.meeting-participant-name {
        flex: 1;
        font-size: 13px;
        color: var(--color-text-primary);
}
.meeting-participant-lock {
        font-size: 11px;
        opacity: 0.5;
}
.meeting-participant-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 4px 4px;
        border-top: 1px solid var(--color-border-tertiary, #e0e0e0);
        margin-top: 6px;
}
.meeting-participant-summary {
        font-size: 12px;
        color: var(--color-text-secondary);
}
.mp-participant-chip {
        display: block;
        font-size: 12px;
        color: #374151;
        padding: 2px 0;
        line-height: 1.5;
}
.mp-read-more-btn {
        display: inline-block;
        margin-top: 6px;
        padding: 4px 10px;
        font-size: 11px;
        color: #3b82f6;
        background: #eff6ff;
        border: 1px solid #bfdbfe;
        border-radius: 20px;
        cursor: pointer;
        transition: all 0.2s;
}
.mp-read-more-btn:hover {
            background: #dbeafe;
            color: #1d4ed8;
}
    /* Attachment Upload Card */
.attachment-upload-card {
        background: var(--card-bg, #fff);
        border: 1px solid var(--border-color, #e2e8f0);
        border-radius: 12px;
        overflow: hidden;
        max-width: 420px;
        font-size: 13px;
}
.attachment-upload-header {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 14px 16px;
        background: #1a273d;
        color: #fff;
}
.attachment-upload-header .au-icon {
            font-size: 22px;
            margin-top: 2px;
}
.attachment-upload-header h4 {
            margin: 0 0 2px;
            font-size: 14px;
            font-weight: 600;
            color: white;
}
.attachment-upload-header p {
            margin: 0;
            font-size: 12px;
            opacity: 0.85;
}
.attachment-upload-body {
        padding: 14px 16px;
        display: flex;
        flex-direction: column;
        gap: 10px;
}

    /* Hide native input, style the label as a button */
.au-file-input {
        display: none;
}
.au-file-label {
        cursor: pointer;
        display: inline-block;
}
.au-file-btn {
        display: inline-block;
        padding: 8px 16px;
        background: #f1f5f9;
        border: 1.5px dashed #94a3b8;
        border-radius: 8px;
        color: #475569;
        font-size: 13px;
        transition: background 0.2s;
}
.au-file-btn:hover {
            background: #e2e8f0;
}
.au-file-preview {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
}
.au-file-chip {
        background: #eff6ff;
        border: 1px solid #bfdbfe;
        color: #1d4ed8;
        border-radius: 20px;
        padding: 3px 10px;
        font-size: 11px;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.au-error {
        color: #dc2626;
        font-size: 12px;
        margin: 0;
}
.au-note {
        color: #94a3b8;
        font-size: 11px;
}
.attachment-upload-footer {
        display: flex;
        gap: 10px;
        padding: 12px 16px;
        border-top: 1px solid #f1f5f9;
        background: #fafafa;
}
.au-submit-btn {
        flex: 1;
        padding: 8px 14px;
        background: #1a273d;
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 13px;
        cursor: pointer;
        transition: background 0.2s;
}
.au-submit-btn:hover:not(:disabled) {
            background: #4f46e5;
}
.au-submit-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
}
.au-skip-btn {
        padding: 8px 14px;
        background: transparent;
        color: #64748b;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        font-size: 13px;
        cursor: pointer;
        transition: background 0.2s;
}
.au-skip-btn:hover:not(:disabled) {
            background: #f1f5f9;
}
.au-skip-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
}
.checklist-icon {
        position: fixed;
        bottom: 92px;
        right: 20px;
        z-index: 9999;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: linear-gradient(135deg, #122341 0%, #1f3f7a 100%);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow: 0 8px 26px rgba(5, 18, 48, 0.42);
        font-size: 24px;
        border: 1px solid rgba(255, 255, 255, 0.2);
}
.checklist-icon:hover {
            transform: translateY(-1px);
}
.checklist-container {
        position: fixed;
        bottom: 168px;
        right: 20px;
        width: min(460px, calc(100vw - 26px));
        height: min(74vh, 620px);
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 22px 60px rgba(8, 19, 45, 0.32);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        z-index: 9999;
        border: 1px solid #e5eaf4;
        opacity: 0;
        transform: translateY(12px) scale(0.98);
        pointer-events: none;
        transition: opacity 0.22s ease, transform 0.22s ease;
}
.checklist-container--visible {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
}
.checklist-header {
        background: linear-gradient(135deg, #122341 0%, #2b5aa8 100%);
        color: #fff;
        padding: 12px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
}
.checklist-title-wrap {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
}
.checklist-header-icon {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255, 255, 255, 0.35);
        background: rgba(255, 255, 255, 0.14);
        flex: 0 0 auto;
        font-size: 16px;
}
.checklist-header .title {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.checklist-subtitle {
        display: block;
        margin-top: 2px;
        font-size: 11px;
        color: rgba(255, 255, 255, 0.82);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.checklist-close-btn {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, 0.28);
        background: rgba(255, 255, 255, 0.12);
        color: #fff;
        display: grid;
        place-items: center;
        cursor: pointer;
        flex: 0 0 auto;
}
.checklist-close-btn:hover {
            background: rgba(255, 255, 255, 0.2);
}
.checklist-body {
        flex: 1;
        background: #fff;
        padding: 0;
        position: relative;
        min-height: 0;
}
.checklist-body__loading {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        background: #fff;
        color: #64748b;
        font-size: 13px;
        z-index: 1;
}
.checklist-body__spinner {
        width: 28px;
        height: 28px;
        border: 3px solid #e2e8f0;
        border-top-color: #2b5aa8;
        border-radius: 50%;
        animation: checklist-spin 0.7s linear infinite;
}
@keyframes checklist-spin {
to {
            transform: rotate(360deg);
}
}
.checklist-frame {
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: 0;
        background: #fff;
        display: block;
}
.section-label {
        display: none;
}
.checklist-section-divider {
        height: 1px;
        margin: 12px 0;
        background: #e2e8f0;
}
#body {
        background: #fff !important;
}
.card {
        box-shadow: none !important;
        margin-bottom: 0px !important;
}
.card.step-item {
            margin-bottom: 0px !important;
}
@media (max-width: 767px) {
.checklist-icon {
            right: 14px;
            bottom: 84px;
            width: 54px;
            height: 54px;
            font-size: 21px;
}
.checklist-container {
            right: 12px;
            bottom: 146px;
            width: calc(100vw - 24px);
            height: 72vh;
}
}
.au-file-chip--green {
        background: #f0fdf4;
        border: 1px solid #86efac;
        color: #15803d;
}
.au-submit-btn--green {
        background: #1a273d;
}
.au-submit-btn--green:hover:not(:disabled) {
            background: #15803d;
}

    /* Collected summary strip */
.attachment-upload-summary {
        padding: 10px 16px;
        background: #f8fafc;
        border-bottom: 1px solid #e2e8f0;
        display: flex;
        flex-direction: column;
        gap: 4px;
}
.au-summary-row {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
}
.au-summary-label {
        color: #94a3b8;
        font-weight: 500;
}
.au-summary-value {
        color: #334155;
        font-weight: 600;
        text-align: right;
        max-width: 60%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.meeting-unselect-btn {
        padding: 5px 12px;
        background: #fff;
        color: #dc2626;
        border: 1.5px solid #fecaca;
        border-radius: 6px;
        font-size: 11px;
        font-weight: 500;
        cursor: pointer;
        white-space: nowrap;
        transition: background 0.15s;
        flex-shrink: 0;
}
.meeting-unselect-btn:hover {
            background: #fef2f2;
            border-color: #dc2626;
}
.ticket-search-hint {
        margin: 4px 0 0 2px;
        font-size: 11px;
        color: #94a3b8;
        font-style: italic;
}
.chat-input-disabled textarea {
        background: #f1f5f9;
        color: #94a3b8;
        cursor: not-allowed;
        border-color: #e2e8f0;
}
.chat-input-disabled .send-btn {
        background: #cbd5e1;
        cursor: not-allowed;
        pointer-events: none;
}
.chat-input-disabled {
        opacity: 0.7;
}
.tp-error-badge {
        background: #fee2e2 !important;
        color: #dc2626 !important;
        border: 1px solid #fca5a5;
        font-size: 11px;
        font-weight: 600;
}
.tp-error-simple {
        background: #fff7ed;
        border: 1px solid #fed7aa;
        border-radius: 8px;
        padding: 10px 12px;
        margin: 8px 0 0;
        display: flex;
        gap: 8px;
        align-items: flex-start;
}
.tp-error-simple p {
            margin: 0;
            font-size: 12px;
            color: #92400e;
            line-height: 1.5;
}
.au-thumb-preview {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 8px 0;
}
.au-thumb-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
}
.au-thumb-img {
        width: 80px;
        height: 80px;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 8px;
        border: 2px solid #e2e8f0;
}
.au-thumb-name {
        font-size: 10px;
        color: #64748b;
        max-width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
}
.tp-info-box {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        background: #f0f9ff;
        border: 1px solid #bae6fd;
        border-radius: 8px;
        padding: 12px 14px;
        margin: 4px 0;
}
.tp-info-icon {
        font-size: 16px;
        flex-shrink: 0;
        margin-top: 1px;
}
.tp-info-box p {
        margin: 0;
        font-size: 13px;
        color: #0c4a6e;
        line-height: 1.5;
}
.exp-desc-wrap {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 10px;
}
.exp-desc-textarea {
        width: 100%;
        border: 1.5px solid #e0e4f0;
        border-radius: 8px;
        padding: 10px 12px;
        font-size: 13.5px;
        resize: vertical;
        outline: none;
        transition: border 0.2s;
        font-family: inherit;
}
.exp-desc-textarea:focus {
            border-color: #3b4fc4;
}
.exp-desc-meta {
        font-size: 12px;
        text-align: right;
}
.exp-wc-ok {
        color: #22c55e;
        font-weight: 600;
}
.exp-wc-danger {
        color: #ef4444;
        font-weight: 600;
}
.exp-desc-error {
        color: #ef4444;
        font-size: 12px;
        margin: 0;
}
.doc-upload-prompt {
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 10px;
}
.doc-upload-question {
        font-size: 13.5px;
        color: #374151;
        font-weight: 500;
        margin: 0;
}
.doc-upload-btns {
        display: flex;
        flex-direction: column;
        gap: 8px;
}
.doc-btn {
        padding: 10px 16px;
        border-radius: 8px;
        font-size: 13.5px;
        font-weight: 600;
        border: none;
        cursor: pointer;
        text-align: left;
        transition: opacity 0.15s;
}
.doc-btn:hover {
            opacity: 0.85;
}
.doc-btn-yes {
        background: #1b283d;
        color: #fff;
}
.doc-btn-no {
        background: #f3f4f6;
        color: #374151;
        border: 1px solid #e5e7eb;
}
.meeting-blocked-card {
        background: #fff;
        border: 1.5px solid #fee2e2;
        border-radius: 12px;
        overflow: hidden;
        max-width: 420px;
        box-shadow: 0 4px 16px rgba(239,68,68,0.08);
}
.mb-header {
        display: flex;
        align-items: center;
        gap: 12px;
        background: #fef2f2;
        padding: 14px 16px;
        border-bottom: 1px solid #fee2e2;
}
.mb-icon {
        font-size: 1.8rem;
}
.mb-header h4 {
        margin: 0 0 2px 0;
        font-size: 15px;
        font-weight: 700;
        color: #b91c1c;
}
.mb-header p {
        margin: 0;
        font-size: 12px;
        color: #ef4444;
}
.mb-body {
        padding: 14px 16px;
}
.mb-body p {
            font-size: 13.5px;
            color: #4b5563;
            margin: 0;
            line-height: 1.6;
}
.mb-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 16px;
        background: #fef2f2;
        font-size: 12px;
        color: #9ca3af;
        border-top: 1px solid #fee2e2;
}
.mb-badge {
        color: #ef4444;
        font-weight: 600;
        font-size: 12px;
}
.expense-form-card {
        background: #fff;
        border-radius: 14px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.10);
        overflow: hidden;
        max-width: 480px;
        font-family: inherit;
        font-size: 13px;
}
.ef-form-header {
        background: linear-gradient(135deg, #122341, #1e2d45);
        color: #fff;
        padding: 14px 18px;
        display: flex;
        align-items: center;
        gap: 10px;
        border-radius: 14px 14px 0 0;
}
.ef-form-icon {
        font-size: 22px;
}
.ef-form-header h4 {
        margin: 0 0 2px 0;
        font-size: 14px;
        font-weight: 700;
        color: white;
}
.ef-form-header p {
        margin: 0;
        font-size: 11px;
        opacity: 0.8;
}
.ef-form-body {
        padding: 16px 18px;
        display: flex;
        flex-direction: column;
        gap: 12px;
}
.ef-form-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
}
.ef-form-field {
        display: flex;
        flex-direction: column;
        gap: 4px;
}
.ef-form-full {
        grid-column: 1 / -1;
}
.ef-form-field label {
        font-weight: 600;
        font-size: 11px;
        color: #555;
}
.ef-required {
        color: #ef4444;
}
.ef-form-optional {
        color: #9ca3af;
        font-weight: 400;
}
.ef-input {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 8px 10px;
        font-size: 13px;
        font-family: inherit;
        outline: none;
        transition: border 0.2s;
        width: 100%;
        box-sizing: border-box;
}
.ef-input:focus {
            border-color: #3b4fc4;
}
.ef-textarea {
        resize: vertical;
        min-height: 60px;
}
.ef-voting-section {
        background: #fffbeb;
        border: 1px solid #fde68a;
        border-radius: 10px;
        padding: 12px;
        display: flex;
        flex-direction: column;
        gap: 10px;
}
.ef-voting-badge {
        font-size: 11px;
        color: #b45309;
        font-weight: 600;
}
.ef-form-error {
        color: #ef4444;
        font-size: 12px;
        margin: 0;
}
.ef-form-submit {
        background: #122341;
        color: #fff;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        font-family: inherit;
        transition: opacity 0.15s;
}
.ef-form-submit:hover {
            opacity: 0.9;
}
.ef-form-submit:disabled {
            opacity: 0.6;
            cursor: not-allowed;
}
.ef-file-remove {
        margin-left: 6px;
        cursor: pointer;
        color: #ef4444;
        font-weight: 700;
        font-size: 11px;
}
.ef-file-remove:hover {
            opacity: 0.7;
}
.chat-error-box {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        background: #fff7ed;
        border: 1px solid #fed7aa;
        border-radius: 12px;
        padding: 12px 14px;
        max-width: 100%;
}
.chat-error-icon {
        font-size: 20px;
        flex-shrink: 0;
        margin-top: 2px;
}
.chat-error-text {
        flex: 1;
}
.chat-error-text strong {
            font-size: 13px;
            color: #92400e;
            display: block;
            margin-bottom: 2px;
}
.chat-error-text p {
            margin: 0;
            font-size: 12px;
            color: #b45309;
            line-height: 1.5;
}
.chat-error-retry {
        flex-shrink: 0;
        background: #f97316;
        color: white;
        border: none;
        border-radius: 8px;
        padding: 6px 10px;
        font-size: 11px;
        font-weight: 600;
        cursor: pointer;
        white-space: nowrap;
        align-self: center;
        transition: background 0.2s;
}
.chat-error-retry:hover {
            background: #ea580c;
}
.meeting-date-formatted {
        font-size: 12px;
        color: #6366f1;
        font-weight: 600;
        margin: 4px 0 8px;
        padding: 4px 10px;
        background: #eef2ff;
        border-radius: 6px;
        display: inline-block;
}
    /* Calendar input wrapper */
.meeting-calendar-input {
        width: 100% !important;
        display: block !important;
}
.meeting-calendar-input .p-datepicker {
            width: 260px !important;
            min-width: unset !important;
            font-size: 11px !important;
            padding: 6px !important;
            position: absolute !important;
            z-index: 9999 !important;
            left: 0 !important;
            right: unset !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
            border-radius: 10px !important;
}
.meeting-calendar-input .p-datepicker-header {
            padding: 4px 6px !important;
            font-size: 12px !important;
}
.meeting-calendar-input .p-datepicker-title {
            font-size: 12px !important;
            font-weight: 600 !important;
}
.meeting-calendar-input .p-datepicker-prev,
        .meeting-calendar-input .p-datepicker-next {
            width: 24px !important;
            height: 24px !important;
}
.meeting-calendar-input .p-datepicker table {
            font-size: 11px !important;
}
.meeting-calendar-input .p-datepicker table td {
                padding: 1px !important;
}
.meeting-calendar-input .p-datepicker table td > span {
                    width: 28px !important;
                    height: 28px !important;
                    font-size: 11px !important;
                    border-radius: 50% !important;
}
.meeting-calendar-input .p-datepicker table th {
                padding: 2px !important;
                font-size: 10px !important;
}
.meeting-calendar-input .p-inputtext {
            font-size: 12px !important;
            padding: 8px 10px !important;
            border-radius: 8px !important;
            border: 1.5px solid #e2e8f0 !important;
            width: 100% !important;
}
.meeting-calendar-input .p-inputtext:focus {
                border-color: #6366f1 !important;
                box-shadow: none !important;
                outline: none !important;
}
.meeting-calendar-input .p-highlight {
            background: #6366f1 !important;
            color: white !important;
}
.meeting-calendar-input .p-disabled {
            opacity: 0.4 !important;
            cursor: not-allowed !important;
}
.meeting-calendar-input.p-calendar {
            width: 100% !important;
            display: block !important;
}
.meeting-calendar-input .p-datepicker {
            width: 100% !important;
            min-width: unset !important;
            position: static !important; /* inline — no floating */
            box-shadow: none !important;
            border: 1px solid #e2e8f0 !important;
            border-radius: 10px !important;
            font-size: 11px !important;
            padding: 6px !important;
}
.meeting-calendar-input .p-datepicker-header {
            padding: 4px 6px !important;
            font-size: 12px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
}
.meeting-calendar-input .p-datepicker-title {
            font-size: 12px !important;
            font-weight: 600 !important;
}
.meeting-calendar-input .p-datepicker-prev,
        .meeting-calendar-input .p-datepicker-next {
            width: 24px !important;
            height: 24px !important;
            display: flex !important;
            cursor: pointer !important;
}
.meeting-calendar-input .p-datepicker table {
            width: 100% !important;
            font-size: 11px !important;
}
.meeting-calendar-input .p-datepicker table th {
                padding: 2px !important;
                font-size: 10px !important;
                text-align: center !important;
}
.meeting-calendar-input .p-datepicker table td {
                padding: 1px !important;
                text-align: center !important;
}
.meeting-calendar-input .p-datepicker table td > span {
                    width: 28px !important;
                    height: 28px !important;
                    font-size: 11px !important;
                    border-radius: 50% !important;
                    display: inline-flex !important;
                    align-items: center !important;
                    justify-content: center !important;
}
.meeting-calendar-input .p-highlight {
            background: #6366f1 !important;
            color: white !important;
}
.meeting-calendar-input .p-disabled {
            opacity: 0.4 !important;
            cursor: not-allowed !important;
}
    /* ─── Expense Form Calendar — fit inside card ───────────────────────── */
.expense-calendar-input .p-datepicker {
        width: 260px !important;
        min-width: unset !important;
        font-size: 11px !important;
        padding: 6px !important;
        position: absolute !important;
        z-index: 9999 !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
        border-radius: 10px !important;
}
.expense-calendar-input .p-datepicker-header {
        padding: 4px 6px !important;
        font-size: 12px !important;
}
.expense-calendar-input .p-datepicker-title {
        font-size: 12px !important;
        font-weight: 600 !important;
}
.expense-calendar-input .p-datepicker-prev,
    .expense-calendar-input .p-datepicker-next {
        width: 24px !important;
        height: 24px !important;
}
.expense-calendar-input .p-datepicker table {
        font-size: 11px !important;
}
.expense-calendar-input .p-datepicker table td {
            padding: 1px !important;
}
.expense-calendar-input .p-datepicker table td > span {
                width: 26px !important;
                height: 26px !important;
                font-size: 11px !important;
                border-radius: 50% !important;
}
.expense-calendar-input .p-datepicker table th {
            padding: 2px !important;
            font-size: 10px !important;
}
.expense-calendar-input .p-inputtext {
        font-size: 12px !important;
        padding: 8px 10px !important;
        border-radius: 8px !important;
        width: 100% !important;
}
.expense-calendar-input .p-highlight {
        background: #6366f1 !important;
        color: white !important;
}
.expense-calendar-input .p-disabled {
        opacity: 0.4 !important;
        cursor: not-allowed !important;
}
    /* Allow calendar popups to overflow their containers */
.expense-form-card {
        overflow: visible !important;
}
.ef-form-body {
        overflow: visible !important;
}
.ef-form-row {
        overflow: visible !important;
}
.ef-form-field {
        overflow: visible !important;
        position: relative;
}
    /* Fix inline calendar navigation arrows */
.meeting-calendar-input .p-datepicker-prev,
    .meeting-calendar-input .p-datepicker-next {
        width: 24px !important;
        height: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        pointer-events: all !important;
        z-index: 10 !important;
        position: relative !important;
        background: transparent !important;
        border: none !important;
        border-radius: 50% !important;
        transition: background 0.15s !important;
}
.meeting-calendar-input .p-datepicker-prev:hover,
        .meeting-calendar-input .p-datepicker-next:hover {
            background: #e2e8f0 !important;
}

        /* Make sure the icon inside is also clickable */
.meeting-calendar-input .p-datepicker-prev span,
        .meeting-calendar-input .p-datepicker-next span,
        .meeting-calendar-input .p-datepicker-prev .p-icon,
        .meeting-calendar-input .p-datepicker-next .p-icon {
            pointer-events: none !important;
            display: flex !important;
}

    /* Ensure header doesn't block clicks */
.meeting-calendar-input .p-datepicker-header {
        pointer-events: all !important;
        position: relative !important;
        z-index: 5 !important;
}

    /* Ensure nothing overlaps the nav buttons */
.meeting-calendar-input .p-datepicker-title {
        pointer-events: none !important;
}
.meeting-date-picker-wrap .expense-calendar-input .p-datepicker {
        bottom: 100% !important;
        top: unset !important;
        left: 0 !important;
        border-radius: 14px !important;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.15) !important;
}
.meeting-preview-actions {
        display: flex;
        gap: 10px;
        padding: 12px 16px;
        background: #f8fafc;
        border-top: 1px solid #e2e8f0;
}
.meeting-confirm-btn {
        flex: 1;
        background: linear-gradient(135deg, #0f5aa4, #122341);
        color: #fff;
        border: none;
        border-radius: 10px;
        padding: 12px;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        transition: opacity 0.2s;
}
.meeting-confirm-btn:hover {
            opacity: 0.9;
}
.meeting-cancel-btn {
        flex: 1;
        background: #f1f5f9;
        color: #dc2626;
        border: 2px solid #dc2626;
        border-radius: 10px;
        padding: 12px;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        transition: all 0.2s;
}
.meeting-cancel-btn:hover {
            background: #fee2e2;
}
    /* ─── Meeting Conflict Card ──────────────────────────────────────── */
.meeting-conflict-card {
        background: #fff8f0;
        border: 1px solid #f59e0b;
        border-left: 4px solid #f59e0b;
        border-radius: 14px 14px 14px 0px;
        padding: 14px 16px;
        max-width: 420px;
        font-size: 0.875rem;
}
.mc-header {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 12px;
}
.mc-icon {
        font-size: 1.4rem;
        line-height: 1;
}
.mc-header h4 {
        margin: 0 0 2px;
        font-size: 0.95rem;
        font-weight: 700;
        color: #92400e;
}
.mc-header p {
        margin: 0;
        font-size: 0.8rem;
        color: #b45309;
}
.mc-conflict-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 14px;
}
.mc-conflict-row {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        background: #fff3e0;
        border-radius: 8px;
        padding: 8px 10px;
}
.mc-conflict-icon {
        font-size: 1rem;
        margin-top: 2px;
}
.mc-conflict-title {
        font-size: 0.875rem;
        color: #1a1a1a;
        display: block;
        margin-bottom: 2px;
}
.mc-conflict-details {
        margin: 0;
        font-size: 0.78rem;
        color: #666;
}
.mc-suggestion {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        background: #fef3c7;
        border-radius: 8px;
        padding: 8px 12px;
        font-size: 0.82rem;
        color: #78350f;
        line-height: 1.5;
}
.mc-suggestion p {
            margin: 0;
}
.mc-suggestion strong {
            color: #92400e;
}
.mc-actions {
        display: flex;
        gap: 8px;
        padding: 10px 14px 14px;
}
.mc-btn {
        flex: 1;
        border: none;
        border-radius: 10px;
        padding: 10px;
        font-size: 12px;
        font-weight: 700;
        cursor: pointer;
        font-family: inherit;
        transition: opacity 0.2s;
}
.mc-btn:hover {
            opacity: 0.88;
}
.mc-btn-proceed {
        background: linear-gradient(135deg, rgb(15, 102, 184), rgb(18, 35, 65));
        color: #fff;
}
.mc-btn-change {
        background: #f1f5f9;
        color: #1e40af;
        border: 2px solid #1e40af;
}
    /* ── Meeting Reprompt Card ── */
.meeting-reprompt-card {
        background: #fff;
        border-radius: 14px 14px 14px 0px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.08);
        overflow: hidden;
        max-width: 420px;
        border: 1px solid #e2e8f0;
}
.mr-header {
        background:white;        
        padding: 16px 18px;
        display: flex;
        align-items: flex-start;
        gap: 12px;
}
.mr-icon {
        font-size: 28px;
        flex-shrink: 0;
        margin-top: 2px;
}
.mr-header h4 {
        margin: 0 0 6px 0;
        font-size: 15px;
}
.mr-header p {
        margin: 0;
        font-size: 13px;
        opacity: 0.95;
        line-height: 1.4;
}
.mr-body {
        padding: 16px 18px;
        background: #f8fafc;
}
.mr-hint {
        background: #f0f9ff;
        border: 1px solid #bae6fd;
        border-radius: 10px;
        padding: 14px;
        font-size: 13px;
        color: #1e40af;
        line-height: 1.5;
}
.mr-footer {
        padding: 12px 18px;
        background: #f1f5f9;
        text-align: center;
        font-size: 12px;
        color: #64748b;
        border-top: 1px solid #e2e8f0;
}
.meeting-preview-card {
        border-radius: 14px 14px 14px 0px;
        overflow: hidden;
        border: 1px solid var(--clr-border, #e5e7eb);
        max-width: 420px;
        background: #fff;
}
.meeting-preview-header {
        background: linear-gradient(135deg, rgb(15, 102, 184), rgb(18, 35, 65));
        padding: 12px 16px;
        display: flex;
        align-items: center;
        gap: 10px;
        color: #fff;
}
.meeting-preview-header h4 {
            margin: 0;
            font-size: 14px;
            font-weight: 600;
}
.mp-icon {
        font-size: 1.3rem;
}
.meeting-preview-body {
        padding: 0 16px 12px;
}
.meeting-preview-body.empty-state {
            padding: 16px;
            text-align: center;
            color: var(--clr-text-muted, #9ca3af);
            font-size: 0.85rem;
}
.meeting-list-item {
        padding: 12px ;
        border-bottom: 1px solid var(--clr-border, #e5e7eb);
}
.meeting-list-item.no-border {
            border-bottom: none;
}
.meeting-row-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 8px;
}
.meeting-row-main {
        flex: 1;
}
.meeting-title {
        font-weight: 600;
        font-size: 13px;
        color: var(--clr-text, #111);
        line-height: 1.3;
}
.meeting-time {
        font-size: 11px;
        color: var(--clr-text-muted, #6b7280);
        margin-top: 3px;
        display: flex;
        align-items: center;
        gap: 4px;
}
.meeting-toggle-btn {
        background: none;
        border: none;
        color: var(--clr-accent, #2563eb);
        font-size: 11px;
        font-weight: 600;
        cursor: pointer;
        padding: 4px 8px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        gap: 4px;
        margin-top: -2px;
}
.chevron {
        font-size: 8px;
        display: inline-block;
        transition: transform 0.2s;
}
.chevron.open {
            transform: rotate(180deg);
}
.meeting-details-panel {
        padding-top: 8px;
        margin-top: 8px;
        border-top: 1px dashed var(--clr-border, #e5e7eb);
        display: flex;
        flex-direction: column;
        gap: 4px;
}
.mp-row {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding: 3px 0;
        font-size: 12px;
}
.mp-label {
        min-width: 70px;
        color: var(--clr-text-muted, #6b7280);
        font-weight: 500;
        flex-shrink: 0;
}
.mp-value {
        color: var(--clr-text, #111);
}
.mp-zoom-btn {
        background: #518cf5;
        color: #fff;
        padding: 4px 10px;
        border-radius: 12px;
        font-size: 11px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-weight: 600;
}
.mp-zoom-btn:hover {
            opacity: 0.85;
}
.meeting-list-item {
        padding: 12px ;
}
.ml-item-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 8px;
}
.ml-item-main {
        flex: 1;
}
.ml-item-title {
        font-size: 13.5px;
        font-weight: 600;
        color: #1e293b;
        line-height: 1.3;
}
.ml-item-time {
        font-size: 12px;
        color: #64748b;
        display: flex;
        align-items: center;
        gap: 4px;
}
.ml-toggle-btn {
        background: none;
        border: none;
        color: #3b82f6;
        font-size: 11.5px;
        font-weight: 600;
        cursor: pointer;
        padding: 4px 8px;
        border-radius: 6px;
        white-space: nowrap;
}
.ml-toggle-btn:hover {
            background: #eff6ff;
}
.ml-item-details {
        padding-top: 10px;
        margin-top: 8px;
        border-top: 1px dashed #e2e8f0;
}
.tp-subtitle {
    margin: 2px 0 0;
    font-size: 0.75rem;
    opacity: 0.8;
}
.tp-ticket-status-open {
        background: #dbeafe;
        color: #1d4ed8;
        border: none;
}
.tp-ticket-status-closed {
        background: #dcfce7;
        color: #15803d;
        border: none;
}
.tp-ticket-status-pending {
        background: #fef9c3;
        color: #a16207;
        border: none;
}
.tp-ticket-status-resolved {
        background: #cfe2ff;
        color: #084298;
        border: none;
}
.tp-ticket-status-inprogress {
        background: #ede9fe;
        color: #6d28d9;
        border: none;
}
.tp-ticket-status-assigned {
        background: #dcfce7;
        color: #15803d;
        border: none;
}
.tp-ticket-status-unassigned {
        background: #fee2e2;
        color: #dc2626;
        border: none;
}
.ticket-not-found-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px 16px;
        gap: 8px;
}
.ticket-not-found-icon {
        font-size: 2rem;
        margin-bottom: 4px;
        opacity: 0.7;
}
.ticket-not-found-title {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 700;
        color: #dc2626;
}
.ticket-not-found-desc {
        margin: 0;
        font-size: 0.8rem;
        color: #6b7280;
        line-height: 1.5;
}
.ticket-not-found-hint {
        margin-top: 6px;
        background: #fef3c7;
        border: 1px solid #fcd34d;
        border-radius: 8px;
        padding: 8px 12px;
        font-size: 0.78rem;
        color: #92400e;
        width: 100%;
}
.tp-failed {
        color: #dc2626;
        font-size: 0.75rem;
        font-weight: 600;
}
.mr-icon {
        font-size: 1.3rem;
}
.mr-body {
        padding: 14px 16px;
}
.mr-body p {
            margin: 0;
            font-size: 0.85rem;
            color: #374151;
            line-height: 1.6;
}
.mr-footer {
        padding: 8px 16px;
        border-top: 1px solid #f3f4f6;
        font-size: 0.75rem;
        color: #9ca3af;
}
.meeting-text {
        white-space: pre-line;
        line-height: 1.7;
}
.expense-form-card {
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 4px 18px rgba(0,0,0,0.12);
        overflow: hidden;
        max-width: 380px;
        font-size: 13px;
        font-family: inherit;
}
.ef-header {
        background: linear-gradient(135deg, rgb(15, 102, 184), rgb(18, 35, 65));
        color: #fff;
        padding: 14px 18px;
        display: flex;
        align-items: center;
        gap: 10px;
        border-radius: 14px 14px 0px 0px;
}
.ef-icon {
        font-size: 1.4rem;
}
.ef-header h4 {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        color:white;
}
.ef-subtitle {
        margin: 2px 0 0;
        font-size: 11px;
        opacity: 0.8;
}
.ef-body {
        padding: 12px 18px;
        display: flex;
        flex-direction: column;
        gap: 0;
}
.ef-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f0f0f0;
        padding: 8px 0;
        gap: 8px;
}
.ef-label {
        font-size: 11px;
        font-weight: 600;
        color: #888;
        min-width: 90px;
        flex-shrink: 0;
}
.ef-value {
        font-size: 12px;
        font-weight: 600;
        color: #1e2d45;
        text-align: right;
}
.ef-required {
        color: #dc2626;
}
.ef-optional {
        color: #aaa;
        font-size: 10px;
        font-weight: 400;
}
.ef-select {
        border: 1.5px solid #cbd5e1;
        border-radius: 8px;
        padding: 5px 8px;
        font-size: 12px;
        color: #1e2d45;
        background: #f8fafc;
        max-width: 180px;
        cursor: pointer;
        font-family: inherit;
}
.ef-voting-section {
        background: #fffbeb;
        border: 1px solid #fde68a;
        border-radius: 10px;
        padding: 10px 12px;
        margin: 8px 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
}
.ef-voting-banner {
        font-size: 11px;
        color: #b45309;
        font-weight: 700;
        margin-bottom: 4px;
}
.ef-input-group {
        padding: 8px 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
        border-bottom: 1px solid #f0f0f0;
}
.ef-input-label {
        font-size: 11px;
        font-weight: 600;
        color: #888;
}
.ef-input {
        border: 1.5px solid #cbd5e1;
        border-radius: 8px;
        padding: 7px 10px;
        font-size: 12px;
        color: #1e2d45;
        background: #f8fafc;
        font-family: inherit;
        width: 100%;
        box-sizing: border-box;
}
.ef-textarea {
        border: 1.5px solid #cbd5e1;
        border-radius: 8px;
        padding: 8px 10px;
        font-size: 12px;
        color: #1e2d45;
        background: #f8fafc;
        font-family: inherit;
        width: 100%;
        box-sizing: border-box;
        resize: vertical;
        min-height: 60px;
}
.ef-attach-section {
        padding: 10px 0 4px;
}
.ef-attach-btn {
        background: #f1f5f9;
        border: 1.5px solid #cbd5e1;
        border-radius: 8px;
        padding: 8px 12px;
        font-size: 12px;
        font-weight: 600;
        color: #1e2d45;
        cursor: pointer;
        font-family: inherit;
        width: 100%;
        text-align: left;
}
.ef-attach-btn:hover {
            background: #e2e8f0;
}
.ef-attach-optional {
        color: #aaa;
        font-size: 10px;
        font-weight: 400;
        margin-left: 4px;
}
.ef-file-list {
        margin-top: 8px;
        display: flex;
        flex-direction: column;
        gap: 4px;
}
.ef-file-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #f0fdf4;
        border: 1px solid #bbf7d0;
        border-radius: 6px;
        padding: 5px 10px;
        font-size: 11px;
}
.ef-file-name {
        color: #166534;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 240px;
}
.ef-file-remove {
        background: none;
        border: none;
        color: #dc2626;
        cursor: pointer;
        font-size: 12px;
        padding: 0 4px;
        flex-shrink: 0;
}
.ef-error {
        color: #dc2626;
        font-size: 11px;
        margin: 6px 0 0;
        padding: 6px 10px;
        background: #fef2f2;
        border-radius: 6px;
        border: 1px solid #fecaca;
}
.ef-footer {
        padding: 10px 18px 14px;
        display: flex;
        flex-direction: column;
        gap: 8px;
}
.ef-submit-btn {
        background: linear-gradient(135deg, rgb(15, 102, 184), rgb(18, 35, 65));
        color: #fff;
        border: none;
        border-radius: 10px;
        padding: 11px;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        font-family: inherit;
        width: 100%;
        transition: opacity 0.2s;
}
.ef-submit-btn:disabled {
            opacity: 0.6;
            cursor: not-allowed;
}
.ef-submit-btn:not(:disabled):hover {
            opacity: 0.88;
}
.ef-cancel-btn {
        background: none;
        border: none;
        color: #aaa;
        font-size: 12px;
        cursor: pointer;
        font-family: inherit;
        text-decoration: underline;
        text-align: center;
}
.mp-participant-row {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 6px 0;
        cursor: pointer;
        font-size: 12px;
        border-bottom: 1px solid #f0f0f0;
}
.mp-participant-cb {
        width: 15px;
        height: 15px;
        cursor: pointer;
        accent-color: #0f60ad;
        flex-shrink: 0;
}
.mp-participant-hint {
        font-size: 10px;
        color: #999;
        margin-top: 4px;
}
.headerforstatus {
        background: linear-gradient(135deg, rgb(15, 102, 184), rgb(18, 35, 65)) !important;
        color: white !important;
}
.chat-history-divider {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 12px 0;
}
.chat-history-divider span {
            background: #f1f5f9;
            color: #94a3b8;
            font-size: 11px;
            font-weight: 600;
            padding: 4px 12px;
            border-radius: 20px;
            white-space: nowrap;
}


span.icon-pick {
    display: inline-block;
    padding: 5px;
    border: 1px solid #ddd;
    margin: 4px;
    width: 40px;
    text-align: center;
    font-size: 20px;
    height: 40px;
    overflow: hidden;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s;
}
span.icon-pick:hover {
    transform: scale(1.1);
    border-color: #41b2f9;
}
span.icon-ininput {
    position: relative;
    display: inline-block;
    width: 100%;
}
.selectedico {
    position: absolute;
    top: 10px;
    left: 10px;
}
.icon-ininput .form-control {
    border-radius: .2rem !important;
    border: 1px solid #bdbdbd;
    font-size: 0;
    min-height: 38px;
}

.p-dropdown-items-wrapper {
  max-width: 100%;
}
.selectedico {
  position: absolute;
  top: 10px;
  left: 10px;
}

.attribute-list-table[data-v-ba929866] .p-datatable-table {
    table-layout: auto;
    width: 100%;
}
.attribute-list-table[data-v-ba929866] .p-datatable-thead > tr > th,
.attribute-list-table[data-v-ba929866] .p-datatable-tbody > tr > td {
    white-space: normal;
    word-break: break-word;
}


.wrap-text-custom {
    display: inline-block !important;
    width: 240px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap;
}


.standalone-dealer {
  text-align: right !important;
  max-width: 1010px;
  margin: 0px auto;
  margin-top: -30px;
  font-size: large;
  font-weight: 900;
}
.form-group small {
  margin-top: 0px !important;
  display: block;
  margin-bottom: 10px;
}
.standalone-page form,
.standalone-page-container {
  max-width: 1010px;
  background: #fff;
  padding: 20px;
  margin: 0 auto 50px;
  box-shadow: 0 0 5px 0 #d0d0d0;
}
.loader-popup {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.5);
}
.loader-popup app-loader-white {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
img {
  vertical-align: middle;
  border-style: none;
}
.standalone-header {
  background: #b49859;
  padding: 10px;
  margin-bottom: 20px;
}
.standalone-header .standalone-logo {
  max-width: 1010px;
  margin: 0 auto;
}
.main-content {
  background: #f5f5f5;
  margin-left: 0;
  min-height: 100px;
  overflow: auto;
  width: 100%;
}
.input-group-prepend .input-group-text {
  color: #fff;
  background-color: #2a7cf9;
  border: 1px solid #2b7dfa;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.form-control {
  border-radius: 2px !important;
  border: 1px solid #c1c1c1;
  font-size: 0.875rem;
  color: #4d5875;
  height: calc(1.5em + 0.75rem + 4px);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  background-color: #fff;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.input-group-append,
.input-group-prepend {
  display: flex;
}
.input-group-prepend {
  margin-right: -1px;
}
.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}
.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  left: 0;
}
.custom-control-label {
  cursor: pointer;
  position: unset;
  margin-bottom: 0;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-control-label::before {
  background-color: #fdfefe;
  border: 1px solid #9c9c9c;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.custom-control-label::after {
  top: -1px;
  width: 20px;
  height: 26px;
  left: -1px;
}
.custom-control-label::after {
  position: absolute;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

/* Before check styling */
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-control-label::before {
  background-color: #fdfefe;
  border: 1px solid #9c9c9c;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.custom-control-label {
  cursor: pointer;
  position: unset;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #007bff;
  border-color: #007bff;
}
.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-control-label::before {
  background-color: #fdfefe;
  border: 1px solid #9c9c9c;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.custom-control-label {
  cursor: pointer;
  position: unset;
}

/* After check styling */
.custom-control-label::after {
  top: -1px;
  width: 20px;
  height: 26px;
  left: -1px;
}
.custom-control-label::after {
  position: absolute;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.custom-control-label {
  cursor: pointer;
  position: unset;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z%27/%3E%3C/svg%3E");
}
.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
  border-color: #dc3545;
}
.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
  background-color: #efa2a9;
}
.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
  color: #dc3545;
}
.custom-control-label {
  cursor: pointer;
  position: unset;
}
.custom-control-label::after {
  top: -1px;
  width: 20px;
  height: 26px;
  left: -1px;
}
.custom-control-label::after {
  position: absolute;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
  color: #dc3545;
}



div.jumbotron[data-v-2b6eff40] {
    background-color: transparent;
}
button>i[data-v-2b6eff40] {
    padding-right: 6px;
}
.twitter-red[data-v-2b6eff40] {
    color: #F22F46;
}
a[data-v-2b6eff40] {
    font-size: 1.25rem;
}
.vcall-link[data-v-2b6eff40] {
    font-size: 18px;
    padding-top: 5px;
}
.vcall-link span[data-v-2b6eff40] {
    background: #2e80fb;
    padding: 9px;
    border-radius: 6px;
    color: #fff;
}
.vcall-group .form-control[data-v-2b6eff40] {
    border-radius: .2rem 0 0 .2rem !important;
}


[data-v-2396c8b1]:host,
#participant-list[data-v-2396c8b1] {
    width: 100% !important;
    height: 100% !important;
}
#participant-list[data-v-2396c8b1] {
    border: solid 6px rgb(34, 34, 34);
    background-color: rgb(38, 38, 38);
}
#alone[data-v-2396c8b1] {
    height: 100%;
    min-height: 400px;
}
#alone.table[data-v-2396c8b1] {
    display: table;
}
div>p[data-v-2396c8b1] {
    vertical-align: middle;
    display: table-cell;
    padding: 0 10%;
}
.leave-room[data-v-2396c8b1] {
    background-color: #F22F46;
}
.navbar.shadow[data-v-2396c8b1] {
    border-bottom: solid 3px rgb(34, 34, 34) !important;
}
.part-list .app-camera[data-v-2396c8b1] {
    width: 100%;
    display: inline-block;
    max-width: 50%;
}
.part-list .app-camera~video[data-v-2396c8b1] {
    max-width: 50%;
    margin: 5 !important;
    display: inline-block;
    border: 1px solid #fff
}
.part-list #participant-list[data-v-2396c8b1] {
    border: none;
    background-color: #fff;
}
.part-list[data-v-2396c8b1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.part-list .video-container[data-v-2396c8b1] {
    display: flex;
    width: 33.3%;
    max-height: 285px !important;
    padding: 5px;
    position: relative;
}
.video-container[data-v-2396c8b1] {
    display: flex;
    width: 33.3%;
    max-height: 285px !important;
    padding: 5px;
    position: relative;
}
.video-component[data-v-2396c8b1] {
    width: 100% !important;
    max-height: 275px !important;
}
h4.video-title[data-v-2396c8b1] {
    position: absolute;
    bottom: 0;
    padding: 10px 15px;
    background: #2f40509e;
    width: calc(100% - 10px);
    left: 5px;
}
@media only screen and (max-width: 768px) {
.part-list .video-container[data-v-2396c8b1] {
        width: 50%;
}
h4.video-title[data-v-2396c8b1] {
        font-size: 14px;
}
}


[data-v-7d48d6e2]:host,
#preview[data-v-7d48d6e2],
video[data-v-7d48d6e2] {
    width: 100% !important;
    height: 100% !important;
}
#mutevideo[data-v-7d48d6e2] {
    position: relative;
}
.fa.fa-video-camera1[data-v-7d48d6e2]:after {
    position: absolute;
    content: "/";
    color: white;
    font-weight: bold;
    font-size: 1.5em;
    text-shadow: 3px 0px 0px rgb(0 0 0);
    line-height: 53px;
    left: 111px;
    top: 9px;
    font-family: Arial;
}
.d-none[data-v-7d48d6e2] {
    display: none !important;
}
.fa.fa-video-camera2[data-v-7d48d6e2]:after {
    position: absolute;
    content: "/";
    color: white;
    font-weight: bold;
    font-size: 1.5em;
    text-shadow: 3px 0px 0px rgb(0 0 0);
    line-height: 53px;
    left: 90px;
    top: 9px;
    font-family: Arial;
}
.caller-name[data-v-7d48d6e2] {
    position: absolute;
    left: 11px;
    bottom: 64px;
    z-index: 100000;
    background: #2f40509e;
    padding: 10px;
    width: 194px;
    color: #fff;
}
.leave-button button[data-v-7d48d6e2] {
    border-radius: 100%;
}
.my-preview[data-v-7d48d6e2] {
    position: relative;
    left: 0;
    bottom: 0;
}
#preview[data-v-7d48d6e2] {
    border: solid 6px rgb(34, 34, 34);
    background-color: rgb(38, 38, 38);
}
#nocamera[data-v-7d48d6e2] {
    border: solid 6px rgb(34, 34, 34);
    background-color: rgb(38, 38, 38);
    min-height: 400px;
}
#nocamera[data-v-7d48d6e2] {
    height: 100%;
}
#nocamera.table[data-v-7d48d6e2] {
    display: table;
}
div>p[data-v-7d48d6e2] {
    vertical-align: middle;
    display: table-cell;
    padding: 0 10%;
}

/* #preview {    border:none;    background-color:none; margin:0;} */
#preview .table[data-v-7d48d6e2] {
    margin-bottom: 0;
}
.part-list .app-camera .table video[data-v-7d48d6e2] {
    border: 1px solid #fff
}
#preview[data-v-7d48d6e2] {
    position: absolute;
    width: 218px !important;
    height: 225px !important;
    border: 1px solid #a1a1a1;
    padding: 10px;
    display: block;
    top: -22px;
    z-index: 0;
    left: 50%;
    background: #ffffff;
    margin-left: -109px;
    padding-bottom: 60px;
}
.part-list[data-v-7d48d6e2] {
    display: flex;
    justify-content: space-between;
}
.mute-buttons[data-v-7d48d6e2] {
    position: absolute;
    bottom: 10px;
    width: 90%;
    text-align: center;
    background: #f5f6fb;
    padding: 5px;
    border-radius: 45px;
    height: 45px;
    border: 1px solid #c1c1c1;
    display: flex;
    justify-content: center;
}
.mute-buttons .btn[data-v-7d48d6e2] {
    border-radius: 50% !important;
    height: 35px;
    width: 35px;
    padding: 0;
    min-width: auto;
}
.mute-buttons .btn.btn-primary[data-v-7d48d6e2] {
    background: linear-gradient(to bottom right, #2d7df8 0%, #70a7f7 100%) !important;
    border: 0;
}
.mute-buttons .btn.btn-info[data-v-7d48d6e2] {
    background: linear-gradient(to bottom right, #13bfa6 0%, #1fc874 100%) !important;
    border: 0;
}
.mute-buttons .btn.btn-danger[data-v-7d48d6e2] {
    background: linear-gradient(to bottom right, #f82d2d 0%, #f77070 100%) !important;
    border: 0;
}


div.jumbotron[data-v-89cee2e0] {
    background-color: transparent;
}
button>i[data-v-89cee2e0] {
    padding-right: 6px;
}
label[data-v-89cee2e0] {
    font-size: 1.25rem;
}


.ng-select .ng-clear-wrapper[data-v-d4c04b3c] {
    display: none;
}
.main-content[data-v-d4c04b3c] {
    margin: 0px !important;
}
.topbar[data-v-d4c04b3c] {
    position: relative;
    height: auto !important;
    left: 0px;
    background-color: #2f4050;
    flex-wrap: wrap;
}
@media only screen and (max-width: 1028px) {
.topbar .header-left .nav-icons[data-v-d4c04b3c] {
        display: block;
}
}
@media only screen and (max-width: 768px) {
.topbar .header-left[data-v-d4c04b3c],
    .topbar .header-center[data-v-d4c04b3c],
    .topbar .header-right[data-v-d4c04b3c] {
        width: 100%;
        text-align: center;
}
}

.main-content {
    margin: 0px !important;
}
.grid-container {
    display: grid;
    height: 100vh;
    grid-template-columns: 2fr 4fr 2fr;
    grid-template-rows: 1fr 7fr 1fr;
    grid-template-areas: "top-left . top-right" "left content right" "bottom-left . bottom-right";
}
.grid-content {
    grid-area: content;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-left {
    grid-area: left;
}
.grid-right {
    grid-area: right;
}
.grid-top-left,
.grid-top-right,
.grid-bottom-left,
.grid-bottom-right {
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-top-left {
    grid-area: top-left;
}
.grid-top-right {
    grid-area: top-right;
}
.grid-bottom-left {
    grid-area: bottom-left;
}
.grid-bottom-right {
    grid-area: bottom-right;
}
div.grid-bottom-right>a {
    color: #1da1f2;
    font-size: 2rem;
}
div.grid-bottom-right>a:hover {
    color: #96cff2;
}
.grid-top-left>img {
    max-height: 60px;
    max-width: 225px;
}
@media only screen and (max-height: 1000px) {
.grid-top-left>img {
        max-height: 50px;
        max-width: 187.5px;
}
}
.grid-top-left>a:hover>img {
    filter: brightness(110%);
}
#preview {
    position: absolute;
    width: 218px !important;
    height: 168px !important;
    border: 1px solid #a1a1a1;
    padding: 10px;
    display: block;
    bottom: -5px;
    z-index: 10000;
    left: 50%;
    background: #ffffff;
    margin-left: -109px;
}
.part-list {
    display: flex;
    justify-content: space-between;
}


.main-content {
    background: #b49859;
    border-color: #b49859;
    color: #ffffff;
    margin: 0;
    min-height: 300px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.main-content {
    background: #b49859;
    border-color: #b49859;
    color: #ffffff;
    margin-top: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    height: auto;
    max-width: 430px;
    width: 100%;
}
.login-main {
    min-height: 100vh;
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0;
    width: 100%
}
.login-box {
    width: 100%;
    background-color: #fff;
    padding: 30px;
    text-align: center;
    border-radius: 0 0 4px 4px;
}
.text-left {
    text-align: left !important;
}
.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}
.justify-content-center {
    justify-content: center !important;
}
.d-flex {
    display: flex !important;
}
.page-content {
    background: #b49859;
    border-color: #b49859;
    color: #ffffff;
    margin-top: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    height: auto;
    max-width: 430px;
}
.input-group>.custom-file {
    display: flex;
    align-items: center;
}
.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.input-group>.custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
    overflow: hidden;
}
input {
    color: #636e7b;
    font-family: Roboto, sans-serif !important;
    border: 1px solid #dfdfdf;
}
.modal.fade .modal-content {
    height: 100%;
    padding: 0;
    background: #fff;
    border: none;
    border-radius: 5px;
    overflow: hidden;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0.3rem;
    outline: 0;
}
.text-center {
    text-align: center !important;
}
.login-container .login-main img {
    max-width: 235px;
}
img {
    vertical-align: middle;
    border-style: none;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    min-width: 800px;
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -25%);
}
.input-group-append,
.input-group-prepend {
    display: flex;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.headerClass {
    color: black;
    text-align: center;
    margin-bottom: 20px;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    background-color: #fff;
    border-radius: 0.25rem;
}
.custom-file-label::after {
    color: #fff;
    background-color: #b49859;
    border-left: 1px solid #ccc;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(calc(2.25rem + 2px) - 1px * 2);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    content: "Browse";
    border-radius: 0 0.25rem 0.25rem 0;
}
label {
    display: inline-block;
    margin-bottom: 5px;
}
input,
select,
textarea {
    color: #636e7b !important;
    font-family: Roboto, sans-serif !important;
    border: 1px solid #dfdfdf !important;
}
.custom-file-label {
    font-weight: 400 !important;
    color: #495057 !important;
    border: 1px solid #c1c1c1 !important;
}
.main-content .page-content .login-container .login-main .login-box .btn.btn-success {
    width: 100%;
    margin-top: 20px;
    font-size: 20px;
    border-radius: 3px;
    font-weight: 600;
}
.login-box .btn-success {
    background-color: #b49859 !important;
    border-color: #b49859 !important;
}


.uploadDocument {
        background: #b49859;
        border-color: #b49859;
        color: #ffffff;
}
.center-page {
        display: flex;
        align-items: center;
        justify-content: center;
}

@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}

.heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  animation-duration: 0.75s;
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  animation-duration: 0.75s;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-duration: 2s;
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  animation-delay: 1s;
}

.animated.delay-2s {
  animation-delay: 2s;
}

.animated.delay-3s {
  animation-delay: 3s;
}

.animated.delay-4s {
  animation-delay: 4s;
}

.animated.delay-5s {
  animation-delay: 5s;
}

.animated.fast {
  animation-duration: 800ms;
}

.animated.faster {
  animation-duration: 500ms;
}

.animated.slow {
  animation-duration: 2s;
}

.animated.slower {
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}

.gj-button-md,.gj-text-align-center{text-align:center}.gj-button-md,.gj-modal{overflow:hidden;outline:0}.gj-button-md,.gj-button-md-group{position:relative;vertical-align:middle}.gj-button,.gj-button-md,.gj-cursor-pointer{cursor:pointer}.gj-button{background-color:#f5f5f5;border:1px solid #ddd;color:#000;border-radius:3px;padding:6px 10px}.gj-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gj-row{display:flex;flex-wrap:wrap}.gj-margin-left-5{margin-left:5px}.gj-margin-left-10{margin-left:10px}.gj-width-full{width:100%}.gj-font-size-16{font-size:16px}.gj-hidden{display:none}.gj-button-md{background:0 0;border:none;border-radius:2px;color:rgba(0,0,0,.87);height:36px;margin:0;min-width:64px;padding:0 16px;display:inline-block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:0;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);text-decoration:none;line-height:36px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gj-button-md:hover{background-color:rgba(158,158,158,.2)}.gj-button-md:disabled{color:rgba(0,0,0,.26);background:0 0}.gj-button-md .gj-icon,.gj-button-md .material-icons{vertical-align:middle}.gj-button-md.gj-button-md-icon{width:24px;height:31px;min-width:24px;padding:0;display:table}ul.gj-list-bootstrap li [data-role=image],ul.gj-list-md li [data-role=checkbox],ul.gj-list-md li [data-role=image]{height:24px;width:24px}.gj-button-md.gj-button-md-icon .gj-icon,.gj-button-md.gj-button-md-icon .material-icons{display:table-cell;margin-right:0;width:24px;height:24px}.gj-button-md.active{background-color:rgba(158,158,158,.4)}.gj-button-md-group{display:inline-block}.gj-textbox-md{border:none;border-bottom:1px solid rgba(0,0,0,.42);display:block;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:16px;padding:4px 0;margin:0;width:100%;background:0 0;text-align:left;color:rgba(0,0,0,.87)}.gj-textbox-md:active,.gj-textbox-md:focus{border-bottom:2px solid rgba(0,0,0,.42);outline:0}.gj-textbox-md::-moz-placeholder{color:#8e8e8e}.gj-textbox-md::placeholder{color:#8e8e8e}.gj-textbox-md:-ms-input-placeholder{color:#8e8e8e}.gj-textbox-md::-ms-input-placeholder{color:#8e8e8e}.gj-md-spacer-24{min-width:24px;width:24px;display:inline-block}.gj-md-spacer-32{min-width:32px;width:32px;display:inline-block}.gj-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1203;display:none;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,.54118);transition:.2s ease opacity;will-change:opacity}ul.gj-list li [data-role=wrapper]{display:table;width:100%}ul.gj-list li [data-role=checkbox],ul.gj-list li [data-role=image]{display:table-cell;vertical-align:middle;text-align:center}ul.gj-list li [data-role=display]{display:table-cell;vertical-align:middle;cursor:pointer}ul.gj-list li [data-role=display]:empty:before{content:"\200b"}ul.gj-list-bootstrap{padding-left:0;margin-bottom:0}ul.gj-list-bootstrap li{padding:0}ul.gj-list-bootstrap li [data-role=wrapper]{padding:0 10px}ul.gj-list-bootstrap li [data-role=checkbox]{width:24px;padding:3px}ul.gj-list-bootstrap li [data-role=display]{padding:8px 0 8px 4px}.list-group-item.active ul li,.list-group-item.active:focus ul li,.list-group-item.active:hover ul li{text-shadow:none;color:initial}ul.gj-list-md{padding:0;list-style:none;line-height:24px;letter-spacing:0;color:#616161}.gj-picker-md,ul.gj-list-md li{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1}ul.gj-list-md li{display:list-item;list-style-type:none;padding:0;min-height:unset;box-sizing:border-box;align-items:center;cursor:default;overflow:hidden;flex-direction:row;flex-wrap:nowrap}ul.gj-list-md li [data-role=display]{padding:8px 0 8px 5px;order:0;flex-grow:2;text-decoration:none;box-sizing:border-box;align-items:center;text-align:left;color:rgba(0,0,0,.87)}ul.gj-list-md li.disabled>[data-role=wrapper]>[data-role=display]{color:#9E9E9E}.gj-list-md-active{background:#e0e0e0;color:#3f51b5}.gj-picker{position:absolute;z-index:1203;background-color:#fff}.gj-picker .selected{color:#fff}.gj-picker-md{color:rgba(0,0,0,.87);border:1px solid #E0E0E0}.gj-modal .gj-picker-md{border:0}.gj-picker-md [role=header]{color:rgba(255,255,255,.54);display:flex;background:#2196f3;align-items:baseline;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center}.gj-picker-md [role=footer]{float:right;padding:10px}.gj-picker-md [role=footer] button.gj-button-md{color:#2196f3;font-weight:700;font-size:13px}.gj-picker-bootstrap{border:1px solid #E0E0E0}.gj-picker-bootstrap .selected{color:#888}.gj-picker-bootstrap [role=header]{background:#eee;color:#AAA}@font-face{font-family:gijgo-material;src:url(https://themes.pixelstrap.com/sheltos/assets/fonts/gijgo-material.eot?235541);src:url(https://themes.pixelstrap.com/sheltos/assets/fonts/gijgo-material.eot?235541#iefix) format('embedded-opentype'),url(https://themes.pixelstrap.com/sheltos/assets/fonts/gijgo-material.ttf?235541) format('truetype'),url(https://themes.pixelstrap.com/sheltos/assets/fonts/gijgo-material.woff?235541) format('woff'),url(https://themes.pixelstrap.com/sheltos/assets/fonts/gijgo-material.svg?235541#gijgo-material) format('svg');font-weight:400;font-style:normal}.gj-icon{font-family:gijgo-material!important;font-size:24px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gj-icon.undo:before{content:"\e900"}.gj-icon.vertical-align-top:before{content:"\e901"}.gj-icon.vertical-align-center:before{content:"\e902"}.gj-icon.vertical-align-bottom:before{content:"\e903"}.gj-icon.arrow-dropup:before{content:"\e904"}.gj-icon.clock:before{content:"\e905"}.gj-icon.refresh:before{content:"\e906"}.gj-icon.last-page:before{content:"\e907"}.gj-icon.first-page:before{content:"\e908"}.gj-icon.cancel:before{content:"\e909"}.gj-icon.clear:before{content:"\e90a"}.gj-icon.check-circle:before{content:"\e90b"}.gj-icon.delete:before{content:"\e90c"}.gj-icon.arrow-upward:before{content:"\e90d"}.gj-icon.arrow-forward:before{content:"\e90e"}.gj-icon.arrow-downward:before{content:"\e90f"}.gj-icon.arrow-back:before{content:"\e910"}.gj-icon.list-numbered:before{content:"\e911"}.gj-icon.list-bulleted:before{content:"\e912"}.gj-icon.indent-increase:before{content:"\e913"}.gj-icon.indent-decrease:before{content:"\e914"}.gj-icon.redo:before{content:"\e915"}.gj-icon.align-right:before{content:"\e916"}.gj-icon.align-left:before{content:"\e917"}.gj-icon.align-justify:before{content:"\e918"}.gj-icon.align-center:before{content:"\e919"}.gj-icon.strikethrough:before{content:"\e91a"}.gj-icon.italic:before{content:"\e91b"}.gj-icon.underlined:before{content:"\e91c"}.gj-icon.bold:before{content:"\e91d"}.gj-icon.arrow-dropdown:before{content:"\e91e"}.gj-icon.done:before{content:"\e91f"}.gj-icon.pencil:before{content:"\e920"}.gj-icon.minus:before{content:"\e921"}.gj-icon.plus:before{content:"\e922"}.gj-icon.chevron-up:before{content:"\e923"}.gj-icon.chevron-right:before{content:"\e924"}.gj-icon.chevron-down:before{content:"\e925"}.gj-icon.chevron-left:before{content:"\e926"}.gj-icon.event:before{content:"\e927"}.gj-draggable{cursor:move}.gj-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none;z-index:1203}.gj-dialog-bootstrap [data-role=title],.gj-dialog-bootstrap4 [data-role=title]{display:inline}.gj-dialog-bootstrap,.gj-dialog-bootstrap4,.gj-dialog-md{z-index:1202;overflow:hidden}.gj-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.gj-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.gj-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.gj-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.gj-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.gj-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.gj-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.gj-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.gj-dialog-footer{position:absolute;bottom:0;width:100%;margin-top:0}.gj-dialog-scrollable [data-role=body]{overflow-x:hidden;overflow-y:scroll}.gj-dialog-bootstrap [data-role=close]{line-height:1.42857143}.gj-dialog-bootstrap4 [data-role=close]{line-height:1.5}.gj-dialog-md{background-color:#FFF;border:none;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-sizing:border-box;position:relative;display:flex;flex-direction:column;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.gj-dialog-md-header{padding:24px 24px 0;font-family:Roboto,Helvetica,Arial,sans-serif}.gj-dialog-md-title{margin:0;font-weight:400;display:inline;line-height:28px;font-size:20px}.gj-dialog-md-close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0;float:right;line-height:28px;font-size:28px}.gj-dialog-md-body{padding:20px 24px 24px;color:rgba(0,0,0,.54);font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px}.gj-dialog-md-footer{padding:8px 8px 8px 24px;display:flex;flex-direction:row-reverse;flex-wrap:wrap;box-sizing:border-box}.gj-dialog-md-footer>:first-child{margin-right:0}.gj-dialog-md-footer>*{margin-right:8px;height:36px}DIV.gj-grid-wrapper{margin:auto;position:relative;clear:both;z-index:1}TABLE.gj-grid{margin:auto;border-collapse:collapse;width:100%;table-layout:fixed}TABLE.gj-grid THEAD TH [data-role=selectAll]{margin:auto}table.gj-grid-bootstrap thead th [data-role=sorticon],table.gj-grid-md thead th [data-role=sorticon]{margin-left:5px}TABLE.gj-grid THEAD TH [data-role=title],TABLE.gj-grid THEAD TH [data-role=sorticon]{display:inline-block}TABLE.gj-grid THEAD TH{overflow:hidden;text-overflow:ellipsis}TABLE.gj-grid.autogrow-header-row THEAD TH{overflow:auto;text-overflow:initial;white-space:pre-wrap;-ms-word-break:break-word;word-break:break-word}TABLE.gj-grid>tbody>tr>td{overflow:hidden;position:relative}table.gj-grid tbody div[data-role=display]{vertical-align:middle;text-indent:0;white-space:pre-wrap;-ms-word-break:break-word;word-break:break-word}table.gj-grid.fixed-body-rows tbody div[data-role=display]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-word-break:initial;word-break:initial}table.gj-grid tfoot DIV[data-role=display]{vertical-align:middle;text-indent:0;display:flex}TABLE.gj-grid .fa{padding:2px}TABLE.gj-grid>tbody>tr>td>div{padding:2px;overflow:hidden}DIV.gj-grid-wrapper DIV.gj-grid-loading-cover{background:#BBB;opacity:.5;position:absolute;vertical-align:middle}DIV.gj-grid-wrapper DIV.gj-grid-loading-text{position:absolute;font-weight:700}table.gj-grid-bootstrap thead th{background-color:#f5f5f5;vertical-align:middle}table.gj-grid-bootstrap thead th [data-role=sorticon] i.gj-icon,table.gj-grid-bootstrap thead th [data-role=sorticon] i.material-icons{position:absolute;font-size:20px;top:15px}table.gj-grid-bootstrap tbody tr td div[data-role=display]{padding:0}.gj-grid-bootstrap-4 .gj-checkbox-bootstrap{display:inline-block;padding-top:2px}.gj-grid-bootstrap-4 tbody tr.active{background-color:rgba(0,0,0,.075)}.gj-grid-md{position:relative;border:1px solid #e0e0e0;border-collapse:collapse;white-space:nowrap;font-size:13px;font-family:Roboto,Helvetica,Arial,sans-serif;background-color:#fff}.gj-grid-md td:first-of-type,.gj-grid-md th:first-of-type{padding-left:24px}.gj-grid-md td,.gj-grid-md th{padding:12px 18px;position:relative;box-sizing:border-box}.gj-grid-md th{vertical-align:bottom;font-weight:700;line-height:31px;letter-spacing:0;height:56px;font-size:12px;color:rgba(0,0,0,.54);text-align:right}.gj-grid-md td{height:48px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;text-align:left;color:rgba(0,0,0,.87)}.gj-grid-bootstrap tbody tr.gj-grid-top-border td,.gj-grid-md tbody tr.gj-grid-top-border td{border-top:2px solid #777}.gj-grid-bootstrap tbody tr.gj-grid-bottom-border td,.gj-grid-md tbody tr.gj-grid-bottom-border td{border-bottom:2px solid #777}.gj-grid-md tbody tr{position:relative;height:48px;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color}.gj-grid-md tbody tr:hover{background-color:#EEE}.gj-grid-md tbody tr.gj-grid-md-select{background-color:#F5F5F5}table.gj-grid-md thead th [data-role=sorticon] i.gj-icon,table.gj-grid-md thead th [data-role=sorticon] i.material-icons{position:absolute;font-size:16px;top:19px}table.gj-grid-md thead th.gj-grid-select-all{padding-bottom:3px}@media only all{td.display-1120,td.display-320,td.display-480,td.display-640,td.display-800,td.display-960,th.display-1120,th.display-320,th.display-480,th.display-640,th.display-800,th.display-960{display:none}}@media screen and (min-width:20em){TABLE.gj-grid-bootstrap td.display-320,TABLE.gj-grid-bootstrap th.display-320{display:table-cell}}@media screen and (min-width:30em){TABLE.gj-grid-bootstrap td.display-480,TABLE.gj-grid-bootstrap th.display-480{display:table-cell}}@media screen and (min-width:40em){TABLE.gj-grid-bootstrap td.display-640,TABLE.gj-grid-bootstrap th.display-640{display:table-cell}}@media screen and (min-width:50em){TABLE.gj-grid-bootstrap td.display-800,TABLE.gj-grid-bootstrap th.display-800{display:table-cell}}@media screen and (min-width:60em){TABLE.gj-grid-bootstrap td.display-960,TABLE.gj-grid-bootstrap th.display-960{display:table-cell}}@media screen and (min-width:70em){TABLE.gj-grid-bootstrap td.display-1120,TABLE.gj-grid-bootstrap th.display-1120{display:table-cell}}.gj-grid-md tfoot tr th{padding-right:14px}.gj-grid-md tfoot tr[data-role=pager] .gj-grid-mdl-pager-label{padding-left:5px;padding-right:5px}.gj-grid-md tfoot tr[data-role=pager] .gj-dropdown-md{margin-left:12px}.gj-grid-md tfoot tr[data-role=pager] .gj-dropdown-md [role=presenter]{font-size:12px;font-weight:700;color:rgba(0,0,0,.54)}.gj-grid-md tfoot tr[data-role=pager] .gj-dropdown-md [role=presenter] [role=display]{text-align:right}.gj-grid-md tfoot tr[data-role=pager] .gj-grid-md-limit-select{margin-left:10px;font-size:12px;font-weight:700;color:rgba(0,0,0,.54)}.gj-grid-bootstrap tfoot tr[data-role=pager] th{line-height:30px;background-color:#f5f5f5}.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>button,.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>div{margin-right:5px}.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th>div button{height:34px}.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th div .gj-dropdown-bootstrap-4 .gj-dropdown-expander-mi .gj-icon{top:5px}.gj-grid-bootstrap-3 tfoot tr[data-role=pager] th>div>input{margin-right:5px;width:40px;text-align:right;display:inline-block;font-weight:700}.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th>div>div.input-group{width:40px}.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th>div>div.input-group input{text-align:right;font-weight:700;height:34px;padding-top:2px;padding-bottom:6px}.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>select{display:inline-block;margin-right:5px;width:60px}.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap .gj-list-bootstrap [data-role=display]{line-height:14px}.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap [role=presenter] [role=display]{font-weight:700}.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap-3 [role=presenter]{padding:2px 8px}.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap-4 [role=presenter]{padding:1px 8px}.gj-grid thead tr th div.gj-grid-column-resizer-wrapper{position:relative;width:100%;height:0;top:0;left:0;padding:0}span.gj-grid-column-resizer{position:absolute;right:0;width:10px;top:-100px;height:300px;z-index:1203;cursor:e-resize}.gj-grid-resize-cursor{cursor:e-resize}.gj-grid-md tbody tr td.gj-grid-left-border,.gj-grid-md thead tr th.gj-grid-left-border{border-left:3px solid #777}.gj-grid-md tbody tr td.gj-grid-right-border,.gj-grid-md thead tr th.gj-grid-right-border{border-right:3px solid #777}.gj-grid-bootstrap tbody tr td.gj-grid-left-border,.gj-grid-bootstrap thead tr th.gj-grid-left-border{border-left:5px solid #ddd}.gj-grid-bootstrap tbody tr td.gj-grid-right-border,.gj-grid-bootstrap thead tr th.gj-grid-right-border{border-right:5px solid #ddd}.gj-dirty{position:absolute;top:0;left:0;border-style:solid;border-width:3px;border-color:red transparent transparent red;padding:0;overflow:hidden;vertical-align:top}.gj-grid-md tbody tr td.gj-grid-management-column{padding:3px}.gj-grid-md tbody tr td[data-mode=edit]{padding:0 18px}.gj-grid-bootstrap tbody tr td[data-mode=edit],.gj-grid-bootstrap tbody tr td[data-mode=edit] [data-role=edit],.gj-grid-md tbody .gj-dropdown-md [role=presenter] [role=display]{padding:0}.gj-grid-bootstrap-3 tbody tr td.gj-grid-management-column{padding:3px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit]{height:38px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] [data-role=edit] input[type=text]{height:37px;padding:8px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap [role=presenter]{border:0;border-radius:0;height:37px;padding-left:8px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap{height:37px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=input]{height:37px;border:0;border-radius:0}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon]{border:0;border-radius:0}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-checkbox-bootstrap{display:inline-block;padding-top:10px;height:32px}.gj-grid-bootstrap-4 tbody tr td.gj-grid-management-column{padding:6px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] [data-role=edit] input[type=text]{height:48px;padding-left:12px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap [role=presenter]{border:0;border-radius:0;height:48px;padding-left:12px;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap-4 [role=expander].gj-dropdown-expander-mi .gj-icon,.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap-4 [role=expander].gj-dropdown-expander-mi .material-icons{top:13px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap{height:48px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=input]{height:48px;border:0;border-radius:0}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon]{background-color:#fff}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] button{border:0;border-radius:0;width:43px;position:relative}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] .gj-icon,.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] .material-icons{top:13px;left:10px;font-size:24px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-checkbox-bootstrap{display:inline-block;padding-top:15px;height:42px}.gj-grid-md thead tr[data-role=filter] th{border-top:1px solid #e0e0e0}div.gj-grid-wrapper div.gj-grid-bootstrap-toolbar{background-color:#f5f5f5;padding:8px;font-weight:700;border:1px solid #ddd}div.gj-grid-wrapper div.gj-grid-bootstrap-4-toolbar{background-color:#f5f5f5;padding:12px;font-weight:700;border:1px solid #ddd}div.gj-grid-wrapper div.gj-grid-md-toolbar{font-weight:700;font-size:24px;font-family:Helvetica,Arial,sans-serif;background-color:#fff;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:0;border-collapse:collapse;padding:0 18px;line-height:56px}.gj-checkbox-bootstrap,.gj-checkbox-md{min-width:0;font-weight:400;text-align:center;position:relative}table.gj-grid-scrollable tbody{overflow-y:auto;overflow-x:hidden;display:block}table.gj-grid-md.gj-grid-scrollable{border-bottom:0}table.gj-grid-md.gj-grid-scrollable tbody{border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}table.gj-grid-md.gj-grid-scrollable tfoot{border-bottom:1px solid #e0e0e0}table.gj-grid-bootstrap.gj-grid-scrollable{border-bottom:0}table.gj-grid-bootstrap.gj-grid-scrollable tbody{border-right:1px solid #ddd;border-bottom:1px solid #ddd}table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row]:first-child td{border-top:0}table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row] td:first-child{border-left:0}table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row] td:last-child{border-right:0}table.gj-grid-bootstrap.gj-grid-scrollable tfoot{border-bottom:1px solid #ddd}ul.gj-list li [data-role=spacer]{display:table-cell}ul.gj-list li [data-role=expander]{display:table-cell;vertical-align:middle;text-align:center;cursor:pointer}[data-type=tree] ul li [data-role=expander].gj-tree-font-awesome-expander,[data-type=tree] ul li [data-role=expander].gj-tree-glyphicons-expander,[data-type=tree] ul li [data-role=expander].gj-tree-material-icons-expander{width:24px}[data-type=tree] ul li [data-role=expander].gj-tree-glyphicons-expander .glyphicon{top:4px;height:24px}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li{border:0;border-radius:0;color:#333}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.active{color:#fff}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.disabled{color:#777;background-color:#eee}.gj-tree-bootstrap-4 ul.gj-list-bootstrap li{border:0;border-radius:0;color:#212529}.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.active{color:#fff}.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.disabled{color:#868e96}.gj-tree-bootstrap-4 ul.gj-list-bootstrap li ul.gj-list-bootstrap{width:100%}.gj-tree-bootstrap-border ul.gj-list-bootstrap li{border:1px solid #ddd}.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li{border-left:0;border-right:0}.gj-tree-bootstrap-border ul.gj-list-bootstrap li:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.gj-tree-bootstrap-border ul.gj-list-bootstrap li:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:first-child{border-top-left-radius:0;border-top-right-radius:0}.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:last-child{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}ul.gj-list-bootstrap li [data-role=expander].gj-tree-material-icons-expander{padding-top:8px;padding-bottom:4px}.gj-tree-drag-el,.gj-tree-drag-el li{padding:0;margin:0}ul.gj-list-bootstrap li [data-role=expander].gj-tree-material-icons-expander .gj-icon{width:24px;height:24px}ul.gj-list-md li.disabled>[data-role=wrapper]>[data-role=expander]{color:#9E9E9E}.gj-tree-md-border ul.gj-list-md li{border:1px solid #616161;margin-bottom:-1px}.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li{border-left:0;border-right:0}.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li:last-child{border-bottom:0}.gj-tree-drop-above{border-top:1px solid #000}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role=wrapper].drop-above,.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role=wrapper].drop-above{border-top:2px solid #000}.gj-tree-drop-below{border-bottom:1px solid #000}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role=wrapper].drop-below,.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role=wrapper].drop-below{border-bottom:2px solid #000}.gj-tree-drag-el{z-index:1203}.gj-tree-drag-el [data-role=wrapper]{cursor:move;display:table}.gj-tree-drag-el [data-role=indicator]{width:14px;padding:0 3px;display:table-cell;vertical-align:middle;text-align:center}.gj-tree-bootstrap-drag-el li.list-group-item{border:0;background:unset}.gj-tree-bootstrap-drag-el [data-role=indicator],.gj-tree-md-drag-el [data-role=indicator]{width:24px;height:24px;padding:0}.gj-checkbox-bootstrap{font-size:0;margin:0;width:18px;height:18px;display:inline}.gj-checkbox-bootstrap input[type=checkbox]{display:none;margin-bottom:-12px}.gj-checkbox-bootstrap span{background:#fff;display:block;content:" ";width:18px;height:18px;line-height:11px;font-size:11px;padding:2px;color:#555;border:1px solid #CCC;border-radius:3px;transition:box-shadow .2s linear,border-color .2s linear;cursor:pointer;margin:auto}.gj-checkbox-bootstrap input[type=checkbox]:focus+span:before{outline:0;box-shadow:0 0 0 0 #66afe9,0 0 6px rgba(102,175,233,.6);border-color:#66afe9}.gj-datepicker-bootstrap :active,.gj-datepicker-bootstrap :focus,.gj-timepicker-bootstrap :active,.gj-timepicker-bootstrap :focus{box-shadow:none}.gj-checkbox-bootstrap input[type=checkbox][disabled]+span{opacity:.6;cursor:not-allowed}.gj-checkbox-bootstrap.gj-checkbox-bootstrap-4 span{line-height:16px;padding:0}.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type=checkbox]:checked+span:after,.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type=checkbox]:indeterminate+span:after{font-size:16px}.gj-checkbox-md{font-size:0;margin:0;width:16px;height:16px}.gj-checkbox-md input[type=checkbox]{display:none;margin-bottom:-12px}.gj-checkbox-md span{display:inline-block;box-sizing:border-box;width:16px;height:16px;margin:0;cursor:pointer;overflow:hidden;border:2px solid #616161;border-radius:2px;z-index:2}.gj-checkbox-md input[type=checkbox]:checked+span{border:2px solid #536DFE}.gj-checkbox-md input[type=checkbox]:checked+span:after{color:#FFF;background-color:#536DFE;position:absolute;left:1px;top:-15px}.gj-checkbox-md input[type=checkbox]:indeterminate+span{border:2px solid #616161}.gj-checkbox-md input[type=checkbox]:indeterminate+span:after{color:#616161;position:absolute;left:1px;top:-15px}.gj-checkbox-md input[type=checkbox][disabled]+span{border:2px solid #9E9E9E}.gj-editor-md,.gj-editor-md [role=body]{border:1px solid rgba(158,158,158,.2)}.gj-checkbox-md input[type=checkbox][disabled]+span:after{background-color:#9E9E9E}.gj-checkbox-md input[type=checkbox][disabled]:indeterminate+span:after{color:#FFF}.gj-checkbox-material-icons input[type=checkbox]:checked+span:after{content:"\e91f";font-size:14px;font-weight:700;white-space:pre}.gj-checkbox-material-icons input[type=checkbox]:indeterminate+span:after{content:"\e921";font-size:14px;font-weight:700;white-space:pre}.gj-checkbox-glyphicons input[type=checkbox]:checked+span:after{display:inline-block;font-family:'Glyphicons Halflings';content:"\e013 "}.gj-checkbox-glyphicons input[type=checkbox]:indeterminate+span:after{display:inline-block;font-family:'Glyphicons Halflings';content:"\2212 ";padding-right:1px}.gj-checkbox-fontawesome .fa{font-size:14px}.gj-checkbox-bootstrap.gj-checkbox-fontawesome .fa{line-height:18px}.gj-checkbox-fontawesome input[type=checkbox]:checked+span:before{content:"\f00c "}.gj-checkbox-fontawesome input[type=checkbox]:indeterminate+span:before{content:"\f068 "}.gj-editor [role=body]{overflow:auto;outline:transparent solid 0;box-sizing:border-box}.gj-editor-md{padding:7px;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:0}.gj-editor-md [role=toolbar]{margin-bottom:7px}.gj-editor-md [role=toolbar] .gj-button-md{min-width:54px;margin-right:5px}.gj-editor-md [role=toolbar] .gj-button-md .gj-icon{width:24px;height:24px}.gj-editor-bootstrap,.gj-editor-bootstrap [role=body]{border:1px solid #eceeef}.gj-editor-md p{margin:0;padding:0}.gj-editor-md blockquote{font-size:14px}.gj-editor-bootstrap{padding:7px}.gj-editor-bootstrap [role=toolbar]{margin-bottom:7px}.gj-editor-bootstrap [role=toolbar] .btn-group{margin-right:10px}.gj-editor-bootstrap [role=toolbar] button{height:36px}.gj-editor-bootstrap p{margin:0;padding:0}.gj-editor-bootstrap blockquote{font-size:14px}.gj-datepicker-md,.gj-dropdown-md [role=presenter]{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:.04em}.gj-dropdown{position:relative;border-collapse:separate}.gj-dropdown [role=presenter]{display:table;cursor:pointer;outline:0;position:relative}.gj-dropdown [role=presenter] [role=display]{display:table-cell;text-align:left;width:100%}.gj-dropdown [role=presenter] [role=expander]{display:table-cell;vertical-align:middle;text-align:center;width:24px;height:24px}.gj-dropdown-md [role=presenter]{line-height:1;color:rgba(0,0,0,.87);padding:0;border:0;border-bottom:1px solid rgba(0,0,0,.42);background:0 0}.gj-dropdown-md [role=presenter]:active,.gj-dropdown-md [role=presenter]:focus{border-bottom:2px solid rgba(0,0,0,.42)}.gj-dropdown-md [role=presenter] [role=display]{padding:4px 0;line-height:18px}.gj-dropdown-md [role=presenter] [role=display] .placeholder{color:#8e8e8e}.gj-dropdown-list-md{position:absolute;top:0;left:0;background-color:#f5f5f5;color:#000;margin:0;z-index:1203}.gj-dropdown-list-md li.active,.gj-dropdown-list-md li:hover{background-color:#eee}.gj-dropdown-bootstrap [role=presenter] [role=display]{padding-right:5px}.gj-dropdown-bootstrap [role=presenter] [role=expander]{padding-left:5px}.gj-dropdown-bootstrap [role=presenter] [role=expander].gj-dropdown-expander-mi{width:24px}.gj-dropdown-bootstrap-3 [role=presenter] [role=display]{line-height:20px}.gj-dropdown-bootstrap-3 [role=presenter] [role=display] .placeholder{color:#9999b3}.gj-dropdown-bootstrap-3 [role=presenter] [role=expander]{width:20px;height:20px}.gj-dropdown-bootstrap-3 [role=presenter] [role=expander].gj-dropdown-expander-mi .gj-icon,.gj-dropdown-bootstrap-3 [role=presenter] [role=expander].gj-dropdown-expander-mi .material-icons{top:5px;right:10px;position:absolute}.gj-dropdown-bootstrap-4 [role=presenter]{border:1px solid #ced4da}.gj-dropdown-bootstrap-4 [role=presenter] [role=display]{line-height:24px}.gj-dropdown-bootstrap-4 [role=presenter] [role=expander].gj-dropdown-expander-mi .gj-icon,.gj-dropdown-bootstrap-4 [role=presenter] [role=expander].gj-dropdown-expander-mi .material-icons{top:7px;right:10px;position:absolute}.gj-dropdown-list-bootstrap{position:absolute;top:32px;left:0;margin:0;z-index:1203}.gj-datepicker [role=input]::-ms-clear{display:none}.gj-datepicker [role=right-icon]{cursor:pointer}.gj-picker div[role=navigator]{display:flex;flex-wrap:wrap}.gj-picker div[role=navigator] div{cursor:pointer;position:relative;flex-basis:0;flex-grow:1;max-width:100%}.gj-datepicker-md{line-height:1;color:rgba(0,0,0,.87);position:relative}.gj-datepicker-md [role=right-icon]{position:absolute;right:0;top:0;font-size:24px}.gj-datepicker-md.small .gj-textbox-md{font-size:14px}.gj-datepicker-md.small .gj-icon{font-size:22px}.gj-datepicker-md.large .gj-textbox-md{font-size:18px}.gj-datepicker-md.large .gj-icon{font-size:28px}.gj-picker-md.datepicker [role=header]{padding:20px;display:block}.gj-picker-md.datepicker [role=header] [role=year]{font-size:17px;padding-bottom:5px;cursor:pointer}.gj-picker-md.datepicker [role=header] [role=date]{font-size:36px;cursor:pointer}.gj-picker-md div[role=navigator]{height:42px;line-height:42px}.gj-picker div[role=navigator] div[role=period]{width:100%;text-align:center;font-weight:700;font-size:15px}.gj-picker-md div[role=navigator] div:first-child,.gj-picker-md div[role=navigator] div:last-child{max-width:42px}.gj-picker-md div[role=navigator] div i.gj-icon,.gj-picker-md div[role=navigator] div i.material-icons{position:absolute;top:8px}.gj-picker-md div[role=navigator] div:first-child i.gj-icon,.gj-picker-md div[role=navigator] div:first-child i.material-icons{left:10px}.gj-picker-md div[role=navigator] div:last-child i.gj-icon,.gj-picker-md div[role=navigator] div:last-child i.material-icons{right:11px}.gj-picker-md table thead{color:#9E9E9E}.gj-picker-md table tr td div,.gj-picker-md table tr th div{display:block;width:40px;height:40px;line-height:40px;font-size:13px;text-align:center;vertical-align:middle}[type=year].gj-picker-md table tr td div,[type=decade].gj-picker-md table tr td div,[type=century].gj-picker-md table tr td div{width:73px;height:73px;line-height:73px;cursor:pointer}.gj-picker-md table tr td.gj-cursor-pointer div:hover{background:#EEE;border-radius:50%;color:rgba(0,0,0,.87)}.gj-picker-md table tr td.disabled div,.gj-picker-md table tr td.other-month div{color:#BDBDBD}.gj-picker-md table tr td.focused div{background:#E0E0E0;border-radius:50%}.gj-picker-md table tr td.today div{color:#1976D2}.gj-picker-md table tr td.selected.gj-cursor-pointer div{color:#FFF;background:#1976D2;border-radius:50%}.gj-picker-md table tr td.calendar-week div{font-weight:700}.gj-picker-bootstrap{border:1px solid rgba(0,0,0,.15);border-radius:4px;padding:4px}.gj-modal .gj-picker-bootstrap{padding:0}.gj-picker-bootstrap.datepicker [role=header]{padding:10px 20px;display:block}.gj-picker-bootstrap.datepicker [role=header] [role=year]{font-size:15px;cursor:pointer}.gj-picker-bootstrap [role=header] [role=date]{font-size:24px;cursor:pointer}.gj-modal .gj-picker-bootstrap.datepicker [role=body]{padding:15px}.gj-picker-bootstrap div[role=navigator]{height:30px;line-height:30px;text-align:center}.gj-picker-bootstrap div[role=navigator] div:first-child,.gj-picker-bootstrap div[role=navigator] div:last-child{max-width:30px}.gj-picker-bootstrap table tr td div,.gj-picker-bootstrap table tr th div{display:block;width:30px;height:30px;line-height:30px;text-align:center;vertical-align:middle}[type=year].gj-picker-bootstrap table tr td div,[type=decade].gj-picker-bootstrap table tr td div,[type=century].gj-picker-bootstrap table tr td div{width:53px;height:53px;line-height:53px;cursor:pointer}.gj-picker-bootstrap table tr th div i,.gj-picker-bootstrap table tr th div span{line-height:30px}.gj-picker-bootstrap div[role=navigator] .gj-icon,.gj-picker-bootstrap div[role=navigator] .material-icons{margin:3px}.gj-picker-bootstrap table tr td.focused div,.gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover{background:#EEE;border-radius:4px;color:#212529}.gj-picker-bootstrap table tr td.today div{color:#204d74;font-weight:700}.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{color:#fff;background-color:#204d74;border-color:#122b40;border-radius:4px}.gj-picker-bootstrap table tr td.disabled div,.gj-picker-bootstrap table tr td.other-month div{color:#777}.gj-datepicker-bootstrap span[role=right-icon].input-group-addon{border-left:0;position:relative;border-radius:0 4px 4px 0}.gj-datepicker-bootstrap span[role=right-icon].input-group-addon .gj-icon,.gj-datepicker-bootstrap span[role=right-icon].input-group-addon .material-icons{position:absolute;top:7px;left:7px}.gj-datepicker-bootstrap [role=right-icon] button{width:38px;position:relative;border:1px solid #ced4da}.gj-datepicker-bootstrap [role=right-icon] button:hover{color:#6c757d;background-color:transparent}.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button{width:30px}.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button{width:48px}.gj-datepicker-bootstrap [role=right-icon] button .gj-icon,.gj-datepicker-bootstrap [role=right-icon] button .material-icons{position:absolute;font-size:21px;top:9px;left:9px}.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button .gj-icon,.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button .material-icons{top:6px;left:6px;font-size:19px}.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button .gj-icon,.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button .material-icons{font-size:27px;top:10px;left:10px}.gj-timepicker [role=input]::-ms-clear{display:none}.gj-timepicker [role=right-icon]{cursor:pointer}.gj-picker.timepicker [role=header]{font-size:58px;padding:20px 0;line-height:58px;display:flex;align-items:baseline;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center}.gj-picker.timepicker [role=header] div{cursor:pointer;width:66px;text-align:right}.gj-picker [role=header] [role=mode]{position:relative;width:0}.gj-picker [role=header] [role=mode] span{position:absolute;left:7px;line-height:18px;font-size:18px}.gj-picker [role=header] [role=mode] span[role=am]{top:7px}.gj-picker [role=header] [role=mode] span[role=pm]{bottom:7px}.gj-picker [role=body] [role=dial]{width:256px;color:rgba(0,0,0,.87);height:256px;position:relative;background:#eee;border-radius:50%;margin:10px}.gj-picker-md .arrow-begin,.gj-picker-md [role=body] [role=arrow]{background-color:#2196f3}.gj-picker [role=body] [role=hour]{top:calc(50% - 16px);left:calc(50% - 16px);width:32px;height:32px;cursor:pointer;position:absolute;font-size:14px;text-align:center;line-height:32px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.gj-colorpicker-md,.gj-timepicker-md{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:.04em;line-height:1}.gj-picker [role=body] [role=hour].selected{color:rgba(255,255,255,1)}.gj-picker [role=body] [role=arrow]{top:calc(50% - 1px);left:50%;height:2px;position:absolute;pointer-events:none;transform-origin:left center;transition:all 250ms cubic-bezier(.4,0,.2,1);width:calc(50% - 52px)}.gj-picker .arrow-begin{top:-3px;left:-4px;width:8px;height:8px;position:absolute;border-radius:50%}.gj-picker .arrow-end{top:-15px;right:-16px;width:0;height:0;position:absolute;box-sizing:content-box;border-width:16px;border-radius:50%}.gj-timepicker-md{font-size:16px;color:rgba(0,0,0,.87);position:relative}.gj-timepicker-md.small .gj-textbox-md{font-size:14px}.gj-timepicker-md.small .gj-icon{font-size:22px}.gj-timepicker-md.large .gj-textbox-md{font-size:18px}.gj-timepicker-md.large .gj-icon{font-size:28px}.gj-timepicker-md [role=right-icon]{cursor:pointer;position:absolute;right:0;top:0;font-size:24px}.gj-picker-md .arrow-end{border:16px solid #2196f3}.gj-picker-bootstrap .arrow-begin,.gj-picker-bootstrap [role=body] [role=arrow]{background-color:#888}.gj-picker-bootstrap .arrow-end{border:16px solid #888}.gj-timepicker-bootstrap .input-group-addon{border-left:0;position:relative;width:38px;border-radius:0 4px 4px 0}.gj-timepicker-bootstrap.input-group-sm .input-group-addon{width:30px}.gj-timepicker-bootstrap.input-group-lg .input-group-addon{width:46px}.gj-timepicker-bootstrap .input-group-addon .gj-icon,.gj-timepicker-bootstrap .input-group-addon .material-icons{position:absolute;font-size:21px;top:6px;left:8px}.gj-timepicker-bootstrap.input-group-sm .input-group-addon .gj-icon,.gj-timepicker-bootstrap.input-group-sm .input-group-addon .material-icons{font-size:19px;top:5px;left:5px}.gj-timepicker-bootstrap.input-group-lg .input-group-addon .gj-icon,.gj-timepicker-bootstrap.input-group-lg .input-group-addon .material-icons{font-size:27px;top:10px;left:10px}.gj-timepicker-bootstrap [role=right-icon] button{width:38px;position:relative;border: 1px solid #ced4da;}.gj-timepicker-bootstrap.input-group-sm [role=right-icon] button{width:30px}.gj-timepicker-bootstrap.input-group-lg [role=right-icon] button{width:48px}.gj-timepicker-bootstrap [role=right-icon] button .gj-icon,.gj-timepicker-bootstrap [role=right-icon] button .material-icons{position:absolute;font-size:21px;top:7px;left:9px}.gj-timepicker-bootstrap.input-group-sm [role=right-icon] button .gj-icon,.gj-timepicker-bootstrap.input-group-sm [role=right-icon] button .material-icons{top:4px;left:6px;font-size:19px}.gj-timepicker-bootstrap.input-group-lg [role=right-icon] button .gj-icon,.gj-timepicker-bootstrap.input-group-lg [role=right-icon] button .material-icons{font-size:27px;top:8px;left:10px}.gj-picker.datetimepicker [role=header] [role=date]{padding-bottom:5px;text-align:center;cursor:pointer}.gj-picker [role=switch]{align-items:baseline;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.gj-picker [role=switch] [role=calendarMode]{position:absolute;bottom:2px;left:0;cursor:pointer}.gj-picker [role=switch] [role=time]{width:100%;text-align:center}.gj-picker [role=switch] [role=time] div{display:inline;cursor:pointer}.gj-picker [role=switch] [role=clockMode]{position:absolute;right:0;bottom:3px;cursor:pointer}.gj-picker-md.datetimepicker [role=header]{font-size:36px;padding:10px 20px;display:block}.gj-picker-md [role=switch]{color:rgba(255,255,255,.54);background:#2196f3;font-size:32px}.gj-picker-bootstrap.datetimepicker [role=header]{font-size:36px;padding:10px 20px;display:block}.gj-picker-bootstrap.datetimepicker [role=header] [role=time]{font-size:22px}.gj-slider{position:relative;padding:8px 6px}.gj-slider [role=track]{width:100%}.gj-slider [role=progress]{position:absolute;z-index:1203}.gj-slider [role=handle]{position:absolute}.gj-slider-md [role=track]{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;background-color:#e9ecef;height:2px;background-color:rgba(0,0,0,.26)}.gj-slider-md [role=progress]{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;height:2px;background-color:#536DFE;top:8px;left:6px}.gj-slider-md [role=handle]{top:3px;left:0;width:12px;height:12px;background-color:#536DFE;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent;border-radius:50%;cursor:pointer;z-index:1204}.gj-slider-bootstrap [role=track]{border-radius:4px;height:10px}.gj-slider-bootstrap [role=progress]{height:10px;border-radius:4px;top:8px;left:6px;transition:none}.gj-slider-bootstrap [role=handle]{top:2px;left:0;width:20px;height:20px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent;border-radius:50%;cursor:pointer;z-index:1204}.gj-slider-bootstrap-3 [role=handle]{background-color:#337ab7;background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);background-repeat:repeat-x}.gj-slider-bootstrap-4 [role=handle]{background-color:#007bff;background-image:linear-gradient(to bottom,#007bff 0,#2e6da4 100%);background-repeat:repeat-x}.gj-colorpicker [role=right-icon]{cursor:pointer}.gj-colorpicker-md{font-size:16px;color:rgba(0,0,0,.87);position:relative}.gj-colorpicker-md [role=right-icon]{position:absolute;right:0;top:0;font-size:24px}

@font-face {
font-family: 'primeicons';
font-display: block;
src: url(/fonts/primeicons.ffecb254.eot);
src: url(/fonts/primeicons.ffecb254.eot?#iefix) format('embedded-opentype'), url(/fonts/primeicons.ba3f916d.woff2) format('woff2'), url(/fonts/primeicons.f8b9e8a4.woff) format('woff'), url(/fonts/primeicons.0112589c.ttf) format('truetype'),
url(/img/primeicons.f2b490ed.svg?#primeicons) format('svg');
font-weight: normal;
font-style: normal;
}

.pi { font-family: 'primeicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
.pi:before { --webkit-backface-visibility:hidden; backface-visibility: hidden; }
.pi-fw { width: 1.28571429em; text-align: center; }
.pi-spin { animation: fa-spin 2s infinite linear; }

@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}

.pi-eraser:before { content: "\ea04"; }
.pi-stopwatch:before { content: "\ea01"; }
.pi-verified:before { content: "\ea02"; }
.pi-delete-left:before { content: "\ea03"; }
.pi-hourglass:before { content: "\e9fe"; }
.pi-truck:before { content: "\ea00"; }
.pi-wrench:before { content: "\e9ff"; }
.pi-microphone:before { content: "\e9fa"; }
.pi-megaphone:before { content: "\e9fb"; }
.pi-arrow-right-arrow-left:before { content: "\e9fc"; }
.pi-bitcoin:before { content: "\e9fd"; }
.pi-file-edit:before { content: "\e9f6"; }
.pi-language:before { content: "\e9f7"; }
.pi-file-export:before { content: "\e9f8"; }
.pi-file-import:before { content: "\e9f9"; }
.pi-file-word:before { content: "\e9f1"; }
.pi-gift:before { content: "\e9f2"; }
.pi-cart-plus:before { content: "\e9f3"; }
.pi-thumbs-down-fill:before { content: "\e9f4"; }
.pi-thumbs-up-fill:before { content: "\e9f5"; }
.pi-arrows-alt:before { content: "\e9f0"; }
.pi-calculator:before { content: "\e9ef"; }
.pi-sort-alt-slash:before { content: "\e9ee"; }
.pi-arrows-h:before { content: "\e9ec"; }
.pi-arrows-v:before { content: "\e9ed"; }
.pi-pound:before { content: "\e9eb"; }
.pi-prime:before { content: "\e9ea"; }
.pi-chart-pie:before { content: "\e9e9"; }
.pi-reddit:before { content: "\e9e8"; }
.pi-code:before { content: "\e9e7"; }
.pi-sync:before { content: "\e9e6"; }
.pi-shopping-bag:before { content: "\e9e5"; }
.pi-server:before { content: "\e9e4"; }
.pi-database:before { content: "\e9e3"; }
.pi-hashtag:before { content: "\e9e2"; }
.pi-bookmark-fill:before { content: "\e9df"; }
.pi-filter-fill:before { content: "\e9e0"; }
.pi-heart-fill:before { content: "\e9e1"; }
.pi-flag-fill:before { content: "\e9de"; }
.pi-circle:before { content: "\e9dc"; }
.pi-circle-fill:before { content: "\e9dd"; }
.pi-bolt:before { content: "\e9db"; }
.pi-history:before { content: "\e9da"; }
.pi-box:before { content: "\e9d9"; }
.pi-at:before { content: "\e9d8"; }
.pi-arrow-up-right:before { content: "\e9d4"; }
.pi-arrow-up-left:before { content: "\e9d5"; }
.pi-arrow-down-left:before { content: "\e9d6"; }
.pi-arrow-down-right:before { content: "\e9d7"; }
.pi-telegram:before { content: "\e9d3"; }
.pi-stop-circle:before { content: "\e9d2"; }
.pi-stop:before { content: "\e9d1"; }
.pi-whatsapp:before { content: "\e9d0"; }
.pi-building:before { content: "\e9cf"; }
.pi-qrcode:before { content: "\e9ce"; }
.pi-car:before { content: "\e9cd"; }
.pi-instagram:before { content: "\e9cc"; }
.pi-linkedin:before { content: "\e9cb"; }
.pi-send:before { content: "\e9ca"; }
.pi-slack:before { content: "\e9c9"; }
.pi-sun:before { content: "\e9c8"; }
.pi-moon:before { content: "\e9c7"; }
.pi-vimeo:before { content: "\e9c6"; }
.pi-youtube:before { content: "\e9c5"; }
.pi-flag:before { content: "\e9c4"; }
.pi-wallet:before { content: "\e9c3"; }
.pi-map:before { content: "\e9c2"; }
.pi-link:before { content: "\e9c1"; }
.pi-credit-card:before { content: "\e9bf"; }
.pi-discord:before { content: "\e9c0"; }
.pi-percentage:before { content: "\e9be"; }
.pi-euro:before { content: "\e9bd"; }
.pi-book:before { content: "\e9ba"; }
.pi-shield:before { content: "\e9b9"; }
.pi-paypal:before { content: "\e9bb"; }
.pi-amazon:before { content: "\e9bc"; }
.pi-phone:before { content: "\e9b8"; }
.pi-filter-slash:before { content: "\e9b7"; }
.pi-facebook:before { content: "\e9b4"; }
.pi-github:before { content: "\e9b5"; }
.pi-twitter:before { content: "\e9b6"; }
.pi-step-backward-alt:before { content: "\e9ac"; }
.pi-step-forward-alt:before { content: "\e9ad"; }
.pi-forward:before { content: "\e9ae"; }
.pi-backward:before { content: "\e9af"; }
.pi-fast-backward:before { content: "\e9b0"; }
.pi-fast-forward:before { content: "\e9b1"; }
.pi-pause:before { content: "\e9b2"; }
.pi-play:before { content: "\e9b3"; }
.pi-compass:before { content: "\e9ab"; }
.pi-id-card:before { content: "\e9aa"; }
.pi-ticket:before { content: "\e9a9"; }
.pi-file-o:before { content: "\e9a8"; }
.pi-reply:before { content: "\e9a7"; }
.pi-directions-alt:before { content: "\e9a5"; }
.pi-directions:before { content: "\e9a6"; }
.pi-thumbs-up:before { content: "\e9a3"; }
.pi-thumbs-down:before { content: "\e9a4"; }
.pi-sort-numeric-down-alt:before { content: "\e996"; }
.pi-sort-numeric-up-alt:before { content: "\e997"; }
.pi-sort-alpha-down-alt:before { content: "\e998"; }
.pi-sort-alpha-up-alt:before { content: "\e999"; }
.pi-sort-numeric-down:before { content: "\e99a"; }
.pi-sort-numeric-up:before { content: "\e99b"; }
.pi-sort-alpha-down:before { content: "\e99c"; }
.pi-sort-alpha-up:before { content: "\e99d"; }
.pi-sort-alt:before { content: "\e99e"; }
.pi-sort-amount-up:before { content: "\e99f"; }
.pi-sort-amount-down:before { content: "\e9a0"; }
.pi-sort-amount-down-alt:before { content: "\e9a1"; }
.pi-sort-amount-up-alt:before { content: "\e9a2"; }
.pi-palette:before { content: "\e995"; }
.pi-undo:before { content: "\e994"; }
.pi-desktop:before { content: "\e993"; }
.pi-sliders-v:before { content: "\e991"; }
.pi-sliders-h:before { content: "\e992"; }
.pi-search-plus:before { content: "\e98f"; }
.pi-search-minus:before { content: "\e990"; }
.pi-file-excel:before { content: "\e98e"; }
.pi-file-pdf:before { content: "\e98d"; }
.pi-check-square:before { content: "\e98c"; }
.pi-chart-line:before { content: "\e98b"; }
.pi-user-edit:before { content: "\e98a"; }
.pi-exclamation-circle:before { content: "\e989"; }
.pi-android:before { content: "\e985"; }
.pi-google:before { content: "\e986"; }
.pi-apple:before { content: "\e987"; }
.pi-microsoft:before { content: "\e988"; }
.pi-heart:before { content: "\e984"; }
.pi-mobile:before { content: "\e982"; }
.pi-tablet:before { content: "\e983"; }
.pi-key:before { content: "\e981"; }
.pi-shopping-cart:before { content: "\e980"; }
.pi-comments:before { content: "\e97e"; }
.pi-comment:before { content: "\e97f"; }
.pi-briefcase:before { content: "\e97d"; }
.pi-bell:before { content: "\e97c"; }
.pi-paperclip:before { content: "\e97b"; }
.pi-share-alt:before { content: "\e97a"; }
.pi-envelope:before { content: "\e979"; }
.pi-volume-down:before { content: "\e976"; }
.pi-volume-up:before { content: "\e977"; }
.pi-volume-off:before { content: "\e978"; }
.pi-eject:before { content: "\e975"; }
.pi-money-bill:before { content: "\e974"; }
.pi-images:before { content: "\e973"; }
.pi-image:before { content: "\e972"; }
.pi-sign-in:before { content: "\e970"; }
.pi-sign-out:before { content: "\e971"; }
.pi-wifi:before { content: "\e96f"; }
.pi-sitemap:before { content: "\e96e"; }
.pi-chart-bar:before { content: "\e96d"; }
.pi-camera:before { content: "\e96c"; }
.pi-dollar:before { content: "\e96b"; }
.pi-lock-open:before { content: "\e96a"; }
.pi-table:before { content: "\e969"; }
.pi-map-marker:before { content: "\e968"; }
.pi-list:before { content: "\e967"; }
.pi-eye-slash:before { content: "\e965"; }
.pi-eye:before { content: "\e966"; }
.pi-folder-open:before { content: "\e964"; }
.pi-folder:before { content: "\e963"; }
.pi-video:before { content: "\e962"; }
.pi-inbox:before { content: "\e961"; }
.pi-lock:before { content: "\e95f"; }
.pi-unlock:before { content: "\e960"; }
.pi-tags:before { content: "\e95d"; }
.pi-tag:before { content: "\e95e"; }
.pi-power-off:before { content: "\e95c"; }
.pi-save:before { content: "\e95b"; }
.pi-question-circle:before { content: "\e959"; }
.pi-question:before { content: "\e95a"; }
.pi-copy:before { content: "\e957"; }
.pi-file:before { content: "\e958"; }
.pi-clone:before { content: "\e955"; }
.pi-calendar-times:before { content: "\e952"; }
.pi-calendar-minus:before { content: "\e953"; }
.pi-calendar-plus:before { content: "\e954"; }
.pi-ellipsis-v:before { content: "\e950"; }
.pi-ellipsis-h:before { content: "\e951"; }
.pi-bookmark:before { content: "\e94e"; }
.pi-globe:before { content: "\e94f"; }
.pi-replay:before { content: "\e94d"; }
.pi-filter:before { content: "\e94c"; }
.pi-print:before { content: "\e94b"; }
.pi-align-right:before { content: "\e946"; }
.pi-align-left:before { content: "\e947"; }
.pi-align-center:before { content: "\e948"; }
.pi-align-justify:before { content: "\e949"; }
.pi-cog:before { content: "\e94a"; }
.pi-cloud-download:before { content: "\e943"; }
.pi-cloud-upload:before { content: "\e944"; }
.pi-cloud:before { content: "\e945"; }
.pi-pencil:before { content: "\e942"; }
.pi-users:before { content: "\e941"; }
.pi-clock:before { content: "\e940"; }
.pi-user-minus:before { content: "\e93e"; }
.pi-user-plus:before { content: "\e93f"; }
.pi-trash:before { content: "\e93d"; }
.pi-external-link:before { content: "\e93c"; }
.pi-window-maximize:before { content: "\e93b"; }
.pi-window-minimize:before { content: "\e93a"; }
.pi-refresh:before { content: "\e938"; }
.pi-user:before { content: "\e939"; }
.pi-exclamation-triangle:before { content: "\e922"; }
.pi-calendar:before { content: "\e927"; }
.pi-chevron-circle-left:before { content: "\e928"; }
.pi-chevron-circle-down:before { content: "\e929"; }
.pi-chevron-circle-right:before { content: "\e92a"; }
.pi-chevron-circle-up:before { content: "\e92b"; }
.pi-angle-double-down:before { content: "\e92c"; }
.pi-angle-double-left:before { content: "\e92d"; }
.pi-angle-double-right:before { content: "\e92e"; }
.pi-angle-double-up:before { content: "\e92f"; }
.pi-angle-down:before { content: "\e930"; }
.pi-angle-left:before { content: "\e931"; }
.pi-angle-right:before { content: "\e932"; }
.pi-angle-up:before { content: "\e933"; }
.pi-upload:before { content: "\e934"; }
.pi-download:before { content: "\e956"; }
.pi-ban:before { content: "\e935"; }
.pi-star-fill:before { content: "\e936"; }
.pi-star:before { content: "\e937"; }
.pi-chevron-left:before { content: "\e900"; }
.pi-chevron-right:before { content: "\e901"; }
.pi-chevron-down:before { content: "\e902"; }
.pi-chevron-up:before { content: "\e903"; }
.pi-caret-left:before { content: "\e904"; }
.pi-caret-right:before { content: "\e905"; }
.pi-caret-down:before { content: "\e906"; }
.pi-caret-up:before { content: "\e907"; }
.pi-search:before { content: "\e908"; }
.pi-check:before { content: "\e909"; }
.pi-check-circle:before { content: "\e90a"; }
.pi-times:before { content: "\e90b"; }
.pi-times-circle:before { content: "\e90c"; }
.pi-plus:before { content: "\e90d"; }
.pi-plus-circle:before { content: "\e90e"; }
.pi-minus:before { content: "\e90f"; }
.pi-minus-circle:before { content: "\e910"; }
.pi-circle-on:before { content: "\e911"; }
.pi-circle-off:before { content: "\e912"; }
.pi-sort-down:before { content: "\e913"; } 
.pi-sort-up:before { content: "\e914"; }
.pi-sort:before { content: "\e915"; }
.pi-step-backward:before { content: "\e916"; }
.pi-step-forward:before { content: "\e917"; }
.pi-th-large:before { content: "\e918"; }
.pi-arrow-down:before { content: "\e919"; }
.pi-arrow-left:before { content: "\e91a"; }
.pi-arrow-right:before { content: "\e91b"; }
.pi-arrow-up:before { content: "\e91c"; }
.pi-bars:before { content: "\e91d"; }
.pi-arrow-circle-down:before { content: "\e91e"; }
.pi-arrow-circle-left:before { content: "\e91f"; }
.pi-arrow-circle-right:before { content: "\e920"; }
.pi-arrow-circle-up:before { content: "\e921"; }
.pi-info:before { content: "\e923"; }
.pi-info-circle:before { content: "\e924"; }
.pi-home:before { content: "\e925"; }
.pi-spinner:before { content: "\e926"; }

@charset "UTF-8";

/*!
1. Bootstrap CSS
2. Font awesome CSS
3. Feather icon CSS
4. Dropzone CSS
5. Sweetalert2 CSS
6. Chartist CSS
7. Template CSS
7.1 Reset CSS
7.2 Sidebar CSS
7.3 Buttons CSS
7.4 Label CSS
7.5 Buttons CSS
7.6 Form CSS
7.7 Card CSS
7.8 Pagination CSS
7.9 Property CSS
7.10 Map CSS
7.11 Slick CSS
7.12 Loader CSS
7.13 Customizer CSS
7.14 Admin pages CSS
7.15 Inner pages CSS
8. Admin Responsive CSS

*/

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #c0392b;
    --bs-orange: #fd7e14;
    --bs-yellow: #fe9365;
    --bs-green: #0ac282;
    --bs-teal: #20c997;
    --bs-cyan: #2dcee3;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #0ac282;
    --bs-info: #2dcee3;
    --bs-warning: #fe9365;
    --bs-danger: #c0392b;
    --bs-light: #f8f9fa;
    --bs-dark: #000000;
    --bs-heading-color: #1d233b;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

.questionaire-box {
    position: relative;
}

    .questionaire-box .sectionnumber {
        position: absolute;
        background: #2f4050;
        left: 18px !important;
        min-width: 20px;
        text-align: center;
        color: #fff;
        border-radius: 5px 0px 0px 5px;
        box-shadow: 0px 0px 0px 4px #fff;
    }

    .questionaire-box .sectionmain {
        background: #f6f6f6;
        padding: 15px 10px 15px 35px !important;
    }

        .questionaire-box .sectionmain.admin-question {
            padding-left: 15px !important;
        }

    .questionaire-box .admin-question .sectionnumber {
        position: relative !important;
        float: left;
        width: auto !important;
        left: auto !important;
        margin-right: 10px;
    }

.admin-question .input-group {
    padding-top: 5px;
}

.questionaire-box .sub-section {
    padding: 10px 10px 3px 10px !important;
    margin-bottom: 18px !important;
    border-radius: 5px;
    cursor: all-scroll;
    background: #fff;
    box-shadow: 0px 1px 1px 1px #d7d7d7;
}

    .questionaire-box .sub-section:hover {
        opacity: .9;
    }

.questionaire-box .qans {
    margin-left: 10px;
}

    .questionaire-box .qans .qansmain {
        border-left: 3px solid #41b2f9;
        margin-bottom: 20px;
        background-color: #f7f6ee;
        padding: 4px 10px 4px 10px;
    }

        .questionaire-box .qans .qansmain .input-group {
            background: rgba(255, 255, 255, .4);
            padding: 10px;
            min-height: 40px;
        }

        .questionaire-box .qans .qansmain .qst-panel {
        }

.page-body-wrapper .vue-dynamic-select .placeholder {
    cursor: default !important;
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    word-break: normal;
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}

    hr:not([size]) {
        height: 1px;
    }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1, .h1 {
    font-size: calc(1.35rem + 1.5vw);
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.25rem;
    }
}

h2, .h2 {
    font-size: calc(1.3rem + 0.9vw);
}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 1.75rem;
    }
}

h3, .h3 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.5rem;
    }
}

h4, .h4 {
    font-size: calc(1.25rem + 0.3vw);
}

@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.25rem;
    }
}

h5, .h5 {
    font-size: 18px;
}

h6, .h6 {
    font-size: 14px;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

input, select, textarea {
    color: #495057 !important;
    border: 1px solid #ccc !important;
}

abbr[title],
abbr[data-bs-original-title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol, ul {
    padding-left: 2rem;
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol, ul ul, ol ul, ul ol {
        margin-bottom: 0;
    }

dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b, strong {
    font-weight: bolder;
}

small, .small {
    font-size: 0.875em;
}

mark, .mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

sub, sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #0d6efd;
    text-decoration: none !important;
    cursor: pointer;
}

    a:hover {
        color: #01dbdf;
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
    }

pre, code, kbd, samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr /* rtl:ignore */;
    unicode-bidi: bidi-override;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
    }

code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #000000;
    border-radius: 0.2rem;
}

    kbd kbd {
        padding: 0;
        font-size: 1em;
        font-weight: 700;
    }

figure {
    margin: 0 0 1rem;
}

img, svg {
    vertical-align: middle;
}

table {
    caption-side: bottom;
    border-collapse: collapse;
}

caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6c757d;
    text-align: left;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

    button:focus:not(:focus-visible) {
        outline: 0;
    }

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button, select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

    select:disabled {
        opacity: 1;
    }

[list]::-webkit-calendar-picker-indicator {
    display: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

    button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
        cursor: pointer;
    }

::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

textarea {
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
}

input:-webkit-autofill {
    background-color: #ffffff !important;
    background-image: none !important;
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem;
    }
}

legend + * {
    clear: left;
}

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
    padding: 0;
}

::-webkit-inner-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}

::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
    padding: 0;
}

::file-selector-button {
    font: inherit;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

iframe {
    border: 0;
}

summary {
    display: list-item;
    cursor: pointer;
}

progress {
    vertical-align: baseline;
}

[hidden] {
    display: none !important;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem;
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem;
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-3 {
        font-size: 4rem;
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem;
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem;
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem;
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

    .list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
    }

.initialism {
    font-size: 0.875em;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

    .blockquote > :last-child {
        margin-bottom: 0;
    }

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.875em;
    color: #6c757d;
}

    .blockquote-footer::before {
        content: "\2014\00A0";
    }

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 0.875em;
    color: #6c757d;
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    width: 100%; /*  padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem);*/
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-left: auto;
}

.page-body-wrapper .custom-scrollbar .user-profile {
    display: none;
}

.bottom-nav {
    display: none;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }

.col {
    flex: 1 0 0%;
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.33333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.66667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.66667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.66667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.66667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.66667%;
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.66667%;
    }
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

.g-0, .gx-0 {
    --bs-gutter-x: 0;
}

.g-0, .gy-0 {
    --bs-gutter-y: 0;
}

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem;
}

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem;
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem;
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem;
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem;
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem;
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem;
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem;
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem;
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0;
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0;
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 768px) {
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0;
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0;
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem;
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem;
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem;
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 992px) {
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0;
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0;
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1200px) {
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-xl-2 {
        margin-left: 16.66667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .offset-xl-5 {
        margin-left: 41.66667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .offset-xl-8 {
        margin-left: 66.66667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .offset-xl-11 {
        margin-left: 91.66667%;
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0;
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0;
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1400px) {
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.33333%;
    }

    .offset-xxl-2 {
        margin-left: 16.66667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.33333%;
    }

    .offset-xxl-5 {
        margin-left: 41.66667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.33333%;
    }

    .offset-xxl-8 {
        margin-left: 66.66667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.33333%;
    }

    .offset-xxl-11 {
        margin-left: 91.66667%;
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0;
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0;
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #000000;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #000000;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #000000;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #000000;
    vertical-align: top;
    border-color: #dee2e6;
}

    .table > :not(caption) > * > * {
        padding: 0.7rem 0.5rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }

    .table > tbody {
        vertical-align: inherit;
    }

    .table > thead {
        vertical-align: bottom;
    }

    .table > :not(:last-child) > :last-child > * {
        border-bottom-color: currentColor;
    }

.caption-top {
    caption-side: top;
}

.table-sm > :not(caption) > * > * {
    padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0;
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 1px;
    }

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
}

.table-primary {
    --bs-table-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6;
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce;
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd0c7;
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3;
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9;
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc2c4;
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1;
}

.table-dark {
    --bs-table-bg: #000000;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e;
}

.payment-table .p-datatable-table tr td .authorimg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

    .payment-table .p-datatable-table tr td .authorimg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.swapdetailsbx label {
    font-weight: bold;
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .form-items-title {
        padding-top: 15px !important;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.form-label {
    margin-bottom: 0.5rem;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
}

.form-text {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #6c757d;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 1px solid #ccc !important;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control[type="file"] {
    overflow: hidden;
}

    .form-control[type="file"]:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

.form-control:focus {
    color: #000000;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled, .form-control[readonly], .disable-Control {
    background-color: #f9f9f9 !important;
    opacity: 1;
}

.form-control::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
    color: #000000;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3;
}

.form-control::-webkit-file-upload-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
    color: #000000;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #000000;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm {
    min-height: calc(1.5em + (0.5rem + 2px));
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

    .form-control-sm::file-selector-button {
        padding: 0.25rem 0.5rem;
        margin: -0.25rem -0.5rem;
        -webkit-margin-end: 0.5rem;
        margin-inline-end: 0.5rem;
    }

    .form-control-sm::-webkit-file-upload-button {
        padding: 0.25rem 0.5rem;
        margin: -0.25rem -0.5rem;
        -webkit-margin-end: 0.5rem;
        margin-inline-end: 0.5rem;
    }

.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px));
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}

    .form-control-lg::file-selector-button {
        padding: 0.5rem 1rem;
        margin: -0.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem;
    }

    .form-control-lg::-webkit-file-upload-button {
        padding: 0.5rem 1rem;
        margin: -0.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem;
    }

textarea.form-control {
    min-height: calc(1.5em + (0.75rem + 2px));
}

textarea.form-control-sm {
    min-height: calc(1.5em + (0.5rem + 2px));
}

textarea.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px));
}

.form-control-color {
    max-width: 3rem;
    height: auto;
    padding: 0.375rem;
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

    .form-control-color::-moz-color-swatch {
        height: 1.5em;
        border-radius: 0.25rem;
    }

    .form-control-color::-webkit-color-swatch {
        height: 1.5em;
        border-radius: 0.25rem;
    }

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none;
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
}

.form-select:disabled {
    background-color: #e9ecef;
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000000;
}

.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em;
    }

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

    .form-check-input[type="checkbox"] {
        border-radius: 0.25em;
    }

    .form-check-input[type="radio"] {
        border-radius: 50%;
    }

    .form-check-input:active {
        filter: brightness(90%);
    }

    .form-check-input:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .form-check-input:checked {
        background-color: #945e00;
        border-color: #945e00 !important;
    }

        .form-check-input:checked[type="checkbox"] {
            background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10l3 3l6-6%27/%3e%3c/svg%3e");
        }

        .form-check-input:checked[type="radio"] {
            background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e");
        }

    .form-check-input[type="checkbox"]:indeterminate {
        background-color: #0d6efd;
        border-color: #0d6efd;
        background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e");
    }

    .form-check-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: 0.5;
    }

        .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
            opacity: 0.5;
        }

.form-switch {
    padding-left: 2.5em;
}

    .form-switch .form-check-input {
        width: 2em;
        margin-left: -2.5em;
        background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");
        background-position: left center;
        border-radius: 2em;
        transition: background-position 0.15s ease-in-out;
    }


@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none;
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

    .btn-check[disabled] + .btn,
    .btn-check:disabled + .btn {
        pointer-events: none;
        filter: none;
        opacity: 0.65;
    }

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .form-range:focus {
        outline: 0;
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }

    .form-range::-moz-focus-outer {
        border: 0;
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #0d6efd;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        appearance: none;
    }

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe;
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe;
}

.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.form-range:disabled {
    pointer-events: none;
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: #adb5bd;
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: #adb5bd;
    }

.form-floating {
    position: relative;
}

    .form-floating > .form-control,
    .form-floating > .form-select {
        height: calc(3.5rem + 2px);
        line-height: 1.25;
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 1rem 0.75rem;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none;
    }
}

.form-floating > .form-control {
    padding: 1rem 0.75rem;
}

    .form-floating > .form-control::-moz-placeholder {
        color: transparent;
    }

    .form-floating > .form-control::placeholder {
        color: transparent;
    }

    .form-floating > .form-control:not(:-moz-placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

    .form-floating > .form-control:focus,
    .form-floating > .form-control:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

    .form-floating > .form-control:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

    .input-group > .form-control,
    .input-group > .form-select {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
    }

        .input-group > .form-control:focus,
        .input-group > .form-select:focus {
            z-index: 3;
        }

    .input-group .btn {
        position: relative;
        z-index: 2;
    }

        .input-group .btn:focus {
            z-index: 3;
        }

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #1d233b;
    border: 1px solid #1d233b;
    border-radius: 0.25rem;
    height: auto !important;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 5px;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 5px;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
    padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #0ac282;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(25, 135, 84, 0.9);
    border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #0ac282;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:valid:focus,
    .form-control.is-valid:focus {
        border-color: #0ac282;
        box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
    }

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: #0ac282;
}

    .was-validated .form-select:valid:not([multiple]):not([size]),
    .was-validated .form-select:valid:not([multiple])[size="1"],
    .form-select.is-valid:not([multiple]):not([size]),
    .form-select.is-valid:not([multiple])[size="1"] {
        padding-right: 4.125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
        background-position: right 0.75rem center, center right 2.25rem;
        background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

    .was-validated .form-select:valid:focus,
    .form-select.is-valid:focus {
        border-color: #0ac282;
        box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
    }

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: #0ac282;
}

    .was-validated .form-check-input:valid:checked,
    .form-check-input.is-valid:checked {
        background-color: #0ac282;
    }

    .was-validated .form-check-input:valid:focus,
    .form-check-input.is-valid:focus {
        box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
    }

    .was-validated .form-check-input:valid ~ .form-check-label,
    .form-check-input.is-valid ~ .form-check-label {
        color: #0ac282;
    }

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em;
}

.was-validated .input-group .form-control:valid,
.input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
    z-index: 1;
}

    .was-validated .input-group .form-control:valid:focus,
    .input-group .form-control.is-valid:focus,
    .was-validated .input-group .form-select:valid:focus,
    .input-group .form-select.is-valid:focus {
        z-index: 3;
    }

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #c0392b;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #c0392b;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: #c0392b;
}

    .was-validated .form-select:invalid:not([multiple]):not([size]),
    .was-validated .form-select:invalid:not([multiple])[size="1"],
    .form-select.is-invalid:not([multiple]):not([size]),
    .form-select.is-invalid:not([multiple])[size="1"] {
        padding-right: 4.125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
        background-position: right 0.75rem center, center right 2.25rem;
        background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

    .was-validated .form-select:invalid:focus,
    .form-select.is-invalid:focus {
        border-color: #c0392b;
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
    }

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: #c0392b;
}

    .was-validated .form-check-input:invalid:checked,
    .form-check-input.is-invalid:checked {
        background-color: #c0392b;
    }

    .was-validated .form-check-input:invalid:focus,
    .form-check-input.is-invalid:focus {
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
    }

    .was-validated .form-check-input:invalid ~ .form-check-label,
    .form-check-input.is-invalid ~ .form-check-label {
        color: #c0392b;
    }

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em;
}

.was-validated .input-group .form-control:invalid,
.input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
    z-index: 2;
}

    .was-validated .input-group .form-control:invalid:focus,
    .input-group .form-control.is-invalid:focus,
    .was-validated .input-group .form-select:invalid:focus,
    .input-group .form-select.is-invalid:focus {
        z-index: 3;
    }

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 5px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #000000;
}

.btn-check:focus + .btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
}

.btn-primary {
    color: #fff;
    background-color: #16a085;
    border-color: #16a085;
}
    /*.btn-primary:hover { color: #fff; background-color: #01dbdf; border-color: #01dbdf; }*/
    .btn-primary:hover {
        background: var(--theme-default7) !important;
        color: #fff !important;
        border-color: var(--theme-default7) !important;
    }

    .btn-check:focus + .btn-primary, .btn-primary:focus {
        color: #fff;
        background-color: #01dbdf;
        border-color: #01dbdf;
        box-shadow: 0 0 0 0.25rem rgba(1, 219, 223, 0.5);
    }

    .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #01dbdf;
        border-color: #01dbdf;
    }

        .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(1, 219, 223, 0.5);
        }

    .btn-primary:disabled, .btn-primary.disabled {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5c636a;
        border-color: #565e64;
    }

    .btn-check:focus + .btn-secondary, .btn-secondary:focus {
        color: #fff;
        background-color: #5c636a;
        border-color: #565e64;
        box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
    }

    .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #565e64;
        border-color: #51585e;
    }

        .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
        }

    .btn-secondary:disabled, .btn-secondary.disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

.btn-success {
    color: #fff;
    background-color: #026b46;
    border-color: #026b46;
}

    .btn-success:hover {
        color: #fff;
        background-color: #0df3a3;
        border-color: #0df3a3;
    }

    .btn-check:focus + .btn-success, .btn-success:focus {
        color: #fff;
        background-color: #0df3a3;
        border-color: #0df3a3;
        box-shadow: 0 0 0 0.25rem rgba(10, 194, 130, 0.5);
    }

    .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #0df3a3;
        border-color: #13653f;
    }

        .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(10, 194, 130, 0.5);
        }

    .btn-success:disabled, .btn-success.disabled {
        color: #fff;
        background-color: #0ac282;
        border-color: #0ac282;
    }

.btn-info {
    color: #ffffff;
    background-color: #2dcee3;
    border-color: #2dcee3;
}

    .btn-info:hover {
        color: #ffffff;
        background-color: #5ad9e9;
        border-color: #5ad9e9;
    }

    .btn-check:focus + .btn-info, .btn-info:focus {
        color: #000;
        background-color: #5ad9e9;
        border-color: #5ad9e9;
        box-shadow: 0 0 0 0.25rem rgba(45, 206, 227, 0.5);
    }

    .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
        color: #000;
        background-color: #3dd5f3;
        border-color: #5ad9e9;
    }

        .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(45, 206, 227, 0.5);
        }

    .btn-info:disabled, .btn-info.disabled {
        color: #000;
        background-color: #2dcee3;
        border-color: #2dcee3;
    }

.btn-warning {
    color: #000;
    background-color: #fe9365;
    border-color: #fe9365;
}

    .btn-warning:hover {
        color: #000;
        background-color: #feb798;
        border-color: #feb798;
    }

    .btn-check:focus + .btn-warning, .btn-warning:focus {
        color: #000;
        background-color: #feb798;
        border-color: #feb798;
        box-shadow: 0 0 0 0.25rem rgba(257, 147, 101, 0.5);
    }

    .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
        color: #000;
        background-color: #ffcd39;
        border-color: #feb798;
    }

        .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(257, 147, 101, 0.5);
        }

    .btn-warning:disabled, .btn-warning.disabled {
        color: #000;
        background-color: #fe9365;
        border-color: #fe9365;
    }

.btn-danger {
    color: #fff;
    background-color: #c0392b;
    border-color: #c0392b;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #fe909d;
        border-color: #fe909d;
    }

    .btn-check:focus + .btn-danger, .btn-danger:focus {
        color: #fff;
        background-color: #fe909d;
        border-color: #fe909d;
        box-shadow: 0 0 0 0.25rem rgba(253, 93, 112, 0.5);
    }

    .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #fe909d;
        border-color: #a52834;
    }

        .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(253, 93, 112, 0.5);
        }

    .btn-danger:disabled, .btn-danger.disabled {
        color: #fff;
        background-color: #c0392b;
        border-color: #c0392b;
    }

.pickuptime {
    color: #000;
    background-color: #ffffff;
    border: 1px solid #989898;
    padding: 6px 14px 6px 14px;
}

.key-clr {
    color: #0db0af;
    font-weight: 500;
}

.cart-clr {
    color: #e46625;
    font-weight: 500;
}

.booking-d-slide {
    margin: 0 0 0 10px;
    background: #d5d5d5;
    padding: 30px 7px;
    color: #5f5f5f !important;
}


.avatar-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #b4915b;
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    float: left;
}

.p-delayed {
    color: #000;
    background-color: #fce2df;
    border: 1px solid #e56030;
    padding: 6px 8px 6px 8px;
    font-weight: 500;
}

.btn-light {
    color: #000;
    background-color: #ffffff;
    border-color: #c2c1c0;
}

    .btn-light:hover {
        color: #000;
        background-color: #e6e6e6;
        border-color: #f9fafb;
    }

    .btn-check:focus + .btn-light, .btn-light:focus {
        color: #000;
        background-color: #f9fafb;
        border-color: #f9fafb;
        box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
    }

    .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
        color: #000;
        background-color: #f9fafb;
        border-color: #f9fafb;
    }

        .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
        }

    .btn-light:disabled, .btn-light.disabled {
        color: #000;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

.btn-dark {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #546686;
        border-color: #546686;
    }

    .btn-check:focus + .btn-dark, .btn-dark:focus {
        color: #fff;
        background-color: #546686;
        border-color: #546686;
        box-shadow: 0 0 0 0.25rem rgba(64, 78, 103, 0.5);
    }

    .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #546686;
        border-color: #191c1f;
    }

        .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(64, 78, 103, 0.5);
        }

    .btn-dark:disabled, .btn-dark.disabled {
        color: #fff;
        background-color: #000000;
        border-color: #000000;
    }

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    .btn-check:focus + .btn-outline-primary,
    .btn-outline-primary:focus {
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
    }

    .btn-check:checked + .btn-outline-primary,
    .btn-check:active + .btn-outline-primary,
    .btn-outline-primary:active,
    .btn-outline-primary.active,
    .btn-outline-primary.dropdown-toggle.show {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

        .btn-check:checked + .btn-outline-primary:focus,
        .btn-check:active + .btn-outline-primary:focus,
        .btn-outline-primary:active:focus,
        .btn-outline-primary.active:focus,
        .btn-outline-primary.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
        }

    .btn-outline-primary:disabled,
    .btn-outline-primary.disabled {
        color: #0d6efd;
        background-color: transparent;
    }

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-check:focus + .btn-outline-secondary,
    .btn-outline-secondary:focus {
        box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
    }

    .btn-check:checked + .btn-outline-secondary,
    .btn-check:active + .btn-outline-secondary,
    .btn-outline-secondary:active,
    .btn-outline-secondary.active,
    .btn-outline-secondary.dropdown-toggle.show {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

        .btn-check:checked + .btn-outline-secondary:focus,
        .btn-check:active + .btn-outline-secondary:focus,
        .btn-outline-secondary:active:focus,
        .btn-outline-secondary.active:focus,
        .btn-outline-secondary.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
        }

    .btn-outline-secondary:disabled,
    .btn-outline-secondary.disabled {
        color: #6c757d;
        background-color: transparent;
    }

.btn-outline-success {
    color: #0ac282;
    border-color: #0ac282;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #0ac282;
        border-color: #0ac282;
    }

    .btn-check:focus + .btn-outline-success,
    .btn-outline-success:focus {
        box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
    }

    .btn-check:checked + .btn-outline-success,
    .btn-check:active + .btn-outline-success,
    .btn-outline-success:active,
    .btn-outline-success.active,
    .btn-outline-success.dropdown-toggle.show {
        color: #fff;
        background-color: #0ac282;
        border-color: #0ac282;
    }

        .btn-check:checked + .btn-outline-success:focus,
        .btn-check:active + .btn-outline-success:focus,
        .btn-outline-success:active:focus,
        .btn-outline-success.active:focus,
        .btn-outline-success.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
        }

    .btn-outline-success:disabled,
    .btn-outline-success.disabled {
        color: #0ac282;
        background-color: transparent;
    }

.btn-outline-info {
    color: #2dcee3;
    border-color: #2dcee3;
}

    .btn-outline-info:hover {
        color: #000;
        background-color: #2dcee3;
        border-color: #2dcee3;
    }

    .btn-check:focus + .btn-outline-info,
    .btn-outline-info:focus {
        box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
    }

    .btn-check:checked + .btn-outline-info,
    .btn-check:active + .btn-outline-info,
    .btn-outline-info:active,
    .btn-outline-info.active,
    .btn-outline-info.dropdown-toggle.show {
        color: #000;
        background-color: #2dcee3;
        border-color: #2dcee3;
    }

        .btn-check:checked + .btn-outline-info:focus,
        .btn-check:active + .btn-outline-info:focus,
        .btn-outline-info:active:focus,
        .btn-outline-info.active:focus,
        .btn-outline-info.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
        }

    .btn-outline-info:disabled,
    .btn-outline-info.disabled {
        color: #2dcee3;
        background-color: transparent;
    }

.btn-outline-warning {
    color: #fe9365;
    border-color: #fe9365;
}

    .btn-outline-warning:hover {
        color: #000;
        background-color: #fe9365;
        border-color: #fe9365;
    }

    .btn-check:focus + .btn-outline-warning,
    .btn-outline-warning:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-warning,
    .btn-check:active + .btn-outline-warning,
    .btn-outline-warning:active,
    .btn-outline-warning.active,
    .btn-outline-warning.dropdown-toggle.show {
        color: #000;
        background-color: #fe9365;
        border-color: #fe9365;
    }

        .btn-check:checked + .btn-outline-warning:focus,
        .btn-check:active + .btn-outline-warning:focus,
        .btn-outline-warning:active:focus,
        .btn-outline-warning.active:focus,
        .btn-outline-warning.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-warning:disabled,
    .btn-outline-warning.disabled {
        color: #fe9365;
        background-color: transparent;
    }

.btn-outline-danger {
    color: #c0392b;
    border-color: #c0392b;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #c0392b;
        border-color: #c0392b;
    }

    .btn-check:focus + .btn-outline-danger,
    .btn-outline-danger:focus {
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
    }

    .btn-check:checked + .btn-outline-danger,
    .btn-check:active + .btn-outline-danger,
    .btn-outline-danger:active,
    .btn-outline-danger.active,
    .btn-outline-danger.dropdown-toggle.show {
        color: #fff;
        background-color: #c0392b;
        border-color: #c0392b;
    }

        .btn-check:checked + .btn-outline-danger:focus,
        .btn-check:active + .btn-outline-danger:focus,
        .btn-outline-danger:active:focus,
        .btn-outline-danger.active:focus,
        .btn-outline-danger.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
        }

    .btn-outline-danger:disabled,
    .btn-outline-danger.disabled {
        color: #c0392b;
        background-color: transparent;
    }

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-outline-light:hover {
        color: #000;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-check:focus + .btn-outline-light,
    .btn-outline-light:focus {
        box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
    }

    .btn-check:checked + .btn-outline-light,
    .btn-check:active + .btn-outline-light,
    .btn-outline-light:active,
    .btn-outline-light.active,
    .btn-outline-light.dropdown-toggle.show {
        color: #000;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

        .btn-check:checked + .btn-outline-light:focus,
        .btn-check:active + .btn-outline-light:focus,
        .btn-outline-light:active:focus,
        .btn-outline-light.active:focus,
        .btn-outline-light.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
        }

    .btn-outline-light:disabled,
    .btn-outline-light.disabled {
        color: #f8f9fa;
        background-color: transparent;
    }

.btn-outline-dark {
    color: #000000;
    border-color: #000000;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #000000;
        border-color: #000000;
    }

    .btn-check:focus + .btn-outline-dark,
    .btn-outline-dark:focus {
        box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
    }

    .btn-check:checked + .btn-outline-dark,
    .btn-check:active + .btn-outline-dark,
    .btn-outline-dark:active,
    .btn-outline-dark.active,
    .btn-outline-dark.dropdown-toggle.show {
        color: #fff;
        background-color: #000000;
        border-color: #000000;
    }

        .btn-check:checked + .btn-outline-dark:focus,
        .btn-check:active + .btn-outline-dark:focus,
        .btn-outline-dark:active:focus,
        .btn-outline-dark.active:focus,
        .btn-outline-dark.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
        }

    .btn-outline-dark:disabled,
    .btn-outline-dark.disabled {
        color: #000000;
        background-color: transparent;
    }

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline;
}

    .btn-link:hover {
        color: #01dbdf;
    }

    .btn-link:disabled,
    .btn-link.disabled {
        color: #6c757d;
    }

.btn-lg,
.btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 5px;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 5px;
}

.fade {
    transition: opacity 0.15s linear;
}

.avatar-info {
    width: calc(100% - 43px);
    float: left;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .dropdown-toggle:empty::after {
        margin-left: 0;
    }

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #000000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: 0.125rem;
    }

.dropdown-menu-start {
    --bs-position: start;
}

    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

.dropdown-menu-end {
    --bs-position: end;
}

    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto;
    }

.cart-tile { /*
background: #f5f5f5;*/
    padding: 0 15px;
}

.booking-id {
    font-size: 20px !important;
}


@media (max-width:1201px) {

    .card-header {
        padding: 12px !important;
    }

    .card-body {
        padding: 12px !important;
    }

    .cart-tile {
        padding: 0 10px;
    }

    .booking-id {
        font-size: 14px !important;
    }

    .p-delayed {
        font-size: 11px;
    }
}




@media (max-width:1030px) {
    .cart-tile .col-md-5 {
        /*width: 40.66667%;*/
        width: 100%;
        padding-top: 15px;
    }

    .cart-tile .col-md-3 {
        width: 24%;
    }

    .booking-id {
        font-size: 14px !important;
    }

    .card-header.text-white {
        display: block !important;
    }

    .cart-tile .col-md-3.dash-boookingTime {
        position: relative !important;
        width: calc(100% - 46px) !important;
    }

    .dash-boookingTime .key-clr {
        position: absolute;
        top: 0px;
        right: 0px;
        margin: 0px !important;
    }
}

@media (max-width:1023px) {



    .booking-id {
        font-size: 18px !important;
    }

    .avatar-info {
        float: none;
    }
}

@media (max-width:1025px) {

    a.fs-7 {
        font-size: 14px !important;
    }

    .avatar-info {
        width: 100%;
    }

    small.text-left {
        font-size: 17px;
    }

    .booking-d-slide {
        margin: 0 0 0 5px;
    }

    span.p-delayed {
        font-size: 12px;
    }

    .card-header .btn {
        padding: 8px 10px 7px !important;
    }

    .card .card-header {
        padding: 10px !important;
    }

    .card .card-body {
        padding: 10px !important;
    }

    .p-delayed {
        padding: 6px 8px 6px 8px;
    }

    .container.mt-2 {
        margin-top: 0px;
    }

    .card-header.text-white {
        display: flex !important;
    }

    #cart-pickupBox {
        margin-bottom: 20px;
    }
}

@media (max-width:767px) {

    .card .card-body .col-md-3 {
        width: 30%;
    }

    .card .card-body .col-md-5 {
        width: 70%;
    }

    .key-clr {
        float: right;
    }

        .key-clr.mt-4 {
            margin: 0 !important;
        }

    .page-wrapper .page-main-header .p-dropdown {
        width: auto !important;
    }

        .page-wrapper .page-main-header .p-dropdown .p-dropdown-label, .p-dropdown-item-label {
            text-indent: -99999px;
        }
}

@media (max-width: 430px) {

    .card .card-body .col-md-3, .card .card-body .col-md-5, .card .card-body .col-md-4 {
        width: 100%;
    }

    .card .card-body .col-md-5 {
        margin: 25px 0 5px 0;
    }

    .card-header.d-flex {
        display: block !important;
    }

    .user-profile .media-body {
        display: none;
    }

    .card .card-body .col-md-5.dash-boookingAvatar {
        margin-top: 0px;
    }

    .top_bar .change-pic {
        margin-right: 0px !important;
    }
}

@media (max-width: 380px) {

    .card .card-body .col-md-3 {
        width: 100%;
    }
}


@media (max-width: 373px) {
    .card-header .btn {
        padding: 8px 10px 7px !important;
    }

    span#pv_id_2 {
        width: 100% !important;
        margin: 8px 0 0 0;
    }
}

@media (max-width:1022px) {

    .ipad-dashboard .col-md-6 {
        width: 100%;
    }
}






@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start;
    }

        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-sm-end {
        --bs-position: end;
    }

        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start;
    }

        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-md-end {
        --bs-position: end;
    }

        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start;
    }

        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-lg-end {
        --bs-position: end;
    }

        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start;
    }

        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-xl-end {
        --bs-position: end;
    }

        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start;
    }

        .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-xxl-end {
        --bs-position: end;
    }

        .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-toggle::after {
    vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropstart .dropdown-toggle::after {
    display: none;
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #000000;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover,
    .dropdown-item:focus {
        color: #1e2125;
        background-color: #e9ecef;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #0d6efd;
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: #adb5bd;
        pointer-events: none;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1rem;
    color: #000000;
}

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: rgba(0, 0, 0, 0.15);
}

    .dropdown-menu-dark .dropdown-item {
        color: #dee2e6;
    }

        .dropdown-menu-dark .dropdown-item:hover,
        .dropdown-menu-dark .dropdown-item:focus {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.15);
        }

        .dropdown-menu-dark .dropdown-item.active,
        .dropdown-menu-dark .dropdown-item:active {
            color: #fff;
            background-color: #0d6efd;
        }

        .dropdown-menu-dark .dropdown-item.disabled,
        .dropdown-menu-dark .dropdown-item:disabled {
            color: #adb5bd;
        }

    .dropdown-menu-dark .dropdown-divider {
        border-color: rgba(0, 0, 0, 0.15);
    }

    .dropdown-menu-dark .dropdown-item-text {
        color: #dee2e6;
    }

    .dropdown-menu-dark .dropdown-header {
        color: #adb5bd;
    }

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        flex: 1 1 auto;
    }

        .btn-group > .btn-check:checked + .btn,
        .btn-group > .btn-check:focus + .btn,
        .btn-group > .btn:hover,
        .btn-group > .btn:focus,
        .btn-group > .btn:active,
        .btn-group > .btn.active,
        .btn-group-vertical > .btn-check:checked + .btn,
        .btn-group-vertical > .btn-check:focus + .btn,
        .btn-group-vertical > .btn:hover,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 1;
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

    .dropdown-toggle-split::after,
    .dropup .dropdown-toggle-split::after,
    .dropend .dropdown-toggle-split::after {
        margin-left: 0;
    }

.dropstart .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .btn-group-vertical > .btn,
    .btn-group-vertical > .btn-group {
        width: 100%;
    }

        .btn-group-vertical > .btn:not(:first-child),
        .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: -1px;
        }

        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical > .btn-group:not(:last-child) > .btn {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .btn-group-vertical > .btn ~ .btn,
        .btn-group-vertical > .btn-group:not(:first-child) > .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

.nav-link:hover,
.nav-link:focus {
    color: #01dbdf;
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        background: none;
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .nav-tabs .nav-link:hover,
        .nav-tabs .nav-link:focus {
            border-color: #e9ecef #e9ecef #dee2e6;
            isolation: isolate;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 0.25rem;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #0d6efd;
    }

.nav-fill > .nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

    .nav-fill .nav-item .nav-link,
    .nav-justified .nav-item .nav-link {
        width: 100%;
    }

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

    .navbar > .container,
    .navbar > .container-fluid,
    .navbar > .container-sm,
    .navbar > .container-md,
    .navbar > .container-lg,
    .navbar > .container-xl,
    .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
    }

.navbar-brand {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
    }

.navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none;
    }
}

.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.25rem;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xxl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none;
        }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}

    .navbar-expand .navbar-nav {
        flex-direction: row;
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

    .navbar-light .navbar-brand:hover,
    .navbar-light .navbar-brand:focus {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.55);
}

    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.55);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.55);
}

    .navbar-light .navbar-text a,
    .navbar-light .navbar-text a:hover,
    .navbar-light .navbar-text a:focus {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-dark .navbar-brand {
    color: #fff;
}

    .navbar-dark .navbar-brand:hover,
    .navbar-dark .navbar-brand:focus {
        color: #fff;
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.55);
}

    .navbar-dark .navbar-nav .nav-link:hover,
    .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-dark .navbar-nav .show > .nav-link,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #fff;
    }

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.55);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.55);
}

    .navbar-dark .navbar-text a,
    .navbar-dark .navbar-text a:hover,
    .navbar-dark .navbar-text a:focus {
        color: #fff;
    }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit;
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: calc(0.25rem - 1px);
            border-top-right-radius: calc(0.25rem - 1px);
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: calc(0.25rem - 1px);
            border-bottom-left-radius: calc(0.25rem - 1px);
        }

        .card > .card-header + .list-group,
        .card > .list-group + .card-footer {
            border-top: 0;
        }

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}

.card-title {
    margin-bottom: 0.5rem;
}

.card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1rem;
}

.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

    .card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    }

.card-footer {
    padding: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

    .card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
    }

.card-header-tabs {
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-group > .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group > .card:not(:last-child) .card-img-top,
                .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0;
                }

                .card-group > .card:not(:last-child) .card-img-bottom,
                .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0;
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group > .card:not(:first-child) .card-img-top,
                .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0;
                }

                .card-group > .card:not(:first-child) .card-img-bottom,
                .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0;
                }
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #000000;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}

.accordion-button:not(.collapsed) {
    color: #fff !important;
    background-color: #1d233b;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%230c63e4%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
        transform: rotate(-180deg);
        filter: brightness(0) invert(1);
    }

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23212529%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none;
    }
}

.accordion-button:hover {
    z-index: 2;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .accordion-item:first-of-type {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: calc(0.25rem - 1px);
            border-top-right-radius: calc(0.25rem - 1px);
        }

    .accordion-item:not(:first-of-type) {
        border-top: 0;
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-right-radius: calc(0.25rem - 1px);
            border-bottom-left-radius: calc(0.25rem - 1px);
        }

        .accordion-item:last-of-type .accordion-collapse {
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem;
        }

.accordion-body {
    padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
    border-width: 0;
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

    .accordion-flush .accordion-item:first-child {
        border-top: 0;
    }

    .accordion-flush .accordion-item:last-child {
        border-bottom: 0;
    }

    .accordion-flush .accordion-item .accordion-button {
        border-radius: 0;
    }

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: 0.5rem;
        color: #6c757d;
        content: "/";
    }

.breadcrumb-item.active {
    color: #6c757d;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none;
    }
}

.page-link:hover {
    z-index: 2;
    color: #01dbdf;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    color: #01dbdf;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-link {
    padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 3rem;
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.25rem 1rem;
    }

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}

    .alert-primary .alert-link {
        color: #06357a;
    }

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}

    .alert-secondary .alert-link {
        color: #34383c;
    }

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

    .alert-success .alert-link {
        color: #0c4128;
    }

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}

    .alert-info .alert-link {
        color: #04414d;
    }

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

    .alert-warning .alert-link {
        color: #523e02;
    }

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

    .alert-danger .alert-link {
        color: #6a1a21;
    }

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

    .alert-light .alert-link {
        color: #4f5050;
    }

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf;
}

    .alert-dark .alert-link {
        color: #101214;
    }

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section;
}

    .list-group-numbered > li::before {
        content: counters(section, ".") ". ";
        counter-increment: section;
    }

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

    .list-group-item-action:hover,
    .list-group-item-action:focus {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .list-group-item-action:active {
        color: #000000;
        background-color: #e9ecef;
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #000000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit;
    }

    .list-group-item.disabled,
    .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff;
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    .list-group-item + .list-group-item {
        border-top-width: 0;
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px;
        }

.list-group-horizontal {
    flex-direction: row;
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px;
        }

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }

        .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }

        .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }

        .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }

        .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row;
    }

        .list-group-horizontal-xxl > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-xxl > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-xxl > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-xxl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

.list-group-flush {
    border-radius: 0;
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px;
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0;
        }

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff;
}

    .list-group-item-primary.list-group-item-action:hover,
    .list-group-item-primary.list-group-item-action:focus {
        color: #084298;
        background-color: #bacbe6;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #084298;
        border-color: #084298;
    }

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5;
}

    .list-group-item-secondary.list-group-item-action:hover,
    .list-group-item-secondary.list-group-item-action:focus {
        color: #41464b;
        background-color: #cbccce;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #41464b;
        border-color: #41464b;
    }

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd;
}

    .list-group-item-success.list-group-item-action:hover,
    .list-group-item-success.list-group-item-action:focus {
        color: #0f5132;
        background-color: #bcd0c7;
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #0f5132;
        border-color: #0f5132;
    }

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc;
}

    .list-group-item-info.list-group-item-action:hover,
    .list-group-item-info.list-group-item-action:focus {
        color: #055160;
        background-color: #badce3;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #055160;
        border-color: #055160;
    }

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd;
}

    .list-group-item-warning.list-group-item-action:hover,
    .list-group-item-warning.list-group-item-action:focus {
        color: #664d03;
        background-color: #e6dbb9;
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #664d03;
        border-color: #664d03;
    }

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da;
}

    .list-group-item-danger.list-group-item-action:hover,
    .list-group-item-danger.list-group-item-action:focus {
        color: #842029;
        background-color: #dfc2c4;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #842029;
        border-color: #842029;
    }

.list-group-item-light {
    color: #636464;
    background-color: #fefefe;
}

    .list-group-item-light.list-group-item-action:hover,
    .list-group-item-light.list-group-item-action:focus {
        color: #636464;
        background-color: #e5e5e5;
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #636464;
        border-color: #636464;
    }

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4;
}

    .list-group-item-dark.list-group-item-action:hover,
    .list-group-item-dark.list-group-item-action:focus {
        color: #141619;
        background-color: #bebebf;
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #141619;
        border-color: #141619;
    }

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z%27/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}

    .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: 0.75;
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        opacity: 1;
    }

    .btn-close:disabled,
    .btn-close.disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: 0.25;
    }

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: 0.875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

    .toast:not(.showing):not(.show) {
        opacity: 0;
    }

    .toast.hide {
        display: none;
    }

.toast-container {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none;
}

    .toast-container > :not(:last-child) {
        margin-bottom: 0.75rem;
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

    .toast-header .btn-close {
        margin-right: -0.375rem;
        margin-left: 0.75rem;
    }

.toast-body {
    padding: 0.75rem;
    word-wrap: break-word;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .modal-header .btn-close {
        padding: 0.5rem 0.5rem;
        margin: -0.5rem -0.5rem -0.5rem auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

    .modal-footer > * {
        margin: 0.25rem;
    }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen .modal-footer {
        border-radius: 0;
    }

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-sm-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-sm-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-md-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-xxl-down .modal-footer {
            border-radius: 0;
        }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip .tooltip-arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^="top"] {
    padding: 0.4rem 0;
}

    .bs-tooltip-top .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
        bottom: 0;
    }

        .bs-tooltip-top .tooltip-arrow::before,
        .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
            top: -1px;
            border-width: 0.4rem 0.4rem 0;
            border-top-color: #000;
        }

.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^="right"] {
    padding: 0 0.4rem;
}

    .bs-tooltip-end .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-end .tooltip-arrow::before,
        .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
            right: -1px;
            border-width: 0.4rem 0.4rem 0.4rem 0;
            border-right-color: #000;
        }

.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^="bottom"] {
    padding: 0.4rem 0;
}

    .bs-tooltip-bottom .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
        top: 0;
    }

        .bs-tooltip-bottom .tooltip-arrow::before,
        .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
            bottom: -1px;
            border-width: 0 0.4rem 0.4rem;
            border-bottom-color: #000;
        }

.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^="left"] {
    padding: 0 0.4rem;
}

    .bs-tooltip-start .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-start .tooltip-arrow::before,
        .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
            left: -1px;
            border-width: 0.4rem 0 0.4rem 0.4rem;
            border-left-color: #000;
        }

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0 /* rtl:ignore */
    ;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

    .popover .popover-arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: 0.5rem;
    }

        .popover .popover-arrow::before,
        .popover .popover-arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
    bottom: calc(-0.5rem - 1px);
}

    .bs-popover-top > .popover-arrow::before,
    .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
        bottom: 0;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-top > .popover-arrow::after,
    .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
        bottom: 1px;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: #fff;
    }

.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}

    .bs-popover-end > .popover-arrow::before,
    .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
        left: 0;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-end > .popover-arrow::after,
    .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
        left: 1px;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: #fff;
    }

.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
    top: calc(-0.5rem - 1px);
}

    .bs-popover-bottom > .popover-arrow::before,
    .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
        top: 0;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-bottom > .popover-arrow::after,
    .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
        top: 1px;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: #fff;
    }

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}

    .bs-popover-start > .popover-arrow::before,
    .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
        right: 0;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-start > .popover-arrow::after,
    .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
        right: 1px;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: #fff;
    }

.popover-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .popover-header:empty {
        display: none;
    }

.popover-body {
    padding: 1rem 1rem;
    color: #000000;
}

.carousel {
    position: relative;
}

    .carousel.pointer-event {
        touch-action: pan-y;
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}


    /* rtl:begin:ignore */

    .carousel-item-next:not(.carousel-item-start),
    .active.carousel-item-end {
        transform: translateX(100%);
    }

    .carousel-item-prev:not(.carousel-item-end),
    .active.carousel-item-start {
        transform: translateX(-100%);
    }


/* rtl:end:ignore */

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-start,
    .carousel-fade .carousel-item-prev.carousel-item-end {
        z-index: 1;
        opacity: 1;
    }

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}


/* rtl:options: {
"autoRename": true,
"stringMap":[ {
"name"    : "prev-next",
"search"  : "prev",
"replace" : "next"
} ]
} */

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z%27/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 0.5;
        transition: opacity 0.6s ease;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000;
}

.carousel-dark .carousel-caption {
    color: #000;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg) /* rtl:ignore */
        ;
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s;
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none;
    }
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
}

    .offcanvas-header .btn-close {
        padding: 0.5rem 0.5rem;
        margin-top: -0.5rem;
        margin-right: -0.5rem;
        margin-bottom: -0.5rem;
    }

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto;
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateX(100%);
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateY(-100%);
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateY(100%);
}

.offcanvas.show {
    transform: none;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.link-primary {
    color: #0d6efd;
}

    .link-primary:hover,
    .link-primary:focus {
        color: #01dbdf;
    }

.link-secondary {
    color: #6c757d;
}

    .link-secondary:hover,
    .link-secondary:focus {
        color: #565e64;
    }

.link-success {
    color: #0ac282;
}

    .link-success:hover,
    .link-success:focus {
        color: #0df3a3;
    }

.link-info {
    color: #2dcee3;
}

    .link-info:hover,
    .link-info:focus {
        color: #3dd5f3;
    }

.link-warning {
    color: #fe9365;
}

    .link-warning:hover,
    .link-warning:focus {
        color: #ffcd39;
    }

.link-danger {
    color: #c0392b;
}

    .link-danger:hover,
    .link-danger:focus {
        color: #fe909d;
    }

.link-light {
    color: #f8f9fa;
}

    .link-light:hover,
    .link-light:focus {
        color: #f9fafb;
    }

.link-dark {
    color: #000000;
}

    .link-dark:hover,
    .link-dark:focus {
        color: #546686;
    }

.ratio {
    position: relative;
    width: 100%;
}

    .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: "";
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.float-none {
    float: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.top-0 {
    top: 0 !important;
}

.top-50 {
    top: 50% !important;
}

.top-100 {
    top: 100% !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-50 {
    bottom: 50% !important;
}

.bottom-100 {
    bottom: 100% !important;
}

.start-0 {
    left: 0 !important;
}

.start-50 {
    left: 50% !important;
}

.start-100 {
    left: 100% !important;
}

.end-0 {
    right: 0 !important;
}

.end-50 {
    right: 50% !important;
}

.end-100 {
    right: 100% !important;
}

.translate-middle {
    transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
    transform: translateX(-50%) !important;
}

.translate-middle-y {
    transform: translateY(-50%) !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-end {
    border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
    border-right: 0 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-start {
    border-left: 1px solid #dee2e6 !important;
}

.border-start-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #0d6efd !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #0ac282 !important;
}

.border-info {
    border-color: #2dcee3 !important;
}

.border-warning {
    border-color: #fe9365 !important;
}

.border-danger {
    border-color: #c0392b !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #000000 !important;
}

.border-white {
    border-color: #fff !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mh-100 {
    max-height: 100% !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-09 {
    margin-left: 92rem !important
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
    font-size: 1.25rem !important;
}

.fs-6 {
    font-size: 1rem !important;
}

.fs-7 {
    font-size: 1.25rem !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-bolder {
    font-weight: bolder !important;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-sm {
    line-height: 1.25 !important;
}

.lh-base {
    line-height: 1.5 !important;
}

.lh-lg {
    line-height: 2 !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}


/* rtl:begin:remove */

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}


/* rtl:end:remove */

.text-primary {
    color: #0d6efd !important;
}

.text-secondary {
    color: #6c757d !important;
}

.text-success {
    color: #0ac282 !important;
}

.text-info {
    color: #2dcee3 !important;
}

.text-warning {
    color: #fe9365 !important;
}

.text-danger {
    color: #c0392b !important;
}

.text-light {
    color: #f8f9fa !important;
}

.text-dark {
    color: #000000 !important;
}

.text-white {
    color: #fff !important;
}

.text-body {
    color: #000000 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    color: inherit !important;
}

.bg-primary {
    background-color: #0d6efd !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: #0ac282 !important;
}

.bg-info {
    background-color: #2dcee3 !important;
}

.bg-warning {
    background-color: #fe9365 !important;
}

.bg-danger {
    background-color: #c0392b !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-dark {
    background-color: #000000 !important;
}

.bg-body {
    background-color: #fff !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-gradient {
    background-image: var(--bs-gradient) !important;
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important;
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important;
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}

.pe-none {
    pointer-events: none !important;
}

.pe-auto {
    pointer-events: auto !important;
}

/*.rounded {
border-radius: 3px !important;
}*/

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: 0.2rem !important;
}

.rounded-2 {
    border-radius: 0.25rem !important;
}

.rounded-3 {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
    white-space: nowrap;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-end {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important;
    }

    .float-sm-end {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-grid {
        display: grid !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }

    .d-sm-none {
        display: none !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-sm-0 {
        gap: 0 !important;
    }

    .gap-sm-1 {
        gap: 0.25rem !important;
    }

    .gap-sm-2 {
        gap: 0.5rem !important;
    }

    .gap-sm-3 {
        gap: 1rem !important;
    }

    .gap-sm-4 {
        gap: 1.5rem !important;
    }

    .gap-sm-5 {
        gap: 3rem !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }

    .order-sm-first {
        order: -1 !important;
    }

    .order-sm-0 {
        order: 0 !important;
    }

    .order-sm-1 {
        order: 1 !important;
    }

    .order-sm-2 {
        order: 2 !important;
    }

    .order-sm-3 {
        order: 3 !important;
    }

    .order-sm-4 {
        order: 4 !important;
    }

    .order-sm-5 {
        order: 5 !important;
    }

    .order-sm-last {
        order: 6 !important;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .me-sm-0 {
        margin-right: 0 !important;
    }

    .me-sm-1 {
        margin-right: 0.25rem !important;
    }

    .me-sm-2 {
        margin-right: 0.5rem !important;
    }

    .me-sm-3 {
        margin-right: 1rem !important;
    }

    .me-sm-4 {
        margin-right: 1.5rem !important;
    }

    .me-sm-5 {
        margin-right: 3rem !important;
    }

    .me-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }

    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }

    .ms-sm-3 {
        margin-left: 1rem !important;
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }

    .ms-sm-5 {
        margin-left: 3rem !important;
    }

    .ms-sm-auto {
        margin-left: auto !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pe-sm-0 {
        padding-right: 0 !important;
    }

    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pe-sm-3 {
        padding-right: 1rem !important;
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pe-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .ps-sm-0 {
        padding-left: 0 !important;
    }

    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }

    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }

    .ps-sm-3 {
        padding-left: 1rem !important;
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }

    .ps-sm-5 {
        padding-left: 3rem !important;
    }

    .text-sm-start {
        text-align: left !important;
    }

    .text-sm-end {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important;
    }

    .float-md-end {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-grid {
        display: grid !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .d-md-none {
        display: none !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-md-0 {
        gap: 0 !important;
    }

    .gap-md-1 {
        gap: 0.25rem !important;
    }

    .gap-md-2 {
        gap: 0.5rem !important;
    }

    .gap-md-3 {
        gap: 1rem !important;
    }

    .gap-md-4 {
        gap: 1.5rem !important;
    }

    .gap-md-5 {
        gap: 3rem !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }

    .order-md-first {
        order: -1 !important;
    }

    .order-md-0 {
        order: 0 !important;
    }

    .order-md-1 {
        order: 1 !important;
    }

    .order-md-2 {
        order: 2 !important;
    }

    .order-md-3 {
        order: 3 !important;
    }

    .order-md-4 {
        order: 4 !important;
    }

    .order-md-5 {
        order: 5 !important;
    }

    .order-md-last {
        order: 6 !important;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .me-md-0 {
        margin-right: 0 !important;
    }

    .me-md-1 {
        margin-right: 0.25rem !important;
    }

    .me-md-2 {
        margin-right: 0.5rem !important;
    }

    .me-md-3 {
        margin-right: 1rem !important;
    }

    .me-md-4 {
        margin-right: 1.5rem !important;
    }

    .me-md-5 {
        margin-right: 3rem !important;
    }

    .me-md-auto {
        margin-right: auto !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-0 {
        margin-left: 0 !important;
    }

    .ms-md-1 {
        margin-left: 0.25rem !important;
    }

    .ms-md-2 {
        margin-left: 0.5rem !important;
    }

    .ms-md-3 {
        margin-left: 1rem !important;
    }

    .ms-md-4 {
        margin-left: 1.5rem !important;
    }

    .ms-md-5 {
        margin-left: 3rem !important;
    }

    .ms-md-auto {
        margin-left: auto !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pe-md-0 {
        padding-right: 0 !important;
    }

    .pe-md-1 {
        padding-right: 0.25rem !important;
    }

    .pe-md-2 {
        padding-right: 0.5rem !important;
    }

    .pe-md-3 {
        padding-right: 1rem !important;
    }

    .pe-md-4 {
        padding-right: 1.5rem !important;
    }

    .pe-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .ps-md-0 {
        padding-left: 0 !important;
    }

    .ps-md-1 {
        padding-left: 0.25rem !important;
    }

    .ps-md-2 {
        padding-left: 0.5rem !important;
    }

    .ps-md-3 {
        padding-left: 1rem !important;
    }

    .ps-md-4 {
        padding-left: 1.5rem !important;
    }

    .ps-md-5 {
        padding-left: 3rem !important;
    }

    .text-md-start {
        text-align: left !important;
    }

    .text-md-end {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important;
    }

    .float-lg-end {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-grid {
        display: grid !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-lg-0 {
        gap: 0 !important;
    }

    .gap-lg-1 {
        gap: 0.25rem !important;
    }

    .gap-lg-2 {
        gap: 0.5rem !important;
    }

    .gap-lg-3 {
        gap: 1rem !important;
    }

    .gap-lg-4 {
        gap: 1.5rem !important;
    }

    .gap-lg-5 {
        gap: 3rem !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }

    .order-lg-first {
        order: -1 !important;
    }

    .order-lg-0 {
        order: 0 !important;
    }

    .order-lg-1 {
        order: 1 !important;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    .order-lg-3 {
        order: 3 !important;
    }

    .order-lg-4 {
        order: 4 !important;
    }

    .order-lg-5 {
        order: 5 !important;
    }

    .order-lg-last {
        order: 6 !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-1 {
        margin-right: 0.25rem !important;
    }

    .me-lg-2 {
        margin-right: 0.5rem !important;
    }

    .me-lg-3 {
        margin-right: 1rem !important;
    }

    .me-lg-4 {
        margin-right: 1.5rem !important;
    }

    .me-lg-5 {
        margin-right: 3rem !important;
    }

    .me-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-0 {
        margin-left: 0 !important;
    }

    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }

    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }

    .ms-lg-3 {
        margin-left: 1rem !important;
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }

    .ms-lg-5 {
        margin-left: 3rem !important;
    }

    .ms-lg-auto {
        margin-left: auto !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pe-lg-0 {
        padding-right: 0 !important;
    }

    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pe-lg-3 {
        padding-right: 1rem !important;
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pe-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .ps-lg-0 {
        padding-left: 0 !important;
    }

    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }

    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }

    .ps-lg-3 {
        padding-left: 1rem !important;
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }

    .ps-lg-5 {
        padding-left: 3rem !important;
    }

    .text-lg-start {
        text-align: left !important;
    }

    .text-lg-end {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important;
    }

    .float-xl-end {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-grid {
        display: grid !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .d-xl-none {
        display: none !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-xl-0 {
        gap: 0 !important;
    }

    .gap-xl-1 {
        gap: 0.25rem !important;
    }

    .gap-xl-2 {
        gap: 0.5rem !important;
    }

    .gap-xl-3 {
        gap: 1rem !important;
    }

    .gap-xl-4 {
        gap: 1.5rem !important;
    }

    .gap-xl-5 {
        gap: 3rem !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }

    .order-xl-first {
        order: -1 !important;
    }

    .order-xl-0 {
        order: 0 !important;
    }

    .order-xl-1 {
        order: 1 !important;
    }

    .order-xl-2 {
        order: 2 !important;
    }

    .order-xl-3 {
        order: 3 !important;
    }

    .order-xl-4 {
        order: 4 !important;
    }

    .order-xl-5 {
        order: 5 !important;
    }

    .order-xl-last {
        order: 6 !important;
    }

    .m-xl-0 {
        margin: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xl-5 {
        margin-top: 3rem !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .me-xl-0 {
        margin-right: 0 !important;
    }

    .me-xl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xl-3 {
        margin-right: 1rem !important;
    }

    .me-xl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xl-5 {
        margin-right: 3rem !important;
    }

    .me-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ms-xl-0 {
        margin-left: 0 !important;
    }

    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xl-3 {
        margin-left: 1rem !important;
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xl-5 {
        margin-left: 3rem !important;
    }

    .ms-xl-auto {
        margin-left: auto !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xl-5 {
        padding-top: 3rem !important;
    }

    .pe-xl-0 {
        padding-right: 0 !important;
    }

    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xl-3 {
        padding-right: 1rem !important;
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xl-0 {
        padding-left: 0 !important;
    }

    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xl-3 {
        padding-left: 1rem !important;
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xl-5 {
        padding-left: 3rem !important;
    }

    .text-xl-start {
        text-align: left !important;
    }

    .text-xl-end {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important;
    }

    .float-xxl-end {
        float: right !important;
    }

    .float-xxl-none {
        float: none !important;
    }

    .d-xxl-inline {
        display: inline !important;
    }

    .d-xxl-inline-block {
        display: inline-block !important;
    }

    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-grid {
        display: grid !important;
    }

    .d-xxl-table {
        display: table !important;
    }

    .d-xxl-table-row {
        display: table-row !important;
    }

    .d-xxl-table-cell {
        display: table-cell !important;
    }

    .d-xxl-flex {
        display: flex !important;
    }

    .d-xxl-inline-flex {
        display: inline-flex !important;
    }

    .d-xxl-none {
        display: none !important;
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xxl-row {
        flex-direction: row !important;
    }

    .flex-xxl-column {
        flex-direction: column !important;
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-xxl-0 {
        gap: 0 !important;
    }

    .gap-xxl-1 {
        gap: 0.25rem !important;
    }

    .gap-xxl-2 {
        gap: 0.5rem !important;
    }

    .gap-xxl-3 {
        gap: 1rem !important;
    }

    .gap-xxl-4 {
        gap: 1.5rem !important;
    }

    .gap-xxl-5 {
        gap: 3rem !important;
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xxl-center {
        justify-content: center !important;
    }

    .justify-content-xxl-between {
        justify-content: space-between !important;
    }

    .justify-content-xxl-around {
        justify-content: space-around !important;
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xxl-start {
        align-items: flex-start !important;
    }

    .align-items-xxl-end {
        align-items: flex-end !important;
    }

    .align-items-xxl-center {
        align-items: center !important;
    }

    .align-items-xxl-baseline {
        align-items: baseline !important;
    }

    .align-items-xxl-stretch {
        align-items: stretch !important;
    }

    .align-content-xxl-start {
        align-content: flex-start !important;
    }

    .align-content-xxl-end {
        align-content: flex-end !important;
    }

    .align-content-xxl-center {
        align-content: center !important;
    }

    .align-content-xxl-between {
        align-content: space-between !important;
    }

    .align-content-xxl-around {
        align-content: space-around !important;
    }

    .align-content-xxl-stretch {
        align-content: stretch !important;
    }

    .align-self-xxl-auto {
        align-self: auto !important;
    }

    .align-self-xxl-start {
        align-self: flex-start !important;
    }

    .align-self-xxl-end {
        align-self: flex-end !important;
    }

    .align-self-xxl-center {
        align-self: center !important;
    }

    .align-self-xxl-baseline {
        align-self: baseline !important;
    }

    .align-self-xxl-stretch {
        align-self: stretch !important;
    }

    .order-xxl-first {
        order: -1 !important;
    }

    .order-xxl-0 {
        order: 0 !important;
    }

    .order-xxl-1 {
        order: 1 !important;
    }

    .order-xxl-2 {
        order: 2 !important;
    }

    .order-xxl-3 {
        order: 3 !important;
    }

    .order-xxl-4 {
        order: 4 !important;
    }

    .order-xxl-5 {
        order: 5 !important;
    }

    .order-xxl-last {
        order: 6 !important;
    }

    .m-xxl-0 {
        margin: 0 !important;
    }

    .m-xxl-1 {
        margin: 0.25rem !important;
    }

    .m-xxl-2 {
        margin: 0.5rem !important;
    }

    .m-xxl-3 {
        margin: 1rem !important;
    }

    .m-xxl-4 {
        margin: 1.5rem !important;
    }

    .m-xxl-5 {
        margin: 3rem !important;
    }

    .m-xxl-auto {
        margin: auto !important;
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xxl-0 {
        margin-top: 0 !important;
    }

    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xxl-3 {
        margin-top: 1rem !important;
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xxl-5 {
        margin-top: 3rem !important;
    }

    .mt-xxl-auto {
        margin-top: auto !important;
    }

    .me-xxl-0 {
        margin-right: 0 !important;
    }

    .me-xxl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xxl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xxl-3 {
        margin-right: 1rem !important;
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xxl-5 {
        margin-right: 3rem !important;
    }

    .me-xxl-auto {
        margin-right: auto !important;
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xxl-auto {
        margin-bottom: auto !important;
    }

    .ms-xxl-0 {
        margin-left: 0 !important;
    }

    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xxl-3 {
        margin-left: 1rem !important;
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xxl-5 {
        margin-left: 3rem !important;
    }

    .ms-xxl-auto {
        margin-left: auto !important;
    }

    .p-xxl-0 {
        padding: 0 !important;
    }

    .p-xxl-1 {
        padding: 0.25rem !important;
    }

    .p-xxl-2 {
        padding: 0.5rem !important;
    }

    .p-xxl-3 {
        padding: 1rem !important;
    }

    .p-xxl-4 {
        padding: 1.5rem !important;
    }

    .p-xxl-5 {
        padding: 3rem !important;
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xxl-0 {
        padding-top: 0 !important;
    }

    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xxl-3 {
        padding-top: 1rem !important;
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xxl-5 {
        padding-top: 3rem !important;
    }

    .pe-xxl-0 {
        padding-right: 0 !important;
    }

    .pe-xxl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xxl-3 {
        padding-right: 1rem !important;
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xxl-5 {
        padding-right: 3rem !important;
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xxl-0 {
        padding-left: 0 !important;
    }

    .ps-xxl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xxl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xxl-3 {
        padding-left: 1rem !important;
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xxl-5 {
        padding-left: 3rem !important;
    }

    .text-xxl-start {
        text-align: left !important;
    }

    .text-xxl-end {
        text-align: right !important;
    }

    .text-xxl-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important;
    }

    .fs-2 {
        font-size: 2rem !important;
    }

    .fs-3 {
        font-size: 1.75rem !important;
    }

    .fs-4 {
        font-size: 1.5rem !important;
    }
}

@media print {
    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-grid {
        display: grid !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }

    .d-print-none {
        display: none !important;
    }
}


/*!
* Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(/fonts/fa-regular-400.08d4686c.eot);
    src: url(/fonts/fa-regular-400.08d4686c.eot?#iefix) format("embedded-opentype"), url(/fonts/fa-regular-400.5cdb1173.woff2) format("woff2"), url(/fonts/fa-regular-400.1101c81b.woff) format("woff"), url(/fonts/fa-regular-400.edd031bf.ttf) format("truetype"), url(/img/fa-regular-400.59703805.svg#fontawesome) format("svg");
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url(/fonts/fa-brands-400.b51fa483.eot);
    src: url(/fonts/fa-brands-400.b51fa483.eot?#iefix) format("embedded-opentype"), url(/fonts/fa-brands-400.af3d2d02.woff2) format("woff2"), url(/fonts/fa-brands-400.16967702.woff) format("woff"), url(/fonts/fa-brands-400.85125d32.ttf) format("truetype"), url(/img/fa-brands-400.bdd59836.svg#fontawesome) format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}


/*!
* Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(/fonts/fa-solid-900.3a5e383f.eot);
    src: url(/fonts/fa-solid-900.3a5e383f.eot?#iefix) format("embedded-opentype"), url(/fonts/fa-solid-900.91c80f25.woff2) format("woff2"), url(/fonts/fa-solid-900.93de309f.woff) format("woff"), url(/fonts/fa-solid-900.38485764.ttf) format("truetype"), url(/fonts/fa-solid-900.38485764.ttf#fontawesome) format("svg");
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.fa,
.fas,
.far,
.fal,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}


/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-haykal:before {
    content: "\f666";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

button,
hr,
input {
    overflow: visible;
}

audio,
canvas,
progress,
video {
    display: inline-block;
}

progress,
sub,
sup {
    vertical-align: baseline;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

menu,
article,
aside,
details,
footer,
header,
nav,
section {
    display: block;
}

h1,
.h1 {
    font-size: 2em;
    margin: .67em 0;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:active,
    a:hover {
        outline-width: 0;
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

dfn {
    font-style: italic;
}

mark,
.mark {
    background-color: #ff0;
    color: #000;
}

small,
.small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
select {
    text-transform: none;
}

[type=submit],
[type=reset],
button,
html [type=button] {
    -webkit-appearance: button;
}

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: ButtonText dotted 1px;
    }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

textarea {
    overflow: auto;
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

summary {
    display: list-item;
}

[hidden],
template {
    display: none;
}


/* The MIT License */

@keyframes loading {
    0% {
        background-position: 0 -400px;
    }

    100% {
        background-position: -7px -400px;
    }
}

.dropzone {
    box-sizing: border-box;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
    padding: 1em;
    min-height: 360px;
    border-radius: 3px;
}

    .dropzone * {
        box-sizing: border-box;
    }

    .dropzone .dz-message {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    .dropzone .dz-preview {
        background: rgba(255, 255, 255, 0.8);
        position: relative;
        display: inline-block;
        margin: 17px;
        vertical-align: top;
        border: 1px solid #acacac;
        padding: 6px 6px 6px 6px;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
        font-size: 14px;
    }

        .dropzone .dz-preview .dz-details {
            position: absolute;
            top: 10px;
            background-color: #eeeeee;
            width: 50%;
            left: 32px;
            text-align: center;
        }

            .dropzone .dz-preview .dz-details .dz-filename {
                overflow: hidden;
                height: 0;
            }

            .dropzone .dz-preview .dz-details img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100px;
                height: 100px;
            }

        .dropzone .dz-preview:hover .dz-details img {
            display: none;
        }

        .dropzone .dz-preview .dz-success-mark {
            display: none;
            position: absolute;
            width: 40px;
            height: 40px;
            font-size: 30px;
            text-align: center;
            right: -10px;
            top: -10px;
            color: #8cc657;
            display: block;
            opacity: 0;
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            transition: opacity 0.4s ease-in-out;
            background-image: image-url(/cff8abd70aef017b.html);
            background-repeat: no-repeat;
            background-position: -268px -163px;
        }

            .dropzone .dz-preview .dz-success-mark span {
                display: none;
            }

        .dropzone .dz-preview .dz-error-mark {
            display: none;
            position: absolute;
            width: 40px;
            height: 40px;
            font-size: 30px;
            text-align: center;
            right: -10px;
            top: -10px;
            color: #ee162d;
            display: block;
            opacity: 0;
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            transition: opacity 0.4s ease-in-out;
            background-image: image-url(/cff8abd70aef017b.html);
            background-repeat: no-repeat;
            background-position: -268px -123px;
        }

            .dropzone .dz-preview .dz-error-mark span {
                display: none;
            }

        .dropzone .dz-preview .dz-progress {
            position: absolute;
            top: 100px;
            left: 6px;
            right: 6px;
            height: 6px;
            background: #8cc657;
            display: none;
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 0%;
                background-color: #8cc657;
                animation: loading 0.4s linear infinite;
                transition: width 0.3s ease-in-out;
                border-radius: 2px;
                position: absolute;
                top: 0;
                left: 0;
                width: 0%;
                height: 100%;
                background-image: image-url(/cff8abd70aef017b.html);
                background-repeat: repeat-x;
                background-position: 0px -400px;
            }

        .dropzone .dz-preview .dz-error-message {
            display: none;
            position: absolute;
            top: -5px;
            left: -20px;
            background: rgba(245, 245, 245, 0.8);
            padding: 8px 10px;
            color: #ff8c41;
            min-width: 140px;
            max-width: 500px;
            z-index: 500;
            display: block;
            opacity: 0;
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            transition: opacity 0.3s ease-in-out;
        }

        .dropzone .dz-preview:hover.dz-error .dz-error-message {
            display: block;
            opacity: 1;
            -ms-filter: none;
            filter: none;
        }

        .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail] {
            display: none;
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            display: block;
            opacity: 1;
            -ms-filter: none;
            filter: none;
        }

        .dropzone .dz-preview.dz-error .dz-progress .dz-upload {
            background: #8cc657;
        }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            display: block;
            opacity: 1;
            -ms-filter: none;
            filter: none;
        }

        .dropzone .dz-preview.dz-success .dz-progress {
            display: block;
            opacity: 0;
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            transition: opacity 0.4s ease-in-out;
        }

        .dropzone .dz-preview.dz-processing .dz-progress {
            display: block;
        }

    .dropzone .dz-default.dz-message {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        transition: opacity 0.3s ease-in-out;
        background-image: image-url(/cff8abd70aef017b.html);
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        width: 428px;
        height: 123px;
        margin-left: -214px;
        margin-top: -61.5px;
        top: 50%;
        left: 50%;
    }

        .dropzone .dz-default.dz-message span {
            display: none;
        }

    .dropzone .dz-preview.dz-image-preview:hover .dz-details img {
        display: block;
        opacity: 0.1;
        filter: alpha(opacity=10);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    }

.dropzone-previews {
    box-sizing: border-box;
}

    .dropzone-previews * {
        box-sizing: border-box;
    }

    .dropzone-previews .dz-preview {
        background: rgba(255, 255, 255, 0.8);
        position: relative;
        display: inline-block;
        margin: 17px;
        vertical-align: top;
        border: 1px solid #acacac;
        padding: 6px 6px 6px 6px;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
        font-size: 14px;
    }

        .dropzone-previews .dz-preview .dz-details {
            width: 100px;
            height: 100px;
            position: relative;
            background: #ebebeb;
            padding: 5px;
            margin-bottom: 22px;
        }

            .dropzone-previews .dz-preview .dz-details .dz-filename {
                overflow: hidden;
                height: 100%;
            }

            .dropzone-previews .dz-preview .dz-details img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100px;
                height: 100px;
            }

            .dropzone-previews .dz-preview .dz-details .dz-size {
                position: absolute;
                bottom: -28px;
                left: 3px;
                height: 28px;
                line-height: 28px;
            }

        .dropzone-previews .dz-preview:hover .dz-details img {
            display: none;
        }

        .dropzone-previews .dz-preview .dz-success-mark {
            display: none;
            position: absolute;
            width: 40px;
            height: 40px;
            font-size: 30px;
            text-align: center;
            right: -10px;
            top: -10px;
            color: #8cc657;
            display: block;
            opacity: 0;
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            transition: opacity 0.4s ease-in-out;
            background-image: image-url(/cff8abd70aef017b.html);
            background-repeat: no-repeat;
            background-position: -268px -163px;
        }

            .dropzone-previews .dz-preview .dz-success-mark span {
                display: none;
            }

        .dropzone-previews .dz-preview .dz-error-mark {
            display: none;
            position: absolute;
            width: 40px;
            height: 40px;
            font-size: 30px;
            text-align: center;
            right: -10px;
            top: -10px;
            color: #ee162d;
            display: block;
            opacity: 0;
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            transition: opacity 0.4s ease-in-out;
            background-image: image-url(/cff8abd70aef017b.html);
            background-repeat: no-repeat;
            background-position: -268px -123px;
        }

            .dropzone-previews .dz-preview .dz-error-mark span {
                display: none;
            }

        .dropzone-previews .dz-preview .dz-progress {
            position: absolute;
            top: 100px;
            left: 6px;
            right: 6px;
            height: 6px;
            background: #8cc657;
            display: none;
        }

            .dropzone-previews .dz-preview .dz-progress .dz-upload {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 0%;
                background-color: #8cc657;
                animation: loading 0.4s linear infinite;
                transition: width 0.3s ease-in-out;
                border-radius: 2px;
                position: absolute;
                top: 0;
                left: 0;
                width: 0%;
                height: 100%;
                background-image: image-url(/cff8abd70aef017b.html);
                background-repeat: repeat-x;
                background-position: 0px -400px;
            }

        .dropzone-previews .dz-preview .dz-error-message {
            display: none;
            position: absolute;
            top: -5px;
            left: -20px;
            background: rgba(245, 245, 245, 0.8);
            padding: 8px 10px;
            color: #800;
            min-width: 140px;
            max-width: 500px;
            z-index: 500;
            display: block;
            opacity: 0;
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            transition: opacity 0.3s ease-in-out;
        }

        .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
            display: block;
            opacity: 1;
            -ms-filter: none;
            filter: none;
        }

        .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
            display: none;
        }

        .dropzone-previews .dz-preview.dz-error .dz-error-mark {
            display: block;
            opacity: 1;
            -ms-filter: none;
            filter: none;
        }

        .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
            background: #ee1e2d;
        }

        .dropzone-previews .dz-preview.dz-success .dz-success-mark {
            display: block;
            opacity: 1;
            -ms-filter: none;
            filter: none;
        }

        .dropzone-previews .dz-preview.dz-success .dz-progress {
            display: block;
            opacity: 0;
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            transition: opacity 0.4s ease-in-out;
        }

        .dropzone-previews .dz-preview.dz-processing .dz-progress {
            display: block;
        }

        .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
            display: block;
            opacity: 0.1;
            filter: alpha(opacity=10);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        }

.dropzone.dz-clickable {
    cursor: pointer;
    text-align: center;
}

    .dropzone.dz-clickable .dz-message {
        cursor: pointer;
    }

        .dropzone.dz-clickable .dz-message * {
            cursor: default;
        }

        .dropzone.dz-clickable .dz-message .dz-message {
            cursor: pointer;
        }

    .dropzone.dz-clickable * {
        cursor: default;
        border-radius: 5px;
    }

.dropzone.dz-drag-hover {
    border-color: rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.04);
}

    .dropzone.dz-drag-hover .dz-message {
        opacity: 0.15;
        filter: alpha(opacity=15);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    }

.dropzone.dz-started .dz-message {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.dropzone.dz-square .dz-default.dz-message {
    background-position: 0 -123px;
    width: 268px;
    margin-left: -134px;
    height: 174px;
    margin-top: -87px;
}


/*
* The MIT License
* Copyright (c) 2012 Matias Meno <m@tias.me>
*/

.dropzone {
    margin-right: auto;
    margin-left: auto;
    padding: 30px;
    border: 2px dashed #eee;
    border-radius: 15px;
    -o-border-image: none;
    border-image: none;
    background: rgba(149, 149, 149, 0.05);
    box-sizing: border-box;
    min-height: 150px;
    position: relative;
}

    .dropzone * {
        box-sizing: border-box;
    }

    .dropzone i {
        font-size: 50px;
        color: #eee;
    }

    .dropzone .dz-message {
        text-align: center;
        margin: 25px 0;
    }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        margin: 0.5em;
        padding: 0;
        border: none;
        background-color: #eeeeee;
        width: 120px;
        height: 120px;
        box-shadow: 0px 0px 3px #eee;
    }

        .dropzone .dz-preview .dz-progress {
            display: block;
            height: 10px;
            border: 1px solid #24695c;
            left: 12px;
            right: 12px;
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                display: block;
                height: 100%;
                width: 0;
                background: #24695c;
            }

        .dropzone .dz-preview .dz-error-message {
            color: #ff8c41;
            display: none;
            top: 131px;
            left: -12px;
            pointer-events: none;
        }

            .dropzone .dz-preview .dz-error-message:after {
                content: '';
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid rgba(245, 245, 245, 0.8);
            }

        .dropzone .dz-preview.dz-error .dz-error-message,
        .dropzone .dz-preview.dz-error .dz-error-mark {
            display: block;
        }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            display: block;
        }

        .dropzone .dz-preview .dz-error-mark,
        .dropzone .dz-preview .dz-success-mark {
            position: absolute;
            display: none;
            left: 30px;
            top: 30px;
            width: 54px;
            height: 58px;
            left: 50%;
            margin-left: -27px;
        }


/* Slider test*/

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/* Slider */

.slick-loading .slick-list {
    background: #fff url(/img/ajax-loader.3776f1ed.gif) center center no-repeat;
}


/* Icons */

@font-face {
    font-family: "slick";
    src: url("https://themes.pixelstrap.com/sheltos/assets/fonts/slick.eot");
    src: url("https://themes.pixelstrap.com/sheltos/assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("https://themes.pixelstrap.com/sheltos/assets/fonts/slick.woff") format("woff"), url("https://themes.pixelstrap.com/sheltos/assets/fonts/slick.ttf") format("truetype"), url("https://themes.pixelstrap.com/sheltos/assets/fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}


/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent;
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: white;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}


/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: black;
                opacity: 0.25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: black;
            opacity: 0.75;
        }

@keyframes swal2-show {
    0% {
        transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0;
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0;
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em;
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em;
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em;
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0;
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0;
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em;
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em;
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0;
    }

    50% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0;
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15);
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

body.swal2-toast-shown .swal2-container {
    position: fixed;
    background-color: transparent;
}

    body.swal2-toast-shown .swal2-container.swal2-shown {
        background-color: transparent;
    }

    body.swal2-toast-shown .swal2-container.swal2-top {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    body.swal2-toast-shown .swal2-container.swal2-top-end,
    body.swal2-toast-shown .swal2-container.swal2-top-right {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
    }

    body.swal2-toast-shown .swal2-container.swal2-top-start,
    body.swal2-toast-shown .swal2-container.swal2-top-left {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
    }

    body.swal2-toast-shown .swal2-container.swal2-center-start,
    body.swal2-toast-shown .swal2-container.swal2-center-left {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        transform: translateY(-50%);
    }

    body.swal2-toast-shown .swal2-container.swal2-center {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    body.swal2-toast-shown .swal2-container.swal2-center-end,
    body.swal2-toast-shown .swal2-container.swal2-center-right {
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translateY(-50%);
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-start,
    body.swal2-toast-shown .swal2-container.swal2-bottom-left {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-end,
    body.swal2-toast-shown .swal2-container.swal2-bottom-right {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto;
    }

body.swal2-toast-column .swal2-toast {
    flex-direction: column;
    align-items: stretch;
}

    body.swal2-toast-column .swal2-toast .swal2-actions {
        flex: 1;
        align-self: stretch;
        height: 2.2em;
        margin-top: .3125em;
    }

    body.swal2-toast-column .swal2-toast .swal2-loading {
        justify-content: center;
    }

    body.swal2-toast-column .swal2-toast .swal2-input {
        height: 2em;
        margin: .3125em auto;
        font-size: 1em;
    }

    body.swal2-toast-column .swal2-toast .swal2-validation-message {
        font-size: 1em;
    }

.swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: 0.625em;
    box-shadow: 0 0 0.625em #d9d9d9;
    overflow-y: hidden;
}

    .swal2-popup.swal2-toast .swal2-header {
        flex-direction: row;
    }

    .swal2-popup.swal2-toast .swal2-title {
        flex-grow: 1;
        justify-content: flex-start;
        margin: 0 .6em;
        font-size: 1em;
    }

    .swal2-popup.swal2-toast .swal2-footer {
        margin: 0.5em 0 0;
        padding: 0.5em 0 0;
        font-size: 0.8em;
    }

    .swal2-popup.swal2-toast .swal2-close {
        position: initial;
        width: 0.8em;
        height: 0.8em;
        line-height: 0.8;
    }

    .swal2-popup.swal2-toast .swal2-content {
        justify-content: flex-start;
        font-size: 1em;
    }

    .swal2-popup.swal2-toast .swal2-icon {
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0;
    }

    .swal2-popup.swal2-toast .swal2-icon-text {
        font-size: 2em;
        font-weight: bold;
        line-height: 1em;
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em;
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
        top: .875em;
        width: 1.375em;
    }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
            left: .3125em;
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
            right: .3125em;
        }

    .swal2-popup.swal2-toast .swal2-actions {
        height: auto;
        margin: 0 .3125em;
    }

    .swal2-popup.swal2-toast .swal2-styled {
        margin: 0 .3125em;
        padding: .3125em .625em;
        font-size: 1em;
    }

        .swal2-popup.swal2-toast .swal2-styled:focus {
            box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4);
        }

    .swal2-popup.swal2-toast .swal2-success {
        border-color: #a5dc86;
    }

        .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
            position: absolute;
            width: 2em;
            height: 2.8125em;
            transform: rotate(45deg);
            border-radius: 50%;
        }

            .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
                top: -.25em;
                left: -.9375em;
                transform: rotate(-45deg);
                transform-origin: 2em 2em;
                border-radius: 4em 0 0 4em;
            }

            .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
                top: -.25em;
                left: .9375em;
                transform-origin: 0 2em;
                border-radius: 0 4em 4em 0;
            }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
            width: 2em;
            height: 2em;
        }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
            top: 0;
            left: .4375em;
            width: .4375em;
            height: 2.6875em;
        }

        .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
            height: .3125em;
        }

            .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
                top: 1.125em;
                left: .1875em;
                width: .75em;
            }

            .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
                top: .9375em;
                right: .1875em;
                width: 1.375em;
            }

    .swal2-popup.swal2-toast.swal2-show {
        animation: showSweetToast .5s;
    }

    .swal2-popup.swal2-toast.swal2-hide {
        animation: hideSweetToast .2s forwards;
    }

    .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
        animation: animate-toast-success-tip .75s;
    }

    .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
        animation: animate-toast-success-long .75s;
    }

@keyframes showSweetToast {
    0% {
        transform: translateY(-0.625em) rotateZ(2deg);
        opacity: 0;
    }

    33% {
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5;
    }

    66% {
        transform: translateY(0.3125em) rotateZ(2deg);
        opacity: .7;
    }

    100% {
        transform: translateY(0) rotateZ(0);
        opacity: 1;
    }
}

@keyframes hideSweetToast {
    0% {
        opacity: 1;
    }

    33% {
        opacity: .5;
    }

    100% {
        transform: rotateZ(1deg);
        opacity: 0;
    }
}

@keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0;
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0;
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em;
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em;
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em;
    }
}

@keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0;
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0;
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em;
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em;
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden;
}

body.swal2-height-auto {
    height: auto !important;
}

body.swal2-no-backdrop .swal2-shown {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: transparent;
}

    body.swal2-no-backdrop .swal2-shown > .swal2-modal {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-start,
    body.swal2-no-backdrop .swal2-shown.swal2-top-left {
        top: 0;
        left: 0;
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-end,
    body.swal2-no-backdrop .swal2-shown.swal2-top-right {
        top: 0;
        right: 0;
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-start,
    body.swal2-no-backdrop .swal2-shown.swal2-center-left {
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-end,
    body.swal2-no-backdrop .swal2-shown.swal2-center-right {
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-start,
    body.swal2-no-backdrop .swal2-shown.swal2-bottom-left {
        bottom: 0;
        left: 0;
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,
    body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
        right: 0;
        bottom: 0;
    }

.swal2-container {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: transparent;
    z-index: 1060;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

    .swal2-container.swal2-top {
        align-items: flex-start;
    }

    .swal2-container.swal2-top-start,
    .swal2-container.swal2-top-left {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .swal2-container.swal2-top-end,
    .swal2-container.swal2-top-right {
        align-items: flex-start;
        justify-content: flex-end;
    }

    .swal2-container.swal2-center {
        align-items: center;
    }

    .swal2-container.swal2-center-start,
    .swal2-container.swal2-center-left {
        align-items: center;
        justify-content: flex-start;
    }

    .swal2-container.swal2-center-end,
    .swal2-container.swal2-center-right {
        align-items: center;
        justify-content: flex-end;
    }

    .swal2-container.swal2-bottom {
        align-items: flex-end;
    }

    .swal2-container.swal2-bottom-start,
    .swal2-container.swal2-bottom-left {
        align-items: flex-end;
        justify-content: flex-start;
    }

    .swal2-container.swal2-bottom-end,
    .swal2-container.swal2-bottom-right {
        align-items: flex-end;
        justify-content: flex-end;
    }

    .swal2-container.swal2-grow-fullscreen > .swal2-modal {
        display: flex !important;
        flex: 1;
        align-self: stretch;
        justify-content: center;
    }

    .swal2-container.swal2-grow-row > .swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center;
    }

    .swal2-container.swal2-grow-column {
        flex: 1;
        flex-direction: column;
    }

        .swal2-container.swal2-grow-column.swal2-top,
        .swal2-container.swal2-grow-column.swal2-center,
        .swal2-container.swal2-grow-column.swal2-bottom {
            align-items: center;
        }

        .swal2-container.swal2-grow-column.swal2-top-start,
        .swal2-container.swal2-grow-column.swal2-center-start,
        .swal2-container.swal2-grow-column.swal2-bottom-start,
        .swal2-container.swal2-grow-column.swal2-top-left,
        .swal2-container.swal2-grow-column.swal2-center-left,
        .swal2-container.swal2-grow-column.swal2-bottom-left {
            align-items: flex-start;
        }

        .swal2-container.swal2-grow-column.swal2-top-end,
        .swal2-container.swal2-grow-column.swal2-center-end,
        .swal2-container.swal2-grow-column.swal2-bottom-end,
        .swal2-container.swal2-grow-column.swal2-top-right,
        .swal2-container.swal2-grow-column.swal2-center-right,
        .swal2-container.swal2-grow-column.swal2-bottom-right {
            align-items: flex-end;
        }

        .swal2-container.swal2-grow-column > .swal2-modal {
            display: flex !important;
            flex: 1;
            align-content: center;
            justify-content: center;
        }

    .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
        margin: auto;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .swal2-container .swal2-modal {
        margin: 0 !important;
    }
}

.swal2-container.swal2-fade {
    transition: background-color .1s;
}

.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, 0.4);
}

.swal2-popup {
    display: none;
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border-radius: 0.3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    box-sizing: border-box;
}

    .swal2-popup:focus {
        outline: none;
    }

    .swal2-popup.swal2-loading {
        overflow-y: hidden;
    }

    .swal2-popup .swal2-header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .swal2-popup .swal2-title {
        display: block;
        position: relative;
        max-width: 100%;
        margin: 0 0 0.4em;
        padding: 0;
        color: #595959;
        font-size: 1.875em;
        font-weight: 400;
        text-align: center;
        text-transform: none;
        word-wrap: break-word;
    }

    .swal2-popup .swal2-actions {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin: 1.25em auto 0;
        z-index: 1;
    }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
            opacity: .4;
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
            background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
            background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        }

        .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
            width: 2.5em;
            height: 2.5em;
            margin: .46875em;
            padding: 0;
            border: .25em solid transparent;
            border-radius: 100%;
            border-color: transparent;
            background-color: transparent !important;
            color: transparent;
            cursor: default;
            box-sizing: border-box;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
            margin-right: 30px;
            margin-left: 30px;
        }

        .swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-left: 5px;
            border: 3px solid #999999;
            border-radius: 50%;
            border-right-color: transparent;
            box-shadow: 1px 1px 1px #fff;
            content: '';
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        }

    .swal2-popup .swal2-styled {
        margin: .3125em;
        padding: .625em 2em;
        font-weight: 500;
        box-shadow: none;
    }

        .swal2-popup .swal2-styled:not([disabled]) {
            cursor: pointer;
        }

        .swal2-popup .swal2-styled.swal2-confirm {
            border: 0;
            border-radius: 0.25em;
            background: initial;
            background-color: #3085d6;
            color: #fff;
            font-size: 1.0625em;
        }

        .swal2-popup .swal2-styled.swal2-cancel {
            border: 0;
            border-radius: 0.25em;
            background: initial;
            background-color: #aaa;
            color: #fff;
            font-size: 1.0625em;
        }

        .swal2-popup .swal2-styled:focus {
            outline: none;
            box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4);
        }

        .swal2-popup .swal2-styled::-moz-focus-inner {
            border: 0;
        }

    .swal2-popup .swal2-footer {
        justify-content: center;
        margin: 1.25em 0 0;
        padding: 1em 0 0;
        border-top: 1px solid #eee;
        color: #545454;
        font-size: 1em;
    }

    .swal2-popup .swal2-image {
        max-width: 100%;
        margin: 1.25em auto;
    }

    .swal2-popup .swal2-close {
        position: absolute;
        top: 0;
        right: 0;
        justify-content: center;
        width: 1.2em;
        height: 1.2em;
        padding: 0;
        transition: color 0.1s ease-out;
        border: none;
        border-radius: 0;
        outline: initial;
        background: transparent;
        color: #cccccc;
        font-family: serif;
        font-size: 2.5em;
        line-height: 1.2;
        cursor: pointer;
        overflow: hidden;
    }

        .swal2-popup .swal2-close:hover {
            transform: none;
            color: #f27474;
        }

    .swal2-popup > .swal2-input,
    .swal2-popup > .swal2-file,
    .swal2-popup > .swal2-textarea,
    .swal2-popup > .swal2-select,
    .swal2-popup > .swal2-radio,
    .swal2-popup > .swal2-checkbox {
        display: none;
    }

    .swal2-popup .swal2-content {
        justify-content: center;
        margin: 0;
        padding: 0;
        color: #545454;
        font-size: 1.125em;
        font-weight: 300;
        line-height: normal;
        z-index: 1;
        word-wrap: break-word;
    }

    .swal2-popup #swal2-content {
        text-align: center;
    }

    .swal2-popup .swal2-input,
    .swal2-popup .swal2-file,
    .swal2-popup .swal2-textarea,
    .swal2-popup .swal2-select,
    .swal2-popup .swal2-radio,
    .swal2-popup .swal2-checkbox {
        margin: 1em auto;
    }

    .swal2-popup .swal2-input,
    .swal2-popup .swal2-file,
    .swal2-popup .swal2-textarea {
        width: 100%;
        transition: border-color .3s, box-shadow .3s;
        border: 1px solid #d9d9d9;
        border-radius: 0.1875em;
        font-size: 1.125em;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
        box-sizing: border-box;
    }

        .swal2-popup .swal2-input.swal2-inputerror,
        .swal2-popup .swal2-file.swal2-inputerror,
        .swal2-popup .swal2-textarea.swal2-inputerror {
            border-color: #f27474 !important;
            box-shadow: 0 0 2px #f27474 !important;
        }

        .swal2-popup .swal2-input:focus,
        .swal2-popup .swal2-file:focus,
        .swal2-popup .swal2-textarea:focus {
            border: 1px solid #b4dbed;
            outline: none;
            box-shadow: 0 0 3px #c4e6f5;
        }

        .swal2-popup .swal2-input::-moz-placeholder,
        .swal2-popup .swal2-file::-moz-placeholder,
        .swal2-popup .swal2-textarea::-moz-placeholder {
            color: #cccccc;
        }

        .swal2-popup .swal2-input::-moz-placeholder, .swal2-popup .swal2-file::-moz-placeholder, .swal2-popup .swal2-textarea::-moz-placeholder {
            color: #cccccc;
        }

        .swal2-popup .swal2-input::placeholder,
        .swal2-popup .swal2-file::placeholder,
        .swal2-popup .swal2-textarea::placeholder {
            color: #cccccc;
        }

    .swal2-popup .swal2-range input {
        width: 80%;
    }

    .swal2-popup .swal2-range output {
        width: 20%;
        font-weight: 400;
        text-align: center;
    }

    .swal2-popup .swal2-range input,
    .swal2-popup .swal2-range output {
        height: 2.625em;
        margin: 1em auto;
        padding: 0;
        font-size: 1.125em;
        line-height: 2.625em;
    }

    .swal2-popup .swal2-input {
        height: 2.625em;
        padding: 0 0.75em;
    }

        .swal2-popup .swal2-input[type='number'] {
            max-width: 10em;
        }

    .swal2-popup .swal2-file {
        font-size: 1.125em;
    }

    .swal2-popup .swal2-textarea {
        height: 6.75em;
        padding: 0.75em;
    }

    .swal2-popup .swal2-select {
        min-width: 50%;
        max-width: 100%;
        padding: .375em .625em;
        color: #545454;
        font-size: 1.125em;
    }

    .swal2-popup .swal2-radio,
    .swal2-popup .swal2-checkbox {
        align-items: center;
        justify-content: center;
    }

        .swal2-popup .swal2-radio label,
        .swal2-popup .swal2-checkbox label {
            margin: 0 .6em;
            font-size: 1.125em;
        }

        .swal2-popup .swal2-radio input,
        .swal2-popup .swal2-checkbox input {
            margin: 0 .4em;
        }

    .swal2-popup .swal2-validation-message {
        display: none;
        align-items: center;
        justify-content: center;
        padding: 0.625em;
        background: #f0f0f0;
        color: #666666;
        font-size: 1em;
        font-weight: 300;
        overflow: hidden;
    }

        .swal2-popup .swal2-validation-message::before {
            display: inline-block;
            width: 1.5em;
            min-width: 1.5em;
            height: 1.5em;
            margin: 0 .625em;
            border-radius: 50%;
            background-color: #f27474;
            color: #fff;
            font-weight: 400;
            line-height: 1.5em;
            text-align: center;
            content: '!';
            zoom: normal;
        }

@supports (-ms-accelerator: true) {
    .swal2-range input {
        width: 100% !important;
    }

    .swal2-range output {
        display: none;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .swal2-range input {
        width: 100% !important;
    }

    .swal2-range output {
        display: none;
    }
}

@-moz-document url-prefix() {
    .swal2-close:focus {
        outline: 2px solid rgba(50, 100, 150, 0.4);
    }
}

.swal2-icon {
    position: relative;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    zoom: normal;
}

.swal2-icon-text {
    font-size: 3.75em;
}

.swal2-icon.swal2-error {
    border-color: #f27474;
}

    .swal2-icon.swal2-error .swal2-x-mark {
        position: relative;
        flex-grow: 1;
    }

    .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
        display: block;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em;
        height: .3125em;
        border-radius: .125em;
        background-color: #f27474;
    }

        .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
            left: 1.0625em;
            transform: rotate(45deg);
        }

        .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
            right: 1em;
            transform: rotate(-45deg);
        }

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86;
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee;
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd;
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
}

    .swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
        position: absolute;
        width: 3.75em;
        height: 7.5em;
        transform: rotate(45deg);
        border-radius: 50%;
    }

        .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
            top: -.4375em;
            left: -2.0635em;
            transform: rotate(-45deg);
            transform-origin: 3.75em 3.75em;
            border-radius: 7.5em 0 0 7.5em;
        }

        .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
            top: -.6875em;
            left: 1.875em;
            transform: rotate(-45deg);
            transform-origin: 0 3.75em;
            border-radius: 0 7.5em 7.5em 0;
        }

    .swal2-icon.swal2-success .swal2-success-ring {
        position: absolute;
        top: -.25em;
        left: -.25em;
        width: 100%;
        height: 100%;
        border: 0.25em solid rgba(165, 220, 134, 0.3);
        border-radius: 50%;
        z-index: 2;
        box-sizing: content-box;
    }

    .swal2-icon.swal2-success .swal2-success-fix {
        position: absolute;
        top: .5em;
        left: 1.625em;
        width: .4375em;
        height: 5.625em;
        transform: rotate(-45deg);
        z-index: 1;
    }

    .swal2-icon.swal2-success [class^='swal2-success-line'] {
        display: block;
        position: absolute;
        height: .3125em;
        border-radius: .125em;
        background-color: #a5dc86;
        z-index: 2;
    }

        .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
            top: 2.875em;
            left: .875em;
            width: 1.5625em;
            transform: rotate(45deg);
        }

        .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
            top: 2.375em;
            right: .5em;
            width: 2.9375em;
            transform: rotate(-45deg);
        }

.swal2-progresssteps {
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    font-weight: 400;
}

    .swal2-progresssteps li {
        display: inline-block;
        position: relative;
    }

    .swal2-progresssteps .swal2-progresscircle {
        width: 2em;
        height: 2em;
        border-radius: 2em;
        background: #3085d6;
        color: #fff;
        line-height: 2em;
        text-align: center;
        z-index: 20;
    }

        .swal2-progresssteps .swal2-progresscircle:first-child {
            margin-left: 0;
        }

        .swal2-progresssteps .swal2-progresscircle:last-child {
            margin-right: 0;
        }

        .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
            background: #3085d6;
        }

            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
                background: #add8e6;
            }

            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
                background: #add8e6;
            }

    .swal2-progresssteps .swal2-progressline {
        width: 2.5em;
        height: .4em;
        margin: 0 -1px;
        background: #3085d6;
        z-index: 10;
    }

[class^='swal2'] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-show {
    animation: swal2-show 0.3s;
}

    .swal2-show.swal2-noanimation {
        animation: none;
    }

.swal2-hide {
    animation: swal2-hide 0.15s forwards;
}

    .swal2-hide.swal2-noanimation {
        animation: none;
    }

.swal2-rtl .swal2-close {
    right: auto;
    left: 0;
}

.swal2-animate-success-icon .swal2-success-line-tip {
    animation: swal2-animate-success-line-tip 0.75s;
}

.swal2-animate-success-icon .swal2-success-line-long {
    animation: swal2-animate-success-line-long 0.75s;
}

.swal2-animate-success-icon .swal2-success-circular-line-right {
    animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-animate-error-icon {
    animation: swal2-animate-error-icon 0.5s;
}

    .swal2-animate-error-icon .swal2-x-mark {
        animation: swal2-animate-error-x-mark 0.5s;
    }

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important;
    }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] {
            display: none;
        }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
            position: initial !important;
        }
}

.ct-label {
    fill: rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.75rem;
    line-height: 1;
}

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
    display: block;
    display: flex;
}

.ct-chart-pie .ct-label,
.ct-chart-donut .ct-label {
    dominant-baseline: central;
}

.ct-label.ct-horizontal.ct-start {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-label.ct-vertical.ct-start {
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end;
}

.ct-label.ct-vertical.ct-end {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end;
}

.ct-grid {
    stroke: rgba(0, 0, 0, 0.2);
    stroke-width: 1px;
    stroke-dasharray: 2px;
}

.ct-grid-background {
    fill: none;
}

.ct-point {
    stroke-width: 10px;
    stroke-linecap: round;
}

.ct-line {
    fill: none;
    stroke-width: 4px;
}

.ct-area {
    stroke: none;
    fill-opacity: 0.1;
}

.ct-bar {
    fill: none;
    stroke-width: 10px;
}

.ct-slice-donut {
    fill: none;
    stroke-width: 60px;
}

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
    stroke: #ff5c41;
}

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area {
    fill: #ff5c41;
}

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
    stroke: #ff8c41;
}

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area {
    fill: #ff8c41;
}

.ct-series-c .ct-point,
.ct-series-c .ct-line,
.ct-series-c .ct-bar,
.ct-series-c .ct-slice-donut {
    stroke: #5eac12;
}

.ct-series-c .ct-slice-pie,
.ct-series-c .ct-slice-donut-solid,
.ct-series-c .ct-area {
    fill: #5eac12;
}

.ct-series-d .ct-point,
.ct-series-d .ct-line,
.ct-series-d .ct-bar,
.ct-series-d .ct-slice-donut {
    stroke: #f8d62b;
}

.ct-series-d .ct-slice-pie,
.ct-series-d .ct-slice-donut-solid,
.ct-series-d .ct-area {
    fill: #f8d62b;
}

.ct-series-e .ct-point,
.ct-series-e .ct-line,
.ct-series-e .ct-bar,
.ct-series-e .ct-slice-donut {
    stroke: #f8d62b;
}

.ct-series-e .ct-slice-pie,
.ct-series-e .ct-slice-donut-solid,
.ct-series-e .ct-area {
    fill: #f8d62b;
}

.ct-series-f .ct-point,
.ct-series-f .ct-line,
.ct-series-f .ct-bar,
.ct-series-f .ct-slice-donut {
    stroke: #c0392b;
}

.ct-series-f .ct-slice-pie,
.ct-series-f .ct-slice-donut-solid,
.ct-series-f .ct-area {
    fill: #c0392b;
}

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
    stroke: #ff5c41;
}

.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-solid,
.ct-series-g .ct-area {
    fill: #ff5c41;
}

.ct-series-h .ct-point,
.ct-series-h .ct-line,
.ct-series-h .ct-bar,
.ct-series-h .ct-slice-donut {
    stroke: #ff5c41;
}

.ct-series-h .ct-slice-pie,
.ct-series-h .ct-slice-donut-solid,
.ct-series-h .ct-area {
    fill: #ff5c41;
}

.ct-series-i .ct-point,
.ct-series-i .ct-line,
.ct-series-i .ct-bar,
.ct-series-i .ct-slice-donut {
    stroke: #ff5c41;
}

.ct-series-i .ct-slice-pie,
.ct-series-i .ct-slice-donut-solid,
.ct-series-i .ct-area {
    fill: #ff5c41;
}

.ct-series-j .ct-point,
.ct-series-j .ct-line,
.ct-series-j .ct-bar,
.ct-series-j .ct-slice-donut {
    stroke: #ff5c41;
}

.ct-series-j .ct-slice-pie,
.ct-series-j .ct-slice-donut-solid,
.ct-series-j .ct-area {
    fill: #ff5c41;
}

.ct-series-k .ct-point,
.ct-series-k .ct-line,
.ct-series-k .ct-bar,
.ct-series-k .ct-slice-donut {
    stroke: #ff5c41;
}

.ct-series-k .ct-slice-pie,
.ct-series-k .ct-slice-donut-solid,
.ct-series-k .ct-area {
    fill: #ff5c41;
}

.ct-series-l .ct-point,
.ct-series-l .ct-line,
.ct-series-l .ct-bar,
.ct-series-l .ct-slice-donut {
    stroke: #ff5c41;
}

.ct-series-l .ct-slice-pie,
.ct-series-l .ct-slice-donut-solid,
.ct-series-l .ct-area {
    fill: #ff5c41;
}

.ct-series-m .ct-point,
.ct-series-m .ct-line,
.ct-series-m .ct-bar,
.ct-series-m .ct-slice-donut {
    stroke: #ff5c41;
}

.ct-series-m .ct-slice-pie,
.ct-series-m .ct-slice-donut-solid,
.ct-series-m .ct-area {
    fill: #ff5c41;
}

.ct-series-n .ct-point,
.ct-series-n .ct-line,
.ct-series-n .ct-bar,
.ct-series-n .ct-slice-donut {
    stroke: #ff5c41;
}

.ct-series-n .ct-slice-pie,
.ct-series-n .ct-slice-donut-solid,
.ct-series-n .ct-area {
    fill: #ff5c41;
}

.ct-series-o .ct-point,
.ct-series-o .ct-line,
.ct-series-o .ct-bar,
.ct-series-o .ct-slice-donut {
    stroke: #ff5c41;
}

.ct-series-o .ct-slice-pie,
.ct-series-o .ct-slice-donut-solid,
.ct-series-o .ct-area {
    fill: #ff5c41;
}

.ct-square {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-square:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 100%;
    }

    .ct-square:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-square > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-minor-second {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-minor-second:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 93.75%;
    }

    .ct-minor-second:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-minor-second > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-second {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-second:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 88.88889%;
    }

    .ct-major-second:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-major-second > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-minor-third {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-minor-third:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 83.33333%;
    }

    .ct-minor-third:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-minor-third > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-third {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-third:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 80%;
    }

    .ct-major-third:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-major-third > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-perfect-fourth:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 75%;
    }

    .ct-perfect-fourth:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-perfect-fourth > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-perfect-fifth:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 66.66667%;
    }

    .ct-perfect-fifth:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-perfect-fifth > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-minor-sixth:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 62.5%;
    }

    .ct-minor-sixth:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-minor-sixth > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-golden-section {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-golden-section:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 61.8047%;
    }

    .ct-golden-section:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-golden-section > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-sixth {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-sixth:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 60%;
    }

    .ct-major-sixth:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-major-sixth > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-minor-seventh:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 56.25%;
    }

    .ct-minor-seventh:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-minor-seventh > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-seventh {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-seventh:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 53.33333%;
    }

    .ct-major-seventh:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-major-seventh > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-octave {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-octave:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 50%;
    }

    .ct-octave:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-octave > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-tenth {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-tenth:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 40%;
    }

    .ct-major-tenth:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-major-tenth > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-eleventh:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 37.5%;
    }

    .ct-major-eleventh:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-major-eleventh > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-twelfth:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 33.33333%;
    }

    .ct-major-twelfth:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-major-twelfth > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-double-octave {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-double-octave:before {
        display: block;
        float: left;
        content: "";
        width: 0;
        height: 0;
        padding-bottom: 25%;
    }

    .ct-double-octave:after {
        content: "";
        display: table;
        clear: both;
    }

    .ct-double-octave > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

:root {
    --theme-default: #1d233b;
    --theme-default2: #f1582d;
    --theme-gradient1: linear-gradient(to right, var(--theme-default) 0%, var(--theme-default2) 51%, var(--theme-default) 100%);
    --theme-gradient2: linear-gradient(to right, var(--theme-default) 0%, var(--theme-default2) 100%);
    --theme-gradient3: linear-gradient(48deg, var(--theme-default) 0%, var(--theme-default2) 100%);
    --theme-gradient4: linear-gradient(to right, var(--theme-default) 25%, var(--theme-default2) 100%);
    --theme-default3: #0076cc;
    --theme-default4: #0076cc;
    --theme-gradient5: linear-gradient(to right, var(--theme-default3) 0%, var(--theme-default4) 51%, var(--theme-default3) 100%);
    --theme-gradient6: linear-gradient(to right, var(--theme-default3) 0%, var(--theme-default4) 100%);
    --theme-gradient7: linear-gradient(90deg, var(--theme-default3) 25%, var(--theme-default4) 100%);
    --theme-default5: #5eac12;
    --theme-default6: #0076cc;
    --theme-default7: #945e00;
    --theme-gradient8: #122341;
    --theme-gradient9: linear-gradient(90deg, var(--theme-default6) 0%, var(--theme-default7) 100%);
    --theme-default8: #2c2e97;
    --theme-default9: #4b55c4;
    --theme-gradient10: linear-gradient(to right, var(--theme-default8) 0%, var(--theme-default9) 51%, var(--theme-default8) 100%);
    --theme-gradient11: linear-gradient(to right, var(--theme-default8) 0%, var(--theme-default9) 100%);
    --theme-gradient12: linear-gradient(48deg, var(--theme-default8) 0%, var(--theme-default9) 100%);
    --theme-gradient13: linear-gradient(to right, var(--theme-default8) 25%, var(--theme-default9) 100%);
    --theme-default10: #00968a;
    --theme-gradient14: linear-gradient(to right, var(--theme-default11) 0%, var(--theme-default7) 51%, var(--theme-default11) 100%);
    --theme-default11: #bd1015;
    --theme-default12: #e74c3c;
}

.page-wrapper .page-main-header .header-menu .notification-dropdown .media .icon-notification,
.label-heart,
.property-section .property-box .property-image .overlay-property-box,
.property-section .property-box .property-image .overlay-property-box .effect-round,
.property-section .property-box .property-image .overlay-property-box .effect-round1,
.property-section .property-box .property-image .overlay-plus,
.property-section .property-box .property-details .icon-property li .d-flex .property-icon,
.play-bg-image .icon-video,
.modern-dot .slick-dots,
.customizer-links,
.tap-top > div,
.project-widgets .media .widget-icon,
.page-not-found,
.my-gallery .find-cities .citi-overlay,
.offer-section .offer-wrapper .media .offer-icon,
.video-section .play-icon,
.icon-video a,
.agent-social li a,
.agent-section .agent-image .overlay-content ul li a,
.agent-section .our-agent-details ul li .media .icons-square,
.property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon,
.property-wizard .wizard-box .wizard-form-details .complete-details,
.card-payment .payment-card .card-details .valid-detail,
.card-payment .payment-card .edit-card,
.card-payment .payment-card.add-card .card-details {
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow-image .slick-arrow,
.video-section,
.subscribe-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.btn.btn-white span,
.label.label-white .gradient-1 {
    background: var(--theme-gradient2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.customizer-wrap .customizer-contain h6::before,
.customizer-wrap .customizer-contain .h6::before,
.filter-cards .advance-card > h6::before,
.filter-cards .advance-card > .h6::before {
    position: absolute;
    content: '';
    width: 22px;
    height: 2px;
    left: 0;
    bottom: -8px;
}

.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li > a.active::after,
.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li > a:hover::after,
.page-body-wrapper .page-sidebar .main-sidebar .upgrade-box::after,
.page-header .breadcrumb a::after,
.btn.btn-solid::after,
.btn.btn-gradient::after,
.btn.btn-light-bg::after,
.btn.btn-light-bg.color-3:hover::before,
.btn.btn-light-bg.color-7:hover::before,
.btn.btn-dashed:hover::after,
.pagination-tab.nav-tabs .nav-item .nav-link::after,
.property-section .title-3 .pagination li a::after,
.property-section .property-box .property-details .icon-property li .d-flex .property-icon::after,
.property-section .property-box-flat .property-box:hover .property-image .label-white::after,
.property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white::after,
.property-section .list-property .property-box .property-image .overlay-property::after,
.property-section .list-property .property-box:hover .text-center .label-gradient::after,
.dot-gradient .slick-dots li.slick-active button::after,
.arrow-gradient .slick-arrow::after,
.arrow-gradient .slick-arrow:hover::after,
.arrow-gradient .slick-arrow:focus::after,
.bg-primary-light::after,
.tap-top::after,
.pricing-section .pricing-box .price .label.label-light::before,
.pricing-section .pricing-box:hover .price .label-light::after,
.icon-video a::after,
.subscribe-section .video-details .form-group::after,
.agent-section .our-agent-details ul li.with-link .media .icons-square::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/**=====================
Reset css start
==========================**/

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1;
}

.form-group {
    margin-bottom: 16px;
}

label {
    margin-bottom: 4px;
}


/*====== Padding css starts ======*/

.p-0 {
    padding: 0px;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

.p-25 {
    padding: 25px;
}

.p-30 {
    padding: 30px;
}

.p-35 {
    padding: 35px;
}

.p-40 {
    padding: 40px;
}

.p-45 {
    padding: 45px;
}

.p-50 {
    padding: 50px;
}


/*====== Padding css ends ======*/


/*====== Padding-left css starts ======*/

.p-l-0 {
    padding-left: 0px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-25 {
    padding-left: 25px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-l-35 {
    padding-left: 35px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-l-45 {
    padding-left: 45px;
}

.p-l-50 {
    padding-left: 50px;
}


/*====== Padding-left css ends ======*/


/*====== Padding-top css starts ======*/

.p-t-0 {
    padding-top: 0px;
}

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-15 {
    padding-top: 15px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-25 {
    padding-top: 25px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-35 {
    padding-top: 35px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-t-45 {
    padding-top: 45px;
}

.p-t-50 {
    padding-top: 50px;
}


/*====== Padding-top css ends ======*/


/*====== Padding-bottom css starts ======*/

.p-b-0 {
    padding-bottom: 0px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-15 {
    padding-bottom: 15px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-25 {
    padding-bottom: 25px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-b-35 {
    padding-bottom: 35px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-b-45 {
    padding-bottom: 45px;
}

.p-b-50 {
    padding-bottom: 50px;
}


/*====== Padding-bottom css ends ======*/


/*====== Padding-right css starts ======*/

.p-r-0 {
    padding-right: 0px;
}

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-r-25 {
    padding-right: 25px;
}

.p-r-30 {
    padding-right: 30px;
}

.p-r-35 {
    padding-right: 35px;
}

.p-r-40 {
    padding-right: 40px;
}

.p-r-45 {
    padding-right: 45px;
}

.p-r-50 {
    padding-right: 50px;
}


/*====== Padding-right css ends ======*/


/*====== Margin css starts ======*/

.m-0 {
    margin: 0px;
}

.m-5 {
    margin: 5px;
}

.m-10 {
    margin: 10px;
}

.m-15 {
    margin: 15px;
}

.m-20 {
    margin: 20px;
}

.m-25 {
    margin: 25px;
}

.m-30 {
    margin: 30px;
}

.m-35 {
    margin: 35px;
}

.m-40 {
    margin: 40px;
}

.m-45 {
    margin: 45px;
}

.m-50 {
    margin: 50px;
}


/*====== Margin css ends ======*/


/*====== Margin-top css starts ======*/

.m-t-0 {
    margin-top: 0px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-35 {
    margin-top: 35px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-45 {
    margin-top: 45px;
}

.m-t-50 {
    margin-top: 50px;
}


/*====== Margin-top css ends ======*/


/*====== Margin-Bottom css starts ======*/

.m-b-0 {
    margin-bottom: 0px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-35 {
    margin-bottom: 35px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-45 {
    margin-bottom: 45px;
}

.m-b-50 {
    margin-bottom: 50px;
}


/*====== Margin-Bottom css ends ======*/


/*====== Margin-left css starts ======*/

.m-l-0 {
    margin-left: 0px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-25 {
    margin-left: 25px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-l-35 {
    margin-left: 35px;
}

.m-l-40 {
    margin-left: 40px;
}

.m-l-45 {
    margin-left: 45px;
}

.m-l-50 {
    margin-left: 50px;
}


/*====== Margin-left css ends ======*/


/*====== Margin-right css starts ======*/

.m-r-0 {
    margin-right: 0px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-r-35 {
    margin-right: 35px;
}

.m-r-40 {
    margin-right: 40px;
}

.m-r-45 {
    margin-right: 45px;
}

.m-r-50 {
    margin-right: 50px;
}


/*====== Margin-right css ends ======*/


/*====== Image-sizes css starts ======*/

.img-10 {
    width: 10px;
}

.img-20 {
    width: 20px;
}

.img-30 {
    width: 30px;
}

.img-40 {
    width: 40px;
}

.img-50 {
    width: 50px;
}

.img-60 {
    width: 60px;
}

.img-70 {
    width: 70px;
}

.img-80 {
    width: 80px;
}

.img-90 {
    width: 90px;
}

.img-100 {
    width: 100px;
}


/*====== Image-sizes css ends ======*/


/*====== font family css starts ======*/

.font-roboto {
    font-family: Roboto, sans-serif;
}

.font-rubik {
    font-family: Rubik, sans-serif;
}


/*====== font family css end ======*/


/*====== image ratio css starts ======*/

.ratio_36 .bg-size:before {
    padding-top: 36%;
    content: "";
    display: block;
}

.ratio_40 .bg-size:before {
    padding-top: 40%;
    content: "";
    display: block;
}

.ratio_45 .bg-size:before {
    padding-top: 45%;
    content: "";
    display: block;
}

.ratio2_1 .bg-size:before {
    padding-top: 50%;
    content: "";
    display: block;
}

.ratio_55 .bg-size:before {
    padding-top: 55%;
    content: "";
    display: block;
}

.ratio_63 .bg-size:before {
    padding-top: 63%;
    content: "";
    display: block;
}

.ratio_65 .bg-size:before {
    padding-top: 65%;
    content: "";
    display: block;
}

.ratio_70 .bg-size:before {
    padding-top: 70%;
    content: "";
    display: block;
}

.ratio_59 .bg-size:before {
    padding-top: 59%;
    content: "";
    display: block;
}

.ratio2_3 .bg-size:before {
    padding-top: 60%;
    content: "";
    display: block;
}

.ratio3_2 .bg-size:before {
    padding-top: 66.66%;
    content: "";
    display: block;
}

.ratio_90 .bg-size:before {
    padding-top: 93%;
    content: "";
    display: block;
}

.ratio_landscape .bg-size:before {
    padding-top: 75%;
    content: "";
    display: block;
}

.ratio_square .bg-size:before {
    padding-top: 100%;
    content: "";
    display: block;
}

.ratio_asos .bg-size:before {
    padding-top: 127.7777778%;
    content: "";
    display: block;
}

.ratio_portrait .bg-size:before {
    padding-top: 150%;
    content: "";
    display: block;
}

.ratio1_2 .bg-size:before {
    padding-top: 200%;
    content: "";
    display: block;
}


/*====== image ratio css ends ======*/


/**=====================
Reset css end
==========================**/


/**=====================
sidebar css start
==========================**/

.onhover-show-div {
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    right: 0;
}

.onhover-dropdown.profile-menu .onhover-show-div {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}

    .onhover-dropdown.profile-menu .onhover-show-div:before {
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ffffff;
        content: "";
        top: -7px;
        position: absolute;
        right: 10px;
        z-index: 2;
    }

    .onhover-dropdown.profile-menu .onhover-show-div:after {
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #d2d2d2;
        content: "";
        top: -7px;
        position: absolute;
        right: 10px;
        z-index: 1;
    }

.chartist-tooltip {
    position: absolute;
    opacity: 0;
}

    .chartist-tooltip .chartist-tooltip-value {
        font-size: 10px;
        padding: 5px;
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 4px;
    }

    .chartist-tooltip.tooltip-show {
        opacity: 1;
    }

.p-dropdown .p-dropdown-trigger {
    width: 20px !important;
}

.p-dropdown .p-dropdown-clear-icon {
    color: #c0392b;
    right: 2.357rem;
    font-size: 14px;
}

.page-wrapper .page-main-header {
    background-color: #ffffff;
    height: 70px;
    position: fixed;
    top: 0;
    z-index: 8;
    box-shadow: 0 0 11px rgba(0,0,0,.13);
    width: calc(100% - 250px);
    display: flex;
    align-items: center;
    margin-left: 250px;
    transition: 0.5s;
    padding: 0 30px;
}

    .page-wrapper .page-main-header span.for-icon {
        width: 40px;
        height: 40px;
        display: inline-flex;
        /* border: 1px solid #e4e4e4;*/
        align-content: center;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        color: #fff;
        background: #945e00;
    }

    .page-wrapper .page-main-header #mobile-theme-change span.for-icon {
        background: #fff;
    }

    .page-wrapper .page-main-header span.for-icon i {
        margin: 0px;
        float: none;
        font-size: 18px;
    }

.p-dropdown-panel .p-dropdown-items .p-dropdown-item[aria-label="Spanish"], .p-dropdown-panel .p-dropdown-items .p-dropdown-item[aria-label="English"] {
    position: relative;
    padding-left: 50px;
}

    .p-dropdown-panel .p-dropdown-items .p-dropdown-item[aria-label="Spanish"]::before {
        content: "";
        position: absolute;
        width: 33px;
        height: 19px;
        background-size: 33px 19px;
        top: 9px;
        left: 13px;
        background-repeat: no-repeat;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA5CAYAAAAiLpUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTQ4ZDk2MjQtMjUzYy0yNjQ4LTlkYTctMjIyYTNkOWM1ZDU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUxMjIzMDhDOTAzOTExRUVBQjI5RTQyQ0Q5MDM0QzIyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUxMjIzMDhCOTAzOTExRUVBQjI5RTQyQ0Q5MDM0QzIyIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4xIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0OGQ5NjI0LTI1M2MtMjY0OC05ZGE3LTIyMmEzZDljNWQ1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDhkOTYyNC0yNTNjLTI2NDgtOWRhNy0yMjJhM2Q5YzVkNTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6LDn5bAAAKS0lEQVR42uyce3BU9RXHP3fv3fduks1u3pAAhQQhAuWhRbRWa1utj0qdWrTSaqvtTB9DrVrtYzrOVEdb+5I/Ou0M1eoUi3SU+qIqDj5ABFS0yKsEAsGEvB+bfWb37r09N1kcYAzSNpA03O/Mmc3uvfu7mfP9ne855/e7e5VN/mpOAOvg9WIXic0QKxFzY+NkERdrFmsSe0XscbEDw52sDEOG9eH9YteKqbZPRwxGnpC7xA4df9DxIV+4SmyH2HU2ESMOR96vO/OvJyRjmdgasaDtt1OKgNhKsVuHI+PLYr8dJlpsjDwUsV/n/X4MGVaOWJE/wcbpJWRF3v8fkHFfPnRsjI5k/eIIGTViS2yfjCqsqrXGkSfCzhOjX2UtceQbOhujj4u0bEKtt/0wJlCvBacPRGw/jAmUKOabmLYfxk7isDFGoDEwBqaDmbcznozRhmGTMLoyZS0COMU8sL1VpSMmf/s549eIT09kmPkraXn6cxqtPRNQlTTPNMygrriTC5x9+BwDBAs7hqLF+k72zJIv7bQQIRGQTobY31wiZDiJJxy4wzqRkgyuXCuaO01/0EFjYxAOVxF0p/B5DKaUNgpx+hkjZadeplzQ1V3CppYJBGo76fX76dWyzCncjbrhMDWlJZQlVcqbm5hesp/3DR9FtXGiXp2tDZMxTPWMWUs+9ZGhKeyKTibb1oDzzRjZhg56q7w8+1Qx7W0y5X+eZOcGNy0vhjE/7Uab2Un8qSil58TYGKxlSnIykYJ9Q5Jlk/G/ypRJ5cRe1vypgLYXPTLJhZCvtqEXhfD7Xehtb6EUBDFrKokFWzD+2c/WV0N0P6FS9oBBYSQuGmdHxn9fqnrz1ZHIPQmY4mngk0ucvJEtwh+PkEt045mZQHea6N1OskEX2gUJ3P1xEt4yEue68Z/VxsUzozj1fAYP5sdO5l/HoXQp5sYRrlckC2VSDpoaVfw+g4oaA8Utl/BJGfu2iw2v+ymsgN4Kg9JKnb5daQIRB70BJ3q7l3CLgcPMcPnnEkjwQMqqAVSRNBWXK0dRsRy3/mXTjoyP7h/EgetXeXnwaZgaUrn79hTh2dnBu61mXZNBmZLhhR1emrf4iHV7CbTkcMXSJANZ9BlJyubAFR+XQCiTsXrEIrDxSTfLV3ioLDT50Z1xymfJeL02GR8NkZGC+QnmiUSVCTGOKuszhVcfCGLEVJwiMcGGHHXtomJd/eiRiRTefAuTCpzkQgrpmnYO+jTM/o8RSPxFJO4l3BOT1F6SJFwgAVGQlyo7Z5xET5GT5lq667qZEJCyVpMrmKL7TasDIjluMgyQnp6kJumW9iNG7KxyJnx3KVo2Q1YmfP+qZ9gb8uOv/RplnmZJ3kKG9CnTJVr8zrwOGuOz8TglfUZpaBFGZCuK5x6CHgVdCCoIG2iBNF1SSSUv6afhC1LiSgLXsgo9e/fQs+Y1Oh5+grqtcco6pHzK7sXtig+OVxY6G7V0E6b7fkKe8duSj3xkyOwurJhI7fwFpA9KEon8dHAZynJ6SjUxpxl4pdpKFhlyqoY7lcVbFWZgWzPVu0xyk0vonl2MPxCUAkAZTPwBSqkOLURpceNM3jVUpZnjr6LSRpQIbSiBN+9q4v0nluPrfJ53vH5UVSEnlVBhTGHzzuvQpu+ge8cC5ugPk9N0vMFCzPoaYjVhQi80MWGfJPSyJO3vSw5fJ+pm7KXbtQylxEF0ppfiaVJiddpkDA+Z/qbM+I33Bmna+S5mdgv+aeV0eQPsWWkSUTW0+hRFdduIuqqYNut1oq8qdL13iOzPfkX595fQ91pMPJ/A2+2SDryEt74H8b/BtGvS5HY/hqFFWbc2xIJrDaZcMgDdds4YPjIKoe2lATr3n0vtM80M3PIQM27oYukLHXidDpKpNKH2KB3rrmTi/n/RWV3K8ivv5b41u9j97duZcOFcMt+5kI6pRZipAmZd7+a65ZKDLp9D+apOHJc9wJ4NSTKducHFRzuBDwfRcaUPLv1dhkW/nIinpoK+f+xh/Y0KRZOlETw7RbalkKq/Gnxx+z14Vhazs/o8ys5pp//Gi3njsEbmubXo+1tJ9/exZ/UmAr49DLQ7eOUrXTjjffgWns9VP04w/Qq5WJudwE/c8PVLD7HIQWTLLjbOuwp9+0vM/ZYX0xPDeXEcrc5JIKzjEsnXn8rw5r56zPO8JLMR0tECEn9fRiYgSVrkrnu7TvNclfn3waTVe9hWN4vw4rl89i456JdG4zBjYZ9yjEaGRUY1vH6Hh7XXHMDh06n8zW3M+WEOJSEpxXTgkUTudDvIxdy4F6vcVLyCqkfe5dLnV3J17Ss4z3cRljEC0zTK5nnI9nrwRgwueGQeRbfdSnrTNh6Scw6tFxaqbJk6cc6w1CounfI3LqLu5bUEz10IB5ODEmaKzBvWPpGUvlkhJ1PooXZeKzdmH2Wxex0Vcw3as0UcCEVw9GkkGryoRcrgkkiuz6Rq2a1MfPb3aGdJc9hnjMsNp5ENdNHxRT+ARukpuvfL+17xvtUrKMfe/qFYUyBuMKD5UIQEbcApBGTpmeCnp7yAydEeHIrIWy6/iWGomB3y2ukWmRqgslqY6LBL2xNDqk0tLK1G9DCbt28jmHlPBN8cnMU5U8XhOFbWFCEpJd22062gTXIxaV83te1dRJNWp2dipByDTV823UNz+2Y86XeonJobtzt/2oiLngRDT9sm3O3zcMjoGXnvErkxow76exT8FeZgA61q0oE3pTDOXkrm3d04+94iqYel4jLx1mRobVGY9KnM4Gpvsn8HastC+Y4EVFR4KrbJ+GjILG44WMmK3Tfjcu8jpVfSvqOLr5f+mXM+kWLdOy4OH3Dh6Y2LROVQZ86lYsIC4q4gbc+14J8kZW2ugJZ1fkomZZn1kwSNWyr5486b0ZyHyBDm0HsJbpr7B/yeIeJtMk4wWktyGpvbPk+pR6cr46MvsZWlrY9S9Umda2frbF0boGvqHJxlX2Lf7M/w9msvSsk7j+oZS/BueBL98NPUX93B/G/GUaWrb+2YyoZDl1FVNEC/7mRfrpEb6h+R8jY17sgY2Z0+kanEgJ9kxiQtRGhaBs2RIeTNoqm5oRvXrO1TvZy0MYXOLi9N/Ql8DpWKSjeFBZ34tAYhNQ3tQzkokQ2QyoqkGW4MIy3jQdifk/Ey4263b2TJOLJY6Dyq0rFK0AzH7lsrR5l61HlHbl4zjxvPddQqrTlE0njcBx/5bddc3j7s2NGkHXF47iTGS33EeOOGjGpsjBUyDt4dsoLefjjL6COjNT5U3MW4XOn5v0On5vVnd9pkjAnssHrm9bYfxgRetsh4HPv3Q6ONwedQWWQcFFtt+2NUYfn/4JF11DsZeoSbjdOPeN7/H2wuWY9ouwX7N6enG2be74eOJsPCKoaeDGbnj9NHxB15v3M8GRYeFFssFrN9dcql6QaGnsTGcGRYeFqsPs+YHSUjXzVZfp0p9tjxB5X/4Lm21gClDK3J2jg5WJv41m691Vi/nK+aGoc7+d8CDADhWK01+gR79AAAAABJRU5ErkJggg==);
    }

    .p-dropdown-panel .p-dropdown-items .p-dropdown-item[aria-label="English"]::before {
        content: "";
        position: absolute;
        width: 33px;
        height: 19px;
        background-size: 33px 19px;
        top: 9px;
        left: 13px;
        background-repeat: no-repeat;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA5CAYAAAAiLpUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTQ4ZDk2MjQtMjUzYy0yNjQ4LTlkYTctMjIyYTNkOWM1ZDU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4OEE2MzVCOTAzOTExRUU4NTA2RjUxQzUzM0IyRUYyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4OEE2MzVBOTAzOTExRUU4NTA2RjUxQzUzM0IyRUYyIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4xIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0OGQ5NjI0LTI1M2MtMjY0OC05ZGE3LTIyMmEzZDljNWQ1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDhkOTYyNC0yNTNjLTI2NDgtOWRhNy0yMjJhM2Q5YzVkNTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7nTUkPAAAQvklEQVR42uxcCXSUVZb+aklVKklVtsq+kQRkCdAIwyqgCDgjezsYtkPbgwiIKHtjj6A44pljqwhOH3Cl2xYBcZRWaaBbEZCtZUkgIUBISEK2SipVWatSSW3/3HsTHGem+5yec2YklvWOj5T1/v/9cO+73/LeD6oB/f8JYWF6ONpciEuIAhSAf1Gp1LBam9ONEfr57S73hPBww4DQUF2c3+/Xa7Ua2O2tUKvVdB3g8/kRE2uCz+uT7zrdHjgdLoTqdWijnwmJ0VD8fppXxZOjoaEFRmMonM4OmEzh0Om08PsVaDRqGdPrQ+j/u67vjEvAZPt1LLAXwRoSjh9Yc1Cvpn6L+nHqH1Iv/2sXax5fvhpz5tyHjk4vGqxN3UFAus/n29m3b/pbjz42fXJ2dnJ2ebnF5HJ1ajUaDZztnYiJMWHFk7Nwzz2DUFxcjbZWJ0JCtOjsdMNAScjNvQ8zZ95DSWtDo72FkqbqnlvBkCF98MjPpyA+PhrV1VZ0dHgkETQ/EuJjsGLFLIwc0Z/mrUJduwf9fS0Y3NEAp0bXlc8fTtdRN1PvTX0S9Sep96N+nnrLf79eO37cYEycNAS1tTYcP5ZPK9w4g0Z2t7Q4jJMnD6egjkPx9SrsevcQQg16eDxeeNxeUJVgwYKJktE9e45S0L1wuzWywi11jeB7fzIkE0VFFbh4sRixMUZKg4KmRgcefjiL+licTIjEnr1HEWky0L1eSoob5vhIzJ03QebdtesI/Q618Da0wVVZBidM+IE3NfV51KdTX0J973cHtbt2HUJe/g2cPVPECLXS6/FvhUpRc1Dz80vw8q8+xLVrlYJefr+PkqHICm9pceLpp9+mhFKKWxzgRc/jPq+foEqFbdv+Hf37p+PcuevyIDclkSGNE3Li68vwEqRdulQqi4Jhjkd43jqLHf/y/PtobGxDu6sDIX4NIvr1RdrEu2BQtAiQFkH9A+qJ1F+7/aVq2NClgtOxsaY5hN97Z8wYowoJ0eDjT04K7hNvIDw8FCkpsRg69C706ZOKw4fPUSW0EMTYoCgK0tLjEB1lwtRpo1BaUoO8vGKqNLvwkDkuChFGAx56aJxwyqefnkZra7twjskUJlA1dtwgpCTH4ve/P0NjDtTU2Ik3tPRMMwrzS7F+82KsXzkdAdiU7kr5UCqD4SY5OTa9vb3jHcJt1Zq1s+WqL7/MR6Othcdo5fpQeasBL7ywGKNG95NEvPvOYZjNJuGCOksjJt4/DIsXP4gL52/gs89OSwI52I62DkSnxeGpp34q8x48+I1UAM/L1VFX14T58yehb98UlJVZcOCTU0gkwud5GRLVBFO+jg4EaGNgeIf6WeqVmpjowfSH9u0gFTSMV7mdEpCfVyoQ5SJiZeihr4mYPXA4aEUTfDC3WCxNopw4YIz3nGTG/IMHz6LsZq0QMn/PMMb/tVGVnDhegMLCMkmCz+dlzQY3zdtKkMdJOXmqADZbq/we+V6eo6XZidEkEsbeMyBQE0KqBEnUP1Y9vmxrRlZWctmZM0VqB8FSRYVVKiErKxGsnCZNHgYLQU5RUbkErJmCk5gYQwSuxYQJd0tCjh7Nk2RZahthigxDUlIMBg7shYSEGBz7Kh9urxcV5fXCJTyvwRCK8eMHo6Skmp5XJ3DX1upCSmosGCInThomv4djxy6h8FI5Nmz8GTas/0cEcGPSzNLOnn3v3PsnDlVv3/4xdu74nCRrhEBETU0jSdNRWLcuF1dJEc2du0X8AMMLJy06KhbPbX5EZmLyZ8JNojGPx0P32vDyK0sxeHA2+Yx2fLT/BHFDlPBLZWUDFi36B6xZ+zAlKg9Prvg1DORzjMYwEgLtyMlJx6ZNC2XeY1+thi4jFdZDh1H4p9/BrjUEajJYZc3VHjhwZoLXpyDvYqlADmt+xiVemTfL6nDkyDmc/LpQVr6OfITD0SGrt4VW8m9YehKkNFMQ2Qi6XF1jLpcbH+w+hrqJzbhRXAM/zc8egq8lSCSoqsAXX17EoT+cI3/jgZ54ixOs1aqJjxz46KMTAoNOpwuR8fHoqLqI5ptnYNUZA7k6JqhGjlheTfCTwmpJTRg9etQACeyJEwXys7LSikiCnkSCnNQ0M9LS4nH6dJFAzk3iBuaT3n2SSSkpuPfewd2w04D6+iY0NTmQnh4PHxH2OFJMXBmnTxUJv7Daiok2Iio6gsg7DbHmSHx9/DJCqPpKS2vFx6TR88rdWjzYWooFjVd/iA78f9NqVGNGr+igGOnb2toJ46Px5dFXZOSns57FjRvVooiYTNnovfnWaowek4MtW97Hng++oiR1BYelai65+Oee+xnOn7+OJY9tFS7hbQ0ey+6dRJJ2i1z7wORf0Kq3IyLCIFXI3uPD/ZtEMq9du5Oq5RtERUVIshku7aYYTCg+i9zy47CI6VMCNRluLQVaz0ExGHSieBjfIwi/eVXzdww9Ol0Imggyjhy5QJCiJ7VUJ3DD6olXO8NbRXmd+Is/Hjkv/iKaVjxDT2goJYRgjL9vpYRzcngvjOflvSs7OfIDn5zG/fffjVriKVZetyGNF0KHxYqoYXcj+5EJiFU0gVwZOtXMGRuVzMwkXLxQAqPJILDkJ77IJNVTX9+CMWMGykq22ZolSEyyrJZYVQ0b1kdW7/nzxbyNIu45ItyAcFr17EESE2Nx9uxVxMWZutQUwWBGRhyRfTtGjOyHm6U1VHVuSTwvBIalhoZWjBrVXxJcQDK4vLgaG15cinUrpiLQm3rx4ml4bdtyTJ8xGrdu1dOq1VFSwuizVeTn9teX4+lfzgPDGBMz80d9XaME+6231wh0JVJyWP5GRBCkkZpiZbV6TS7d+wSt+CEop6rhRHNF8LxTpo7Atm2P44kVs8T9s++IigoXiZuVlYSdb6zCjp2rKLFhcJEs9rY58GNo2suXSzGA5GR1TYPADhMnGz12yc3NbeSKa3Duz1cFXlj2cnXwyuefp05dgeJXZNvEaGQO6BRos1pb8M2fuyrCRiaS97kY1pgfWJVZ6xuJ6GtRUFAq85rNRkl0WLhe5i0oKEN1VYPMqyMHrtbpfhTJUN07fpXC0BMfH0kKp5GINAUaUlGFBeVEvImE43ZZ0UzGUKmRlmomh34TGb3iKGB2+k7pUj3lVoKtvqiqsnZvKHpFBicnx9BYPQYNyqQK8Mu2eHq6GfXWZoE0TrrRGC6VduHCDfQmsq+stJFEVlMyI5GXX4aVT8zEhtUz4VcCPBkjhi9XmIR5FSYlm7Fv3zMINRiQm/sCblXUUCIMFESvqKPNzy/C9Okj8M+/fBeff35WyFlkAK32SZOG45XXlhJR52HTxrcFevh8w0kJIYePffufgbPdg3lztpCTb6B5Q0WlsTjY+toKkr4DsPzx7SSpL8m+Fh9u8XaITReOKR2VWOi8CavGENgwxRKyvd1NATAI3tcRhERFmUjL+CnYenHUHDAbEau9oUlO53z+rrMHduScSJGoGjJ2pLgarHbZXmd56nZ7KLEEe4pPNhedTrfsScmz3F0Kjs83+B6uIoq/GESGNLVakXFVSAi8Nic6KqvgCmzTB9Xwv1umsJHjM4temYkiQ7nFkjoqKrqFIUOySFU1iyPnIHLgmWz5dI/3mXjbsYRMGu9FMXFzgrqkKWR7/MqVcvTrly5jrLyio8NRWkLXD+olZM4QyAuCExAdQ8+8UkHXpwnMWSyN8CQk4YHGYiywXQl00wfV7ve/UKZMG4lXX/4Ihw590/Vl97n26NFk8F5cRGR8TYze7a2QDpdH3PjON1chhAj20UWvClewEvNSUHl7Y/Pzj4hE3bTxN0T0heLm2a3zLw/8/XD8YsNcHKbnvf76Aaky3grhRPfunYw33lwt1cXmsVwJxXTLJcwp+xq1ciYTwDDF2BwdZZQVygFgs8bqhwPEqik21iRGrJHghE0Yr1hDmE5MWQThvpZghLGdE8H3cSLYNyh+yDk5qywXJc9o1EhltIjpC6Uxo/gOPmSKoWd6iGO4qvRkBHmM75Gt9FoLYsePRb9NC5GqqAO7MiZPWq8w0TJeM3wkJcZAQ0qGTVpOTgYF3y8Q5SA+4C0RszlS9qSys5MF93m1M5GXllpIiSXLySCvcvYcXA0a+nz9aiXSMxKEX9hL9O+fJsezPsqYjXwGP5+3VkpKagSiWP5yYhm+8s9dx9P/uhzrnngw8H1GY2OrqCFemcwBL720hPR+KNau2SG8wIFi+ck8sX59LkHPAPB2O581eClRCknbEAr61KnDsXLVwzh37ir+jaCHNwJvc0HOwAz86uVlosrWrX1D9rwY7rxeRbzIxo0L0LdvOl58cTc59msCk3yWwtUWYgiFt7X1x2H6WCnxKtTptQIN6RnxtEojBCLYADK0aLUhqLM0UZIMSEuPF6XE3oR/8sYdf+Z7MujeGzcq5RCKx1jecpVw9dx1V6rsTbGcDSeY8it+OaCykjjgKuLK4XeouCoY2vi5vBB8VH0ag+FHkQzVwJxHFcZoflWnV0ai8IRGoxJFdO1aFTJJYTU1tcnFrLqiCE5aWp3kksvlwIhXPwd/yE+y5MUD5oQagqIuMxdGxN4g0MM8wXDXTtK4rKxeTCM79TCSr/GJ0TCR8eMtl8uXy749d2dX3kKiYcmC+7BuyWR4Atz1qXbs+FThPaj3fvtHMlyXZaeVG3uMoUP74KmVs0niluGtNz+XoHOQedWykXv2uYXy+fnN78nLBFwB/P+cpGXLpmHQ4CyBLN5IZEHAY2zoxo4dhEWLpuDU6QLs23tUNgdZvXFi+WyDT/r4NZ3Nz76H6w4FD7lvYb6tEHWBbvoyCB5ycnqRVI0XP5GaapYBDjxvZQwalEHc0Cman0mWoaOttV3gaeTI/t1SWCXGkNUWQxPzRa/MJPIemfK6zRd/uojkFLPcw6/hpKWbyWdkwEJOvLrajvi4KCF6rkDmq6HD+khVcIJUpLgUqhJ/O3kXfUhgV8b0ac8oDAsMJ7xZyPtF3NrpD8+vzPBJHZ/aVVXZyBETv9DyZ5fMe1XJyWZRYbU1tu5XNLveU2SIY0jjwyre8OM3DFk6c2MHzwnirXROBD83PFzfdS5CiTQSf6SmxskcDJ21mjBMaS7BQvsV1Ae66UtOnK20trK/MMrpG69sbrxS252daKTVytASTYTc9eYfvn1vll/bEbfOnoEgRumGdJa0Tc0OgTzmI+GL7nl5jF+GZi9iIo6JJJXGMlfmpTnYNLL30JLa4mNZiy4Cs5qvY7H1EupCAtv0qY4fy+vRrNip0iDB50KKpw1ulSawkyFbtsHWI5o6GIJgMoLtL0nb+pNng1HoKZyx35gZ5IyeUhn66MhgFHpKMpRu7xBsPSAZPrc7GIWewhlNhVeDnBE0fcEW9BnBZATb30TgFfsOBKPQUzhjrzohyBk9pTLCMlL59T99MBR3vLm1XofTRh9SgrG4461Bq4+JKgomo0e0K9pJpw5+RR8eCMbijrdjbPp60YebQZl7RxtvEGZzAiqo7w/G4442jn+Fqns3JJ06c0dEMC7fe+O/PZpDvVJ79aVf8xeV1B+jvge3/yHBYPs+mtId90oxfXsQ+93BldS3Bvnje0vEeuqvfmv6IrKzvnvBdnT965K7qRuD8fp/haal3Uj0nw4c/3MH/TPqA6m/RD03WCX/56qJyXrDbWj6L8mweDr/0k184bzum+ZTn9BNMvHUQ4Ix/Zsb/104a7c4OtadiLK/dvF/CDAAdys9p9ba4ugAAAAASUVORK5CYII=);
    }

.page-wrapper .page-main-header .p-dropdown {
    width: 140px;
    height: 40px;
    border: 1px solid #e4e4e4;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #595959;
    display: flex;
    align-items: center;
}

    .page-wrapper .page-main-header .p-dropdown .p-dropdown-label {
        padding: 0px 0px 0px 50px;
        position: relative;
        display: block;
        font-size: 16px;
    }

        .page-wrapper .page-main-header .p-dropdown .p-dropdown-label::before {
            content: "";
            position: absolute;
            width: 33px;
            height: 19px;
            background-size: 33px 19px;
            top: 4px;
            left: 13px;
            background-repeat: no-repeat;
        }

        .page-wrapper .page-main-header .p-dropdown .p-dropdown-label[aria-label="Spanish"]::before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA5CAYAAAAiLpUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTQ4ZDk2MjQtMjUzYy0yNjQ4LTlkYTctMjIyYTNkOWM1ZDU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUxMjIzMDhDOTAzOTExRUVBQjI5RTQyQ0Q5MDM0QzIyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUxMjIzMDhCOTAzOTExRUVBQjI5RTQyQ0Q5MDM0QzIyIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4xIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0OGQ5NjI0LTI1M2MtMjY0OC05ZGE3LTIyMmEzZDljNWQ1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDhkOTYyNC0yNTNjLTI2NDgtOWRhNy0yMjJhM2Q5YzVkNTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6LDn5bAAAKS0lEQVR42uyce3BU9RXHP3fv3fduks1u3pAAhQQhAuWhRbRWa1utj0qdWrTSaqvtTB9DrVrtYzrOVEdb+5I/Ou0M1eoUi3SU+qIqDj5ABFS0yKsEAsGEvB+bfWb37r09N1kcYAzSNpA03O/Mmc3uvfu7mfP9ne855/e7e5VN/mpOAOvg9WIXic0QKxFzY+NkERdrFmsSe0XscbEDw52sDEOG9eH9YteKqbZPRwxGnpC7xA4df9DxIV+4SmyH2HU2ESMOR96vO/OvJyRjmdgasaDtt1OKgNhKsVuHI+PLYr8dJlpsjDwUsV/n/X4MGVaOWJE/wcbpJWRF3v8fkHFfPnRsjI5k/eIIGTViS2yfjCqsqrXGkSfCzhOjX2UtceQbOhujj4u0bEKtt/0wJlCvBacPRGw/jAmUKOabmLYfxk7isDFGoDEwBqaDmbcznozRhmGTMLoyZS0COMU8sL1VpSMmf/s549eIT09kmPkraXn6cxqtPRNQlTTPNMygrriTC5x9+BwDBAs7hqLF+k72zJIv7bQQIRGQTobY31wiZDiJJxy4wzqRkgyuXCuaO01/0EFjYxAOVxF0p/B5DKaUNgpx+hkjZadeplzQ1V3CppYJBGo76fX76dWyzCncjbrhMDWlJZQlVcqbm5hesp/3DR9FtXGiXp2tDZMxTPWMWUs+9ZGhKeyKTibb1oDzzRjZhg56q7w8+1Qx7W0y5X+eZOcGNy0vhjE/7Uab2Un8qSil58TYGKxlSnIykYJ9Q5Jlk/G/ypRJ5cRe1vypgLYXPTLJhZCvtqEXhfD7Xehtb6EUBDFrKokFWzD+2c/WV0N0P6FS9oBBYSQuGmdHxn9fqnrz1ZHIPQmY4mngk0ucvJEtwh+PkEt045mZQHea6N1OskEX2gUJ3P1xEt4yEue68Z/VxsUzozj1fAYP5sdO5l/HoXQp5sYRrlckC2VSDpoaVfw+g4oaA8Utl/BJGfu2iw2v+ymsgN4Kg9JKnb5daQIRB70BJ3q7l3CLgcPMcPnnEkjwQMqqAVSRNBWXK0dRsRy3/mXTjoyP7h/EgetXeXnwaZgaUrn79hTh2dnBu61mXZNBmZLhhR1emrf4iHV7CbTkcMXSJANZ9BlJyubAFR+XQCiTsXrEIrDxSTfLV3ioLDT50Z1xymfJeL02GR8NkZGC+QnmiUSVCTGOKuszhVcfCGLEVJwiMcGGHHXtomJd/eiRiRTefAuTCpzkQgrpmnYO+jTM/o8RSPxFJO4l3BOT1F6SJFwgAVGQlyo7Z5xET5GT5lq667qZEJCyVpMrmKL7TasDIjluMgyQnp6kJumW9iNG7KxyJnx3KVo2Q1YmfP+qZ9gb8uOv/RplnmZJ3kKG9CnTJVr8zrwOGuOz8TglfUZpaBFGZCuK5x6CHgVdCCoIG2iBNF1SSSUv6afhC1LiSgLXsgo9e/fQs+Y1Oh5+grqtcco6pHzK7sXtig+OVxY6G7V0E6b7fkKe8duSj3xkyOwurJhI7fwFpA9KEon8dHAZynJ6SjUxpxl4pdpKFhlyqoY7lcVbFWZgWzPVu0xyk0vonl2MPxCUAkAZTPwBSqkOLURpceNM3jVUpZnjr6LSRpQIbSiBN+9q4v0nluPrfJ53vH5UVSEnlVBhTGHzzuvQpu+ge8cC5ugPk9N0vMFCzPoaYjVhQi80MWGfJPSyJO3vSw5fJ+pm7KXbtQylxEF0ppfiaVJiddpkDA+Z/qbM+I33Bmna+S5mdgv+aeV0eQPsWWkSUTW0+hRFdduIuqqYNut1oq8qdL13iOzPfkX595fQ91pMPJ/A2+2SDryEt74H8b/BtGvS5HY/hqFFWbc2xIJrDaZcMgDdds4YPjIKoe2lATr3n0vtM80M3PIQM27oYukLHXidDpKpNKH2KB3rrmTi/n/RWV3K8ivv5b41u9j97duZcOFcMt+5kI6pRZipAmZd7+a65ZKDLp9D+apOHJc9wJ4NSTKducHFRzuBDwfRcaUPLv1dhkW/nIinpoK+f+xh/Y0KRZOlETw7RbalkKq/Gnxx+z14Vhazs/o8ys5pp//Gi3njsEbmubXo+1tJ9/exZ/UmAr49DLQ7eOUrXTjjffgWns9VP04w/Qq5WJudwE/c8PVLD7HIQWTLLjbOuwp9+0vM/ZYX0xPDeXEcrc5JIKzjEsnXn8rw5r56zPO8JLMR0tECEn9fRiYgSVrkrnu7TvNclfn3waTVe9hWN4vw4rl89i456JdG4zBjYZ9yjEaGRUY1vH6Hh7XXHMDh06n8zW3M+WEOJSEpxXTgkUTudDvIxdy4F6vcVLyCqkfe5dLnV3J17Ss4z3cRljEC0zTK5nnI9nrwRgwueGQeRbfdSnrTNh6Scw6tFxaqbJk6cc6w1CounfI3LqLu5bUEz10IB5ODEmaKzBvWPpGUvlkhJ1PooXZeKzdmH2Wxex0Vcw3as0UcCEVw9GkkGryoRcrgkkiuz6Rq2a1MfPb3aGdJc9hnjMsNp5ENdNHxRT+ARukpuvfL+17xvtUrKMfe/qFYUyBuMKD5UIQEbcApBGTpmeCnp7yAydEeHIrIWy6/iWGomB3y2ukWmRqgslqY6LBL2xNDqk0tLK1G9DCbt28jmHlPBN8cnMU5U8XhOFbWFCEpJd22062gTXIxaV83te1dRJNWp2dipByDTV823UNz+2Y86XeonJobtzt/2oiLngRDT9sm3O3zcMjoGXnvErkxow76exT8FeZgA61q0oE3pTDOXkrm3d04+94iqYel4jLx1mRobVGY9KnM4Gpvsn8HastC+Y4EVFR4KrbJ+GjILG44WMmK3Tfjcu8jpVfSvqOLr5f+mXM+kWLdOy4OH3Dh6Y2LROVQZ86lYsIC4q4gbc+14J8kZW2ugJZ1fkomZZn1kwSNWyr5486b0ZyHyBDm0HsJbpr7B/yeIeJtMk4wWktyGpvbPk+pR6cr46MvsZWlrY9S9Umda2frbF0boGvqHJxlX2Lf7M/w9msvSsk7j+oZS/BueBL98NPUX93B/G/GUaWrb+2YyoZDl1FVNEC/7mRfrpEb6h+R8jY17sgY2Z0+kanEgJ9kxiQtRGhaBs2RIeTNoqm5oRvXrO1TvZy0MYXOLi9N/Ql8DpWKSjeFBZ34tAYhNQ3tQzkokQ2QyoqkGW4MIy3jQdifk/Ey4263b2TJOLJY6Dyq0rFK0AzH7lsrR5l61HlHbl4zjxvPddQqrTlE0njcBx/5bddc3j7s2NGkHXF47iTGS33EeOOGjGpsjBUyDt4dsoLefjjL6COjNT5U3MW4XOn5v0On5vVnd9pkjAnssHrm9bYfxgRetsh4HPv3Q6ONwedQWWQcFFtt+2NUYfn/4JF11DsZeoSbjdOPeN7/H2wuWY9ouwX7N6enG2be74eOJsPCKoaeDGbnj9NHxB15v3M8GRYeFFssFrN9dcql6QaGnsTGcGRYeFqsPs+YHSUjXzVZfp0p9tjxB5X/4Lm21gClDK3J2jg5WJv41m691Vi/nK+aGoc7+d8CDADhWK01+gR79AAAAABJRU5ErkJggg==);
        }

        .page-wrapper .page-main-header .p-dropdown .p-dropdown-label[aria-label="English"]::before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA5CAYAAAAiLpUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTQ4ZDk2MjQtMjUzYy0yNjQ4LTlkYTctMjIyYTNkOWM1ZDU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4OEE2MzVCOTAzOTExRUU4NTA2RjUxQzUzM0IyRUYyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4OEE2MzVBOTAzOTExRUU4NTA2RjUxQzUzM0IyRUYyIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4xIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0OGQ5NjI0LTI1M2MtMjY0OC05ZGE3LTIyMmEzZDljNWQ1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDhkOTYyNC0yNTNjLTI2NDgtOWRhNy0yMjJhM2Q5YzVkNTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7nTUkPAAAQvklEQVR42uxcCXSUVZb+aklVKklVtsq+kQRkCdAIwyqgCDgjezsYtkPbgwiIKHtjj6A44pljqwhOH3Cl2xYBcZRWaaBbEZCtZUkgIUBISEK2SipVWatSSW3/3HsTHGem+5yec2YklvWOj5T1/v/9cO+73/LeD6oB/f8JYWF6ONpciEuIAhSAf1Gp1LBam9ONEfr57S73hPBww4DQUF2c3+/Xa7Ua2O2tUKvVdB3g8/kRE2uCz+uT7zrdHjgdLoTqdWijnwmJ0VD8fppXxZOjoaEFRmMonM4OmEzh0Om08PsVaDRqGdPrQ+j/u67vjEvAZPt1LLAXwRoSjh9Yc1Cvpn6L+nHqH1Iv/2sXax5fvhpz5tyHjk4vGqxN3UFAus/n29m3b/pbjz42fXJ2dnJ2ebnF5HJ1ajUaDZztnYiJMWHFk7Nwzz2DUFxcjbZWJ0JCtOjsdMNAScjNvQ8zZ95DSWtDo72FkqbqnlvBkCF98MjPpyA+PhrV1VZ0dHgkETQ/EuJjsGLFLIwc0Z/mrUJduwf9fS0Y3NEAp0bXlc8fTtdRN1PvTX0S9Sep96N+nnrLf79eO37cYEycNAS1tTYcP5ZPK9w4g0Z2t7Q4jJMnD6egjkPx9SrsevcQQg16eDxeeNxeUJVgwYKJktE9e45S0L1wuzWywi11jeB7fzIkE0VFFbh4sRixMUZKg4KmRgcefjiL+licTIjEnr1HEWky0L1eSoob5vhIzJ03QebdtesI/Q618Da0wVVZBidM+IE3NfV51KdTX0J973cHtbt2HUJe/g2cPVPECLXS6/FvhUpRc1Dz80vw8q8+xLVrlYJefr+PkqHICm9pceLpp9+mhFKKWxzgRc/jPq+foEqFbdv+Hf37p+PcuevyIDclkSGNE3Li68vwEqRdulQqi4Jhjkd43jqLHf/y/PtobGxDu6sDIX4NIvr1RdrEu2BQtAiQFkH9A+qJ1F+7/aVq2NClgtOxsaY5hN97Z8wYowoJ0eDjT04K7hNvIDw8FCkpsRg69C706ZOKw4fPUSW0EMTYoCgK0tLjEB1lwtRpo1BaUoO8vGKqNLvwkDkuChFGAx56aJxwyqefnkZra7twjskUJlA1dtwgpCTH4ve/P0NjDtTU2Ik3tPRMMwrzS7F+82KsXzkdAdiU7kr5UCqD4SY5OTa9vb3jHcJt1Zq1s+WqL7/MR6Othcdo5fpQeasBL7ywGKNG95NEvPvOYZjNJuGCOksjJt4/DIsXP4gL52/gs89OSwI52I62DkSnxeGpp34q8x48+I1UAM/L1VFX14T58yehb98UlJVZcOCTU0gkwud5GRLVBFO+jg4EaGNgeIf6WeqVmpjowfSH9u0gFTSMV7mdEpCfVyoQ5SJiZeihr4mYPXA4aEUTfDC3WCxNopw4YIz3nGTG/IMHz6LsZq0QMn/PMMb/tVGVnDhegMLCMkmCz+dlzQY3zdtKkMdJOXmqADZbq/we+V6eo6XZidEkEsbeMyBQE0KqBEnUP1Y9vmxrRlZWctmZM0VqB8FSRYVVKiErKxGsnCZNHgYLQU5RUbkErJmCk5gYQwSuxYQJd0tCjh7Nk2RZahthigxDUlIMBg7shYSEGBz7Kh9urxcV5fXCJTyvwRCK8eMHo6Skmp5XJ3DX1upCSmosGCInThomv4djxy6h8FI5Nmz8GTas/0cEcGPSzNLOnn3v3PsnDlVv3/4xdu74nCRrhEBETU0jSdNRWLcuF1dJEc2du0X8AMMLJy06KhbPbX5EZmLyZ8JNojGPx0P32vDyK0sxeHA2+Yx2fLT/BHFDlPBLZWUDFi36B6xZ+zAlKg9Prvg1DORzjMYwEgLtyMlJx6ZNC2XeY1+thi4jFdZDh1H4p9/BrjUEajJYZc3VHjhwZoLXpyDvYqlADmt+xiVemTfL6nDkyDmc/LpQVr6OfITD0SGrt4VW8m9YehKkNFMQ2Qi6XF1jLpcbH+w+hrqJzbhRXAM/zc8egq8lSCSoqsAXX17EoT+cI3/jgZ54ixOs1aqJjxz46KMTAoNOpwuR8fHoqLqI5ptnYNUZA7k6JqhGjlheTfCTwmpJTRg9etQACeyJEwXys7LSikiCnkSCnNQ0M9LS4nH6dJFAzk3iBuaT3n2SSSkpuPfewd2w04D6+iY0NTmQnh4PHxH2OFJMXBmnTxUJv7Daiok2Iio6gsg7DbHmSHx9/DJCqPpKS2vFx6TR88rdWjzYWooFjVd/iA78f9NqVGNGr+igGOnb2toJ46Px5dFXZOSns57FjRvVooiYTNnovfnWaowek4MtW97Hng++oiR1BYelai65+Oee+xnOn7+OJY9tFS7hbQ0ey+6dRJJ2i1z7wORf0Kq3IyLCIFXI3uPD/ZtEMq9du5Oq5RtERUVIshku7aYYTCg+i9zy47CI6VMCNRluLQVaz0ExGHSieBjfIwi/eVXzdww9Ol0Imggyjhy5QJCiJ7VUJ3DD6olXO8NbRXmd+Is/Hjkv/iKaVjxDT2goJYRgjL9vpYRzcngvjOflvSs7OfIDn5zG/fffjVriKVZetyGNF0KHxYqoYXcj+5EJiFU0gVwZOtXMGRuVzMwkXLxQAqPJILDkJ77IJNVTX9+CMWMGykq22ZolSEyyrJZYVQ0b1kdW7/nzxbyNIu45ItyAcFr17EESE2Nx9uxVxMWZutQUwWBGRhyRfTtGjOyHm6U1VHVuSTwvBIalhoZWjBrVXxJcQDK4vLgaG15cinUrpiLQm3rx4ml4bdtyTJ8xGrdu1dOq1VFSwuizVeTn9teX4+lfzgPDGBMz80d9XaME+6231wh0JVJyWP5GRBCkkZpiZbV6TS7d+wSt+CEop6rhRHNF8LxTpo7Atm2P44kVs8T9s++IigoXiZuVlYSdb6zCjp2rKLFhcJEs9rY58GNo2suXSzGA5GR1TYPADhMnGz12yc3NbeSKa3Duz1cFXlj2cnXwyuefp05dgeJXZNvEaGQO6BRos1pb8M2fuyrCRiaS97kY1pgfWJVZ6xuJ6GtRUFAq85rNRkl0WLhe5i0oKEN1VYPMqyMHrtbpfhTJUN07fpXC0BMfH0kKp5GINAUaUlGFBeVEvImE43ZZ0UzGUKmRlmomh34TGb3iKGB2+k7pUj3lVoKtvqiqsnZvKHpFBicnx9BYPQYNyqQK8Mu2eHq6GfXWZoE0TrrRGC6VduHCDfQmsq+stJFEVlMyI5GXX4aVT8zEhtUz4VcCPBkjhi9XmIR5FSYlm7Fv3zMINRiQm/sCblXUUCIMFESvqKPNzy/C9Okj8M+/fBeff35WyFlkAK32SZOG45XXlhJR52HTxrcFevh8w0kJIYePffufgbPdg3lztpCTb6B5Q0WlsTjY+toKkr4DsPzx7SSpL8m+Fh9u8XaITReOKR2VWOi8CavGENgwxRKyvd1NATAI3tcRhERFmUjL+CnYenHUHDAbEau9oUlO53z+rrMHduScSJGoGjJ2pLgarHbZXmd56nZ7KLEEe4pPNhedTrfsScmz3F0Kjs83+B6uIoq/GESGNLVakXFVSAi8Nic6KqvgCmzTB9Xwv1umsJHjM4temYkiQ7nFkjoqKrqFIUOySFU1iyPnIHLgmWz5dI/3mXjbsYRMGu9FMXFzgrqkKWR7/MqVcvTrly5jrLyio8NRWkLXD+olZM4QyAuCExAdQ8+8UkHXpwnMWSyN8CQk4YHGYiywXQl00wfV7ve/UKZMG4lXX/4Ihw590/Vl97n26NFk8F5cRGR8TYze7a2QDpdH3PjON1chhAj20UWvClewEvNSUHl7Y/Pzj4hE3bTxN0T0heLm2a3zLw/8/XD8YsNcHKbnvf76Aaky3grhRPfunYw33lwt1cXmsVwJxXTLJcwp+xq1ciYTwDDF2BwdZZQVygFgs8bqhwPEqik21iRGrJHghE0Yr1hDmE5MWQThvpZghLGdE8H3cSLYNyh+yDk5qywXJc9o1EhltIjpC6Uxo/gOPmSKoWd6iGO4qvRkBHmM75Gt9FoLYsePRb9NC5GqqAO7MiZPWq8w0TJeM3wkJcZAQ0qGTVpOTgYF3y8Q5SA+4C0RszlS9qSys5MF93m1M5GXllpIiSXLySCvcvYcXA0a+nz9aiXSMxKEX9hL9O+fJsezPsqYjXwGP5+3VkpKagSiWP5yYhm+8s9dx9P/uhzrnngw8H1GY2OrqCFemcwBL720hPR+KNau2SG8wIFi+ck8sX59LkHPAPB2O581eClRCknbEAr61KnDsXLVwzh37ir+jaCHNwJvc0HOwAz86uVlosrWrX1D9rwY7rxeRbzIxo0L0LdvOl58cTc59msCk3yWwtUWYgiFt7X1x2H6WCnxKtTptQIN6RnxtEojBCLYADK0aLUhqLM0UZIMSEuPF6XE3oR/8sYdf+Z7MujeGzcq5RCKx1jecpVw9dx1V6rsTbGcDSeY8it+OaCykjjgKuLK4XeouCoY2vi5vBB8VH0ag+FHkQzVwJxHFcZoflWnV0ai8IRGoxJFdO1aFTJJYTU1tcnFrLqiCE5aWp3kksvlwIhXPwd/yE+y5MUD5oQagqIuMxdGxN4g0MM8wXDXTtK4rKxeTCM79TCSr/GJ0TCR8eMtl8uXy749d2dX3kKiYcmC+7BuyWR4Atz1qXbs+FThPaj3fvtHMlyXZaeVG3uMoUP74KmVs0niluGtNz+XoHOQedWykXv2uYXy+fnN78nLBFwB/P+cpGXLpmHQ4CyBLN5IZEHAY2zoxo4dhEWLpuDU6QLs23tUNgdZvXFi+WyDT/r4NZ3Nz76H6w4FD7lvYb6tEHWBbvoyCB5ycnqRVI0XP5GaapYBDjxvZQwalEHc0Cman0mWoaOttV3gaeTI/t1SWCXGkNUWQxPzRa/MJPIemfK6zRd/uojkFLPcw6/hpKWbyWdkwEJOvLrajvi4KCF6rkDmq6HD+khVcIJUpLgUqhJ/O3kXfUhgV8b0ac8oDAsMJ7xZyPtF3NrpD8+vzPBJHZ/aVVXZyBETv9DyZ5fMe1XJyWZRYbU1tu5XNLveU2SIY0jjwyre8OM3DFk6c2MHzwnirXROBD83PFzfdS5CiTQSf6SmxskcDJ21mjBMaS7BQvsV1Ae66UtOnK20trK/MMrpG69sbrxS252daKTVytASTYTc9eYfvn1vll/bEbfOnoEgRumGdJa0Tc0OgTzmI+GL7nl5jF+GZi9iIo6JJJXGMlfmpTnYNLL30JLa4mNZiy4Cs5qvY7H1EupCAtv0qY4fy+vRrNip0iDB50KKpw1ulSawkyFbtsHWI5o6GIJgMoLtL0nb+pNng1HoKZyx35gZ5IyeUhn66MhgFHpKMpRu7xBsPSAZPrc7GIWewhlNhVeDnBE0fcEW9BnBZATb30TgFfsOBKPQUzhjrzohyBk9pTLCMlL59T99MBR3vLm1XofTRh9SgrG4461Bq4+JKgomo0e0K9pJpw5+RR8eCMbijrdjbPp60YebQZl7RxtvEGZzAiqo7w/G4442jn+Fqns3JJ06c0dEMC7fe+O/PZpDvVJ79aVf8xeV1B+jvge3/yHBYPs+mtId90oxfXsQ+93BldS3Bvnje0vEeuqvfmv6IrKzvnvBdnT965K7qRuD8fp/haal3Uj0nw4c/3MH/TPqA6m/RD03WCX/56qJyXrDbWj6L8mweDr/0k184bzum+ZTn9BNMvHUQ4Ix/Zsb/104a7c4OtadiLK/dvF/CDAAdys9p9ba4ugAAAAASUVORK5CYII=);
        }

    .page-wrapper .page-main-header .p-dropdown .p-dropdown-trigger {
        width: 20px;
        margin-right: 10px;
    }

.page-wrapper .page-main-header .toggle-sidebar {
    cursor: pointer;
    margin-right: 30px;
    padding: 0;
}

    .page-wrapper .page-main-header .toggle-sidebar svg {
        vertical-align: middle;
        width: 18px;
        height: 18px;
        display: block;
        transition: 0.5s;
    }

    .page-wrapper .page-main-header .toggle-sidebar .feather-arrow-left {
        margin-top: -5px;
    }

.page-wrapper .page-main-header .form-group {
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
    background-color: transparent;
    border-radius: 3px;
    border: none;
}

    .page-wrapper .page-main-header .form-group::after {
        position: absolute;
        top: 10px;
        right: 18px;
        content: "\f002";
        font-size: 14px;
        color: #5c5c5c;
        font-family: "Font Awesome 5 free";
        font-weight: 600;
    }

    .page-wrapper .page-main-header .form-group input {
        border: 1px solid #e4e4e4 !important;
        background: transparent;
        padding: 10px 16px;
        border-radius: 100px !important
    }

        .page-wrapper .page-main-header .form-group input::-moz-placeholder {
            color: #959595;
            opacity: 0.3;
        }

        .page-wrapper .page-main-header .form-group input::placeholder {
            color: #959595;
            opacity: 0.3;
        }

        .page-wrapper .page-main-header .form-group input:focus {
            box-shadow: none;
        }

.page-wrapper .page-main-header .nav-right {
    justify-content: flex-end;
    text-align: left;
    float: right;
}

.page-wrapper .page-main-header .header-menu {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
}

    .page-wrapper .page-main-header .header-menu > li {
        display: inline-block;
        position: relative;
        width: auto;
        padding: 10px 10px;
    }

        .page-wrapper .page-main-header .header-menu > li.top_bar .media-body span {
            color: #747474;
        }

        .page-wrapper .page-main-header .header-menu > li:first-child {
            width: 30%;
            margin: 0 auto;
            padding: 0;
            position: absolute;
            left: 70px;
            max-width: 350px;
        }

        .page-wrapper .page-main-header .header-menu > li > a {
            color: #595959;
        }

            .page-wrapper .page-main-header .header-menu > li > a svg {
                vertical-align: middle;
                width: 20px;
            }

        .page-wrapper .page-main-header .header-menu > li .notification-badge {
            position: absolute;
            top: 1px;
            right: 0px;
            font-size: 11px;
            padding: 1px 6px 0;
            box-shadow: none;
            width: auto;
        }

        .page-wrapper .page-main-header .header-menu > li:last-child {
            padding-right: 0;
        }

    .page-wrapper .page-main-header .header-menu .notification-box a .fa {
        animation: tada 1.5s ease infinite;
    }

    .page-wrapper .page-main-header .header-menu .profile-avatar img {
        width: 40px;
        height: 40px;
        border-radius: 8px;
    }

    .page-wrapper .page-main-header .header-menu .onhover-dropdown .onhover-show-div {
        padding: 20px;
    }

    .page-wrapper .page-main-header .header-menu .notification-dropdown {
        width: 300px;
        top: 62px;
    }

        .page-wrapper .page-main-header .header-menu .notification-dropdown .dropdown-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #ddd;
            padding-bottom: 15px;
        }

            .page-wrapper .page-main-header .header-menu .notification-dropdown .dropdown-title h6, .page-wrapper .page-main-header .header-menu .notification-dropdown .dropdown-title .h6 {
                margin-bottom: 0;
                font-weight: 400;
            }

            .page-wrapper .page-main-header .header-menu .notification-dropdown .dropdown-title a {
                font-size: 12px;
                padding: 3px 10px;
                border: 1px solid var(--theme-default7);
                color: var(--theme-default7);
                text-decoration: unset;
                font-weight: 500;
                border-radius: 5px;
            }

                .page-wrapper .page-main-header .header-menu .notification-dropdown .dropdown-title a:hover {
                    background-color: var(--theme-default7);
                    color: #ffffff;
                }

        .page-wrapper .page-main-header .header-menu .notification-dropdown > ul > li {
            padding-top: 20px;
            display: block;
        }

        .page-wrapper .page-main-header .header-menu .notification-dropdown .media .icon-notification {
            width: 30px;
            height: 30px;
            border-radius: 25px;
        }

            .page-wrapper .page-main-header .header-menu .notification-dropdown .media .icon-notification i {
                font-size: 14px;
            }

            .page-wrapper .page-main-header .header-menu .notification-dropdown .media .icon-notification::after {
                border-radius: 25px;
            }

        .page-wrapper .page-main-header .header-menu .notification-dropdown .media .media-body {
            margin-left: 15px;
        }

            .page-wrapper .page-main-header .header-menu .notification-dropdown .media .media-body a {
                color: #000000;
            }

                .page-wrapper .page-main-header .header-menu .notification-dropdown .media .media-body a h6,
                .page-wrapper .page-main-header .header-menu .notification-dropdown .media .media-body a .h6 {
                    margin-bottom: 2px;
                    font-size: 100%;
                    font-weight: 500;
                }

            .page-wrapper .page-main-header .header-menu .notification-dropdown .media .media-body .user-group {
                margin-top: 2px;
            }

            .page-wrapper .page-main-header .header-menu .notification-dropdown .media .media-body span {
                color: rgba(88, 97, 103, 0.7);
                font-size: 13px;
            }

    .page-wrapper .page-main-header .header-menu .chat-dropdown .media .chat-user {
        position: relative;
    }

        .page-wrapper .page-main-header .header-menu .chat-dropdown .media .chat-user img {
            width: 40px;
            border-radius: 25px;
        }

    .page-wrapper .page-main-header .header-menu .chat-dropdown .media .media-body span {
        font-size: 12px;
        display: block;
    }

    .page-wrapper .page-main-header .header-menu .chat-dropdown .media .status {
        font-size: 12px;
        text-transform: capitalize;
    }

    .page-wrapper .page-main-header .header-menu .profile-dropdown {
        width: 160px;
        padding: 10px;
    }

        .page-wrapper .page-main-header .header-menu .profile-dropdown li {
            display: block;
        }

            .page-wrapper .page-main-header .header-menu .profile-dropdown li a {
                color: #7e7e7e;
            }

                .page-wrapper .page-main-header .header-menu .profile-dropdown li a:hover {
                    color: var(--theme-default7);
                    text-decoration: unset;
                }

                    .page-wrapper .page-main-header .header-menu .profile-dropdown li a:hover svg {
                        color: var(--theme-default7);
                    }

            .page-wrapper .page-main-header .header-menu .profile-dropdown li svg {
                width: 18px;
                vertical-align: bottom;
                float: right;
            }

            .page-wrapper .page-main-header .header-menu .profile-dropdown li + li {
                margin-top: 10px;
            }

.page-wrapper .page-main-header.close_icon {
    margin-left: 0;
    width: calc(100% - 0px);
}

    .page-wrapper .page-main-header.close_icon .toggle-sidebar svg {
        transform: rotate(180deg);
        transition: transform 0.5s;
    }

.page-body-wrapper .page-sidebar {
    position: fixed;
    border-bottom: none;
    top: 0;
    z-index: 9;
    height: 100vh;
    line-height: inherit;
    background: #122341;
    width: 250px;
    text-align: left;
    transition: 0.5s;
    box-shadow: none;
    margin-left: 0;
}

    .page-body-wrapper .page-sidebar .logo-wrap {
        padding: 13px 15px 13px;
        min-height: 70px;
        /* -webkit-box-shadow: -5px 0 11px rgba(0,0,0,.4);
        box-shadow: 0 0 11px rgba(0,0,0,.4);*/
        border-bottom: 1px solid #f5f7fb5c;
    }

        .page-body-wrapper .page-sidebar .logo-wrap .for-dark {
            display: none;
        }

        .page-body-wrapper .page-sidebar .logo-wrap a img {
            max-height: 73px;
            max-width: 245px;
            width: auto;
            height: auto;
            padding: 4px;
        }

        .page-body-wrapper .page-sidebar .logo-wrap .back-btn {
            float: right;
        }

            .page-body-wrapper .page-sidebar .logo-wrap .back-btn svg {
                width: 18px;
                height: 18px;
                vertical-align: middle;
            }

    .page-body-wrapper .page-sidebar .user-profile {
        padding: 20px 20px 0px 20px;
    }

        .page-body-wrapper .page-sidebar .user-profile .media {
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            text-align: center;
        }

        .page-body-wrapper .page-sidebar .user-profile .change-pic {
            position: relative;
            width: 100%;
            text-align: center;
            padding-bottom: 10px;
        }

            .page-body-wrapper .page-sidebar .user-profile .change-pic a {
                border-radius: 100%;
                width: 80px;
                margin-right: 0px;
                background: linear-gradient(to right,#16a085,#01dbdf);
                display: inline-block;
                height: 80px;
                line-height: 80px;
                text-align: center;
                text-transform: uppercase;
                color: #0b202c !important;
            }

                .page-body-wrapper .page-sidebar .user-profile .change-pic a span {
                    color: #1d233b !important;
                    font-size: 32px;
                    font-weight: 600;
                }

            .page-body-wrapper .page-sidebar .user-profile .change-pic img {
                border-radius: 100%;
                width: 80px;
                height: 80px;
                margin-right: 0px;
                float: left;
            }

        .page-body-wrapper .page-sidebar .user-profile h6, .page-body-wrapper .page-sidebar .user-profile .h6 {
            margin-bottom: 2px;
            font-size: 16px;
        }

        .page-body-wrapper .page-sidebar .user-profile span {
            color: #9ca2b7 !important;
            font-size: 14px;
        }

        .page-body-wrapper .page-sidebar .user-profile .connected-social h6, .page-body-wrapper .page-sidebar .user-profile .connected-social .h6 {
            position: relative;
        }

            .page-body-wrapper .page-sidebar .user-profile .connected-social h6::before, .page-body-wrapper .page-sidebar .user-profile .connected-social .h6::before {
                position: absolute;
                content: "";
                width: 30px;
                height: 2px;
                background-color: var(--theme-default3);
                left: 0;
                bottom: -8px;
            }

    .page-body-wrapper .page-sidebar .main-sidebar .user-profile .media .media-body a {
        color: #ffffff;
        padding: 0;
    }

#mainsidebar {
    padding: 0px 5px;
}
/*.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu { border-radius: 0; height: calc(100vh - 248px); padding: 0px; margin-bottom: 0; left: -300px; z-index: 99; -webkit-transition: color 1s ease; transition: color 1s ease; overflow: auto; color: rgba(0, 0, 0, 0); margin-top: 20px; } */
.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu {
    border-radius: 0;
    height: calc(100vh - 125px);
    padding: 0px;
    margin-bottom: 0;
    left: -300px;
    z-index: 99;
    transition: color 1s ease;
    overflow: auto;
    color: rgba(0, 0, 0, 0);
    margin-top: 20px;
}


.custom-scrollbar {
    max-width: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #c7c7c7 #c2c0c0;
}

    .custom-scrollbar::-webkit-scrollbar {
        width: 4px;
        max-width: 250px;
        max-height: 100px;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .custom-scrollbar::-webkit-scrollbar-track {
        width: 4px;
        max-width: 250px;
        max-height: 100px;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb {
        width: 4px;
        max-width: 250px;
        max-height: 100px;
        overflow-y: auto;
        scrollbar-width: thin;
    }


    .custom-scrollbar::-webkit-scrollbar {
        height: 9px;
        background: #c2c0c0;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb {
        background: #c7c7c7;
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
    }

    .custom-scrollbar::-webkit-scrollbar-corner {
        background: #c2c0c0;
    }



.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar {
    max-width: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #0076cc #49506d;
}

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar::-webkit-scrollbar {
        width: 4px;
        max-width: 250px;
        max-height: 100px;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar::-webkit-scrollbar-track {
        width: 4px;
        max-width: 250px;
        max-height: 100px;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar::-webkit-scrollbar-thumb {
        width: 4px;
        max-width: 250px;
        max-height: 100px;
        overflow-y: auto;
        scrollbar-width: thin;
    }


    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar::-webkit-scrollbar {
        height: 9px;
        background: #49506d;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar::-webkit-scrollbar-thumb {
        background: #0076cc;
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar::-webkit-scrollbar-corner {
        background: #49506d;
    }

.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li p {
    font-size: 14px;
    color: #999;
    padding: 20px 10px 10px;
    font-weight: 400;
    letter-spacing: 0.4px;
    margin: 0px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 1px solid #585858;
}

.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
}

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a {
        position: relative;
        color: #dcdcdc;
        padding: 8.7px 10px 8.7px 35px;
        display: block;
        border-radius: 0px;
        font-weight: 300;
        border-left: 0px solid transparent;
        letter-spacing: 0.4px;
        line-height: 1.5;
    }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a.sub_moduleRoute {
            padding: 8.7px 20px 8.7px 35px;
        }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a .according-menu {
            position: absolute;
            right: 24px;
            top: 0px;
        }

            .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a .according-menu i {
                font-size: 16px;
                transition: transform 0.5s;
                color: #dcdcdc;
            }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a svg {
            width: 15px;
            margin-right: 0px;
            vertical-align: bottom;
            float: none;
            stroke-width: 2.5px;
        }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a span {
            vertical-align: middle;
            font-size: 14px;
            padding-left: 0px;
        }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a .label {
            padding: 1px 7px 1px;
            font-size: 10px;
        }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li > a.active, .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li > a:hover {
        color: #627ca4;
        transition: all 0.5s ease;
        position: relative;
    }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li > a.active::after, .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li > a:hover::after {
        }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li > a.active svg, .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li > a:hover svg {
            color: #627ca4 !important;
        }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li > a.active .according-menu i, .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li > a:hover .according-menu i {
            color: #627ca4;
        }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li > a.active .according-menu i {
            transform: rotate(90deg);
            transition: transform 0.5s;
        }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li > a.collapsed.active .according-menu i {
        transform: rotate(0deg);
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu {
        padding-left: 12px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu li {
            display: block;
        }

            .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu li a {
                color: #dcdcdc;
                text-transform: capitalize;
                padding: 5px 0;
                position: relative;
                font-weight: 400;
            }

                .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu li a span {
                    padding-left: 24px;
                    display: block;
                }

                .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu li a svg {
                    position: absolute;
                    left: 4px;
                }

                .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu li a.active {
                    color: #627ca4;
                }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .only-link .according-menu {
        display: none;
    }

.page-body-wrapper .page-sidebar.close_icon {
    margin-left: -280px;
}

    .page-body-wrapper .page-sidebar.close_icon ~ .page-body, .page-body-wrapper .page-sidebar.close_icon ~ footer {
        margin-left: 0;
        transition: 0.5s;
    }

.page-body-wrapper .page-body {
    padding: 0 15px;
    min-height: calc(100vh - 70px);
    margin-top: 70px;
    margin-left: 250px;
    transition: 0.5s;
    background: #f5f7fb;
}

.onhover-dropdown {
    position: relative;
}

.onhover-show-div {
    top: 74px;
    position: absolute;
    z-index: 8;
    background-color: #ffffff;
    transition: all linear 0.3s;
}

    .onhover-show-div li {
        font-size: 14px;
    }

        .onhover-show-div li a svg {
            color: #7e7e7e;
        }

.user-group {
    display: flex;
    align-items: center;
}

    .user-group li img {
        width: 25px;
        height: 25px;
        border: 3px solid #ffffff;
        border-radius: 25px;
    }

    .user-group li + li {
        margin-left: -14px;
    }

    .user-group li.reply {
        margin-left: 5px;
    }

        .user-group li.reply a {
            color: #7e7e7e;
            font-weight: 500;
            font-size: 13px;
        }

.page-header {
    padding: 30px 0;
}

    .page-header .row {
        align-items: center;
    }

    .page-header h3, .page-header .h3 {
        text-transform: capitalize;
        margin-bottom: 0;
        font-weight: 400;
    }

        .page-header h3 small, .page-header .h3 small, .page-header h3 .small, .page-header .h3 .small {
            font-size: 13px;
            letter-spacing: 1px;
            display: block;
            margin-top: 6px;
            color: #959595;
            font-weight: normal;
        }

    .page-header .breadcrumb {
        float: right;
        background-color: transparent;
        padding: 0;
        margin: 0;
    }

        .page-header .breadcrumb a {
            color: #4a6076;
            padding: 5px;
            padding: 4px 5px 3px;
            position: relative;
        }

            .page-header .breadcrumb a .fa {
                font-size: 14px;
                color: var(--theme-default7);
            }

        .page-header .breadcrumb li {
            font-family: Rubik, sans-serif;
            font-size: 14px;
        }

        .page-header .breadcrumb .breadcrumb-item.active {
            color: #7e7e7e;
        }


/**=====================
sidebar css end
==========================**/


/**=====================
buttons css start
==========================**/

.btn {
    font-weight: 400;
    text-transform: capitalize;
    padding: 8px 35px 7px;
    border-radius: 3px;
    font-size: 14px;
    position: relative;
    width: auto;
}

    .btn:hover {
        opacity: .8;
    }

.card-header .btn {
    padding: 8px 18px 7px;
}

.btn.btn-sm, .btn-group-sm > .btn {
    padding: 8px 20px;
    font-size: 13px;
}

.btn.btn-solid {
    background: var(--theme-default5);
    border: 2px solid transparent;
    color: #ffffff;
}

    .btn.btn-solid::after {
        transition: 0.5s;
        opacity: 0.3;
    }

    .btn.btn-solid:hover {
        background: #ffffff;
        border: 2px solid var(--theme-default5);
        color: var(--theme-default5);
    }

        .btn.btn-solid:hover::after {
            box-shadow: unset;
            transition: 0.5s;
        }

    .btn.btn-solid.color-7 {
        background: var(--theme-default10);
    }

        .btn.btn-solid.color-7::after {
        }

        .btn.btn-solid.color-7:hover {
            background: #ffffff;
            border: 2px solid var(--theme-default10);
            color: var(--theme-default10);
        }

            .btn.btn-solid.color-7:hover::after {
                box-shadow: unset;
                transition: 0.5s;
            }

.btn.btn-gradient {
    color: #ffffff;
    background-size: 200% auto;
    transition: all 0.5s ease;
    border: 2px solid transparent;
}

    .btn.btn-gradient::after {
        opacity: 0;
        border-radius: 4px;
    }

    .btn.btn-gradient.color-1 {
        background-image: var(--theme-gradient1);
    }

        .btn.btn-gradient.color-1::after {
            opacity: 0.25;
        }

        .btn.btn-gradient.color-1:hover {
            background-position: right center;
        }

        .btn.btn-gradient.color-1:not(:disabled):not(.disabled):active,
        .btn.btn-gradient.color-1:not(:disabled):not(.disabled).active {
            background-image: var(--theme-gradient1);
        }

    .btn.btn-gradient.color-2 {
        background-image: var(--theme-gradient5);
    }

        .btn.btn-gradient.color-2::after {
            opacity: 0.35;
        }

        .btn.btn-gradient.color-2:hover {
            background-position: right center;
        }

        .btn.btn-gradient.color-2:not(:disabled):not(.disabled):active,
        .btn.btn-gradient.color-2:not(:disabled):not(.disabled).active {
            background-image: var(--theme-gradient5);
        }

    .btn.btn-gradient.color-4 {
        background: var(--theme-gradient8);
    }

        .btn.btn-gradient.color-4::after {
            opacity: 0.3;
            box-shadow: none;
        }

        .btn.btn-gradient.color-4:hover {
            background-position: right center;
        }

        .btn.btn-gradient.color-4:not(:disabled):not(.disabled):active,
        .btn.btn-gradient.color-4:not(:disabled):not(.disabled).active {
            background-image: var(--theme-gradient8);
        }

    .btn.btn-gradient.color-6 {
        background-image: var(--theme-gradient10);
    }

        .btn.btn-gradient.color-6::after {
            opacity: 0.3;
        }

        .btn.btn-gradient.color-6:hover {
            background-position: right center;
        }

        .btn.btn-gradient.color-6:not(:disabled):not(.disabled):active,
        .btn.btn-gradient.color-6:not(:disabled):not(.disabled).active {
            background-image: var(--theme-gradient10);
        }

    .btn.btn-gradient.btn-pill::after {
        border-radius: 30px;
    }

.btn.btn-light-bg {
    background-color: transparent;
    border: 2px solid transparent;
    transition: all 0.5s ease;
    height: 43px;
}

    .btn.btn-light-bg::after {
        background-color: var(--theme-default3);
        opacity: 0.1;
        height: 43px;
    }

    .btn.btn-light-bg span {
        background: var(--theme-gradient6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        vertical-align: -2px;
    }

    .btn.btn-light-bg:hover {
        border: 2px solid var(--theme-default3);
        background: #ffffff;
        transition: all 0.5s ease;
    }

        .btn.btn-light-bg:hover::after {
            background: #ffffff;
        }

    .btn.btn-light-bg.color-2 {
        border: none;
    }

        .btn.btn-light-bg.color-2:hover {
            border: none;
        }

    .btn.btn-light-bg.color-3 {
        color: var(--theme-default5);
    }

        .btn.btn-light-bg.color-3 span {
            color: var(--theme-default5);
            background: unset;
            -webkit-background-clip: unset;
            -webkit-text-fill-color: unset;
        }

        .btn.btn-light-bg.color-3::after {
            background-color: var(--theme-default5);
        }

        .btn.btn-light-bg.color-3:hover {
            border: 2px solid transparent;
        }

            .btn.btn-light-bg.color-3:hover span {
                color: #ffffff;
            }

            .btn.btn-light-bg.color-3:hover::after {
                opacity: 1;
                z-index: -1;
            }

            .btn.btn-light-bg.color-3:hover::before {
                transition: 0.5s;
                opacity: 0.35;
            }

    .btn.btn-light-bg.color-7 {
        color: var(--theme-default10);
        border: none;
    }

        .btn.btn-light-bg.color-7 span {
            color: var(--theme-default10);
            background: unset;
            -webkit-background-clip: unset;
            -webkit-text-fill-color: unset;
        }

        .btn.btn-light-bg.color-7::after {
            background-color: var(--theme-default10);
        }

        .btn.btn-light-bg.color-7:hover span {
            color: #ffffff;
        }

        .btn.btn-light-bg.color-7:hover::after {
            opacity: 1;
            z-index: -1;
        }

        .btn.btn-light-bg.color-7:hover::before {
            transition: 0.5s;
            opacity: 0.35;
        }

.btn.btn-white {
    background-color: #ffffff;
    border: 2px solid transparent;
    transition: all 0.5s ease;
}

    .btn.btn-white span {
        transition: all 0.5s ease;
    }

    .btn.btn-white:hover {
        transition: all 0.5s ease;
    }

    .btn.btn-white.color-6 {
        border: 2px solid transparent;
    }

        .btn.btn-white.color-6 span {
            background: var(--theme-gradient11);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

.btn.btn-dashed {
    border: 1px dashed #d2d2d2;
    color: #7e7e7e;
    background: transparent;
    transition: all 0.5s ease;
    position: relative;
    padding: 9px 30px 8px;
}

    .btn.btn-dashed:hover {
        background: #d2d2d2;
        color: #ffffff;
        transition: all 0.5s ease;
        background-color: transparent;
    }

        .btn.btn-dashed:hover::after {
            opacity: 0.1;
        }

    .btn.btn-dashed.color-1:hover {
        border-color: var(--theme-default2);
        color: var(--theme-default2);
    }

        .btn.btn-dashed.color-1:hover::after {
            background: var(--theme-default2);
        }

    .btn.btn-dashed.color-2:hover {
        border-color: var(--theme-default4);
        color: var(--theme-default4);
    }

        .btn.btn-dashed.color-2:hover::after {
            background: var(--theme-default4);
        }

    .btn.btn-dashed.color-4::after {
        width: 100%;
        height: 100%;
        position: absolute;
        content: '';
        background: transparent;
        top: 0;
        left: 0;
    }

    .btn.btn-dashed.color-4:hover {
        border-color: var(--theme-default7);
        color: var(--theme-default7);
    }

        .btn.btn-dashed.color-4:hover::after {
            background: var(--theme-default7);
        }

    .btn.btn-dashed.color-6:hover {
        border-color: var(--theme-default9);
        color: var(--theme-default9);
    }

        .btn.btn-dashed.color-6:hover::after {
            background: var(--theme-default9);
        }
/*.btn.btn-pill {border-radius: 30px;}
.btn.btn-pill:hover::after {border-radius: 30px;}
.btn.btn-pill::after {border-radius: 30px;}*/
.btn.btn-flat {
    border-radius: 0;
}

.btn.btn-lg,
.btn-group-lg > .btn {
    padding: 12px 30px 10px;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.btns {
    margin-bottom: -10px;
}

    .btns .btn {
        margin-bottom: 10px;
    }

.theme-buttons {
    margin-bottom: -15px;
}

    .theme-buttons > div {
        margin-left: -15px;
    }

        .theme-buttons > div .btn {
            margin-bottom: 15px;
        }

            .theme-buttons > div .btn + .btn {
                margin-left: 15px;
            }

.btn-outline-light {
    color: #3b4249;
}

.btn-showcase .theme-card .card-header {
    margin-top: -3px;
}

.btn-showcase .card-body {
    margin-bottom: -10px;
}

    .btn-showcase .card-body .btn {
        margin-bottom: 10px;
    }

.custom-dropdown {
    position: relative;
}

    .custom-dropdown .custom-dropdown-menu {
        width: 350px;
        padding: 20px;
        right: 0;
        box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.1);
        background: #ffffff;
        border: 1px solid #eee;
        border-radius: 4px;
        display: none;
        position: absolute;
        top: 30px;
        right: 0;
    }

        .custom-dropdown .custom-dropdown-menu form .checkbox_animated ~ span {
            vertical-align: -1px;
        }

        .custom-dropdown .custom-dropdown-menu.show {
            animation: fadeIn 0.5s;
            display: block;
        }


/**=====================
buttons css end
==========================**/


/**=====================
labels css start
==========================**/
.label {
    border-radius: 3px;
    padding: 5px 15px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    width: 90%;
}

    .label.label-shadow {
        background-color: #f72d66;
        box-shadow: 0 0 9px 3px rgba(241, 52, 57, 0.2);
    }

    .label.label-light {
        position: relative;
    }

        .label.label-light.color-1 {
            background: #546686;
        }

        .label.label-light.color-2 {
            background: #2DCEE3;
        }

        .label.label-light.color-3 {
            background: #0ac282;
        }

        .label.label-light.color-4 {
            background: #fe9365;
        }

        .label.label-light.color-5 {
            background: #c0392b;
        }

        .label.label-light.color-7 {
            background: #16a085;
        }





        .label.label-light.label-pill::after {
            border-radius: 9px;
        }

    .label.label-pill {
        border-radius: 9px;
    }

/**=====================
labels css end
==========================**/


/**===================== form css start ==========================**/

.form-control {
    border: 1px solid #eee;
}

input:focus {
    outline: none;
}

form label, form .form-control {
    font-size: 14px;
}

    form .form-control::-moz-placeholder {
        text-transform: capitalize;
    }

    form .form-control::placeholder {
        text-transform: capitalize;
    }

form #token.form-control::-moz-placeholder {
    text-transform: none;
}

form #token.form-control::placeholder {
    text-transform: none;
}


form .form-control:focus {
    box-shadow: none;
}

form label {
    color: #2c3e50;
}

.alert-success {
    max-width: 350px;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #c0392b !important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(/img/error.b4225527.svg);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    transition: all 0.3s ease;
}

.is-invalid .vue-dynamic-select {
    border-color: #c0392b !important;
}

.input-group.is-invalid {
    border: 1px solid #c0392b !important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(/img/error.b4225527.svg);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    transition: all 0.3s ease;
    border-radius: 0.25rem !important;
}

.is-invalid .vue-dynamic-select {
    border-color: #c0392b !important;
}

.was-validated .form-control:invalid:focus, .was-validated .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .custom-select.is-invalid:focus {
    border-bottom-color: #c0392b;
    box-shadow: unset;
}

.was-validated .form-control:valid:focus, .was-validated .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .custom-select.is-valid:focus {
    border-bottom-color: #28a745;
    box-shadow: unset;
}

.animate-rdi {
    margin-left: 45px;
}

    .animate-rdi .col {
        align-items: center;
        justify-content: flex-end;
        display: flex;
    }

    .animate-rdi label {
        color: #ffffff;
        margin-bottom: 0;
        padding: 15px 20px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 5px;
        margin-right: 47px;
        font-weight: 400;
        cursor: pointer;
    }

    .animate-rdi .radio_animated:after {
        background: #2b2f31;
    }

.checkbox_animated {
    cursor: pointer;
    position: relative;
    margin: 0 .1rem 0 0;
}

    .checkbox_animated:before {
        transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        transform: rotate(-45deg) scale(0, 0);
        content: "";
        position: absolute;
        left: 0.25rem;
        top: 0.225rem;
        z-index: 1;
        width: 0.75rem;
        height: 0.375rem;
        border: 2px solid var(--theme-default);
        border-top-style: none;
        border-right-style: none;
    }

    .checkbox_animated:after {
        content: "";
        position: absolute;
        top: -0.125rem;
        left: 0;
        width: 1.3rem;
        height: 1.3rem;
        background: #ffffff;
        border: 2px solid #efefef;
        cursor: pointer;
    }

    .checkbox_animated:checked:before {
        transform: rotate(-45deg) scale(1, 1);
    }

    .checkbox_animated.color-2:before {
        border: 2px solid var(--theme-default3);
        border-top-style: none;
        border-right-style: none;
    }

    .checkbox_animated.color-3:before {
        border: 2px solid var(--theme-default5);
        border-top-style: none;
        border-right-style: none;
    }

    .checkbox_animated.color-4:before {
        border: 2px solid var(--theme-default7);
        border-top-style: none;
        border-right-style: none;
    }

    .checkbox_animated.color-6:before {
        border: 2px solid var(--theme-default8);
        border-top-style: none;
        border-right-style: none;
    }

    .checkbox_animated.color-7:before {
        border: 2px solid var(--theme-default10);
        border-top-style: none;
        border-right-style: none;
    }

.radio_animated {
    position: relative;
    margin: 0 20px 0 0;
    cursor: pointer;
}

    .radio_animated:before {
        transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        transform: scale(0, 0);
        content: "";
        position: absolute;
        top: -8px;
        left: 2px;
        z-index: 1;
        width: 7px;
        height: 7px;
        background: #ff5c41;
        border-radius: 50%;
    }

    .radio_animated:after {
        content: "";
        position: absolute;
        top: -12px;
        left: -0.125rem;
        width: 15px;
        height: 15px;
        background: #ffffff;
        border: 5px solid rgba(255, 92, 65, 0.3);
        border-radius: 50%;
    }

    .radio_animated:checked:before {
        transform: scale(1, 1);
    }

input[type='radio'].radio_animated {
    -webkit-appearance: none;
}

.log-in.row > div {
    margin: 0 auto;
}

    .log-in.row > div.form-login {
        max-width: 400px;
    }

.log-in .login-logo {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

    .log-in .login-logo img {
        max-width: 180px;
    }

.log-in form .form-group label {
    font-weight: bold;
    letter-spacing: .3px;
}

.log-in form .form-group .input-group-text {
    background: none;
}

.log-in form .form-group input.form-control {
    max-height: 40px;
    height: 40px;
}

.border-radius-border-right {
    border-right: none !important;
    border-radius: 0.25rem 0px 0px 0.25rem !important;
}

.log-in form .form-group .input-group-text {
    max-height: 40px;
    height: 40px !important;
    background: #1d233b;
}

.border-radius-border-left {
    border-left: none !important;
    border-radius: 0px 0.25rem 0.25rem 0px !important;
}

.log-in form .form-group .input-group-text {
    max-height: 40px;
    height: 40px;
}

.input-group.is-invalid .input-group-text, .input-group.is-invalid input {
    border: none !important;
}

.log-in form .form-group .input-group-text i {
    font-size: 12px;
}



/**===================== form css end ==========================**/


/**===================== Card css start ==========================**/

.card {
    border: none !important;
    box-shadow: none;
    border-radius: 5px;
    margin-bottom: 30px;
    box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
}

    .card .card-header {
        background-color: transparent;
        border-bottom: none;
    }

        .card .card-header h5, .card .card-header .h5 {
            margin-bottom: 0;
        }

        .card .card-header .d-flex {
            justify-content: space-between;
            align-items: center;
        }

    .card .card-body, .card .card-header, .card .card-footer {
        padding: 1.25rem;
    }

        .card .card-header a.arrow-animated, .page-header .page-header-left a {
            background: #945e00;
            color: #fff;
            padding: 5px 5px 5px 7px;
            border-radius: 5px;
        }

        .card .card-header a.arrow-animated {
            /* min-width: 85px;*/
            display: flex;
            align-items: center;
            justify-content: space-between
        }


.p-datatable-scrollable
.card .card-header a.arrow-animated:hover, .page-header .page-header-left a:hover {
    background: #1d233b;
}
/**===================== card css end ==========================**/
.slick-dots li button:before {
    opacity: 1;
}


/**===================== property css start ==========================**/
.alert-default {
    color: #ffffff;
    background-color: var(--theme-default2);
    font-weight: 500;
}

    .alert-default .btn-close {
        width: 6px;
        height: 6px;
        top: 20px;
        color: #ffffff;
        filter: brightness(1) invert(1);
    }

.alert-default-2 {
    color: #ffffff;
    background-color: var(--theme-default9);
    font-weight: 500;
}

    .alert-default-2 .btn-close {
        width: 6px;
        height: 6px;
        top: 20px;
        color: #ffffff;
        filter: brightness(1) invert(1);
    }

.property-wrapper-grid .col-xl-4 .property-details {
    padding: 15px;
}

    .property-wrapper-grid .col-xl-4 .property-details ul li {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 13px;
    }

        .property-wrapper-grid .col-xl-4 .property-details ul li img {
            height: 14px;
        }

        .property-wrapper-grid .col-xl-4 .property-details ul li:first-child {
            padding-left: 0;
        }

        .property-wrapper-grid .col-xl-4 .property-details ul li:last-child {
            padding-right: 0;
        }

.property-section .property-box-flat .property-box .property-details .btn-light-bg.btn-flat::after {
    height: 100%;
}

.property-details {
    padding: 30px;
    position: relative;
}

    .property-details > span {
        letter-spacing: 5px;
        color: #959595;
        text-transform: uppercase;
        font-weight: 500;
    }

    .property-details > a {
        display: block;
        color: #7e7e7e;
        transition: 0.8s;
    }

    .property-details h3, .property-details .h3 {
        font-weight: 700;
        margin-bottom: 10px;
        font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
    }

    .property-details p {
        line-height: 1.6;
        font-size: 15px;
        margin-bottom: 20px;
    }

    .property-details ul {
        margin-bottom: 18px;
    }

        .property-details ul li {
            padding-left: 15px;
            padding-right: 12px;
            font-weight: 500;
            line-height: 1.2;
        }

            .property-details ul li + li {
                border-left: 1px solid rgba(0, 0, 0, 0.2);
            }

            .property-details ul li:first-child {
                padding-left: 0;
            }

            .property-details ul li:last-child {
                padding-right: 0;
            }

    .property-details .property-btn {
        align-items: center;
        justify-content: space-between;
    }

        .property-details .property-btn span {
            color: #878787;
            font-size: 14px;
            font-weight: 500;
        }

        .property-details .property-btn .btn:hover {
            background-color: rgba(255, 92, 65, 0.1);
        }

        .property-details .property-btn .btn.color-1:hover {
            background-color: rgba(100, 50, 184, 0.1);
        }

        .property-details .property-btn .btn.color-6:hover {
            background-color: rgba(44, 46, 151, 0.1);
        }

        .property-details .property-btn .btn.color-5:hover {
            background-color: rgba(94, 172, 18, 0.1);
        }

    .property-details .property-svg {
        width: 16px;
        height: 16px;
    }

.property-section .property-2.color-1 .property-box:hover .property-details > a {
    background: var(--theme-gradient1);
    -webkit-background-clip: text;
}

.property-section .property-2.color-6 .property-box:hover .property-details > a {
    background: var(--theme-gradient10);
    -webkit-background-clip: text;
}

.property-section.section-sm .property-2:not(.no-sidebar) {
    height: calc(100vh - 220px);
    overflow-y: scroll;
    margin-bottom: 10px;
}

    .property-section.section-sm .property-2:not(.no-sidebar):not(.no-sidebar)::-webkit-scrollbar {
        width: 5px;
    }

    .property-section.section-sm .property-2:not(.no-sidebar):not(.no-sidebar)::-webkit-scrollbar-thumb {
        background: transparent;
    }

    .property-section.section-sm .property-2:not(.no-sidebar):hover:not(.no-sidebar)::-webkit-scrollbar-thumb {
        background: rgba(108, 111, 105, 0.2);
    }

.property-section .title-1 h2, .property-section .title-1 .h2 {
    margin-bottom: -9px;
}

.property-section .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    transition: all 0.5s;
}

.property-section .title-1:hover hr {
    width: 150px;
}

.property-section .title-1.color-6 hr {
    color: var(--theme-default8);
}

.property-section .title-2 h2,
.property-section .title-2 .h2 {
    margin-top: -2px;
}

.property-section .title-3.d-flex {
    justify-content: space-between;
    align-items: flex-start;
}

.property-section .title-3 .pagination li a {
    padding: 12px 16px;
    color: var(--theme-default7);
    border-radius: 5px;
    font-weight: 700;
    transition: 0.5s;
    position: relative;
}

    .property-section .title-3 .pagination li a::after {
        opacity: 0.1;
        background-color: var(--theme-default7);
        transition: 0.5s;
        border-radius: 5px;
        z-index: -1;
    }

.property-section .title-3 .pagination li.active a,
.property-section .title-3 .pagination li:hover a {
    color: #ffffff;
    transition: 0.5s;
}

    .property-section .title-3 .pagination li.active a::after,
    .property-section .title-3 .pagination li:hover a::after {
        opacity: 1;
    }

.property-section .title-3 .pagination li + li {
    margin-left: 20px;
}

.property-section .title-3 .pagination-tab {
    margin-top: 1px;
}

.property-section .title-3.text-start {
    margin-top: -2px;
}

.property-section.slick-between .title-3.text-start {
    margin-top: -5px;
}

.property-section .property-box {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.04);
    background: #ffffff;
}

    .property-section .property-box:hover {
        box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease;
    }

        .property-section .property-box:hover .property-image .property-slider.color-6 .slick-prev,
        .property-section .property-box:hover .property-image .property-slider.color-6 .slick-next {
            background-color: var(--theme-default9);
        }

        .property-section .property-box:hover .property-image .property-slider.color-7 .slick-prev,
        .property-section .property-box:hover .property-image .property-slider.color-7 .slick-next {
            background-color: var(--theme-default10);
        }

        .property-section .property-box:hover .property-image .property-slider.color-3 .slick-prev,
        .property-section .property-box:hover .property-image .property-slider.color-3 .slick-next {
            background-color: var(--theme-default5);
        }

        .property-section .property-box:hover .property-image .property-slider.color-1 .slick-prev,
        .property-section .property-box:hover .property-image .property-slider.color-1 .slick-next {
            background-color: var(--theme-default);
        }

        .property-section .property-box:hover .property-image .property-slider .slick-prev {
            left: 15px;
            transition: all 0.5s;
            background-color: var(--theme-default3);
            border-radius: 30px;
        }

            .property-section .property-box:hover .property-image .property-slider .slick-prev::before {
                content: "\f053";
                font-family: "Font Awesome 5 free";
                font-weight: 900;
                opacity: 1;
                line-height: 0.6;
                font-size: 12px;
            }

        .property-section .property-box:hover .property-image .property-slider .slick-next {
            right: 15px;
            transition: all 0.5s;
            background-color: var(--theme-default3);
            border-radius: 30px;
        }

            .property-section .property-box:hover .property-image .property-slider .slick-next::before {
                content: "\f054";
                font-family: "Font Awesome 5 free";
                font-weight: 900;
                opacity: 1;
                line-height: 0.6;
                font-size: 12px;
            }

    .property-section .property-box .property-image {
        position: relative;
    }

        .property-section .property-box .property-image .property-slider {
            margin-bottom: 0;
        }

            .property-section .property-box .property-image .property-slider.color-6 .slick-dots li.slick-active button::before {
                color: var(--theme-default8);
            }

            .property-section .property-box .property-image .property-slider.color-1 .slick-dots li.slick-active button::before {
                color: var(--theme-default);
            }

            .property-section .property-box .property-image .property-slider.color-3 .slick-dots li.slick-active button::before {
                color: var(--theme-default5);
            }

            .property-section .property-box .property-image .property-slider.color-7 .slick-dots li.slick-active button::before {
                color: var(--theme-default10);
            }

            .property-section .property-box .property-image .property-slider .slick-dots {
                bottom: 10px;
            }

                .property-section .property-box .property-image .property-slider .slick-dots li button:before {
                    font-size: 12px;
                    color: #ffffff;
                    border: 1px solid;
                    border-radius: 100%;
                }

                .property-section .property-box .property-image .property-slider .slick-dots li.slick-active button::before {
                    color: var(--theme-default3);
                }

        .property-section .property-box .property-image .labels-left {
            position: absolute;
            left: -6px;
            top: 20px;
        }

            .property-section .property-box .property-image .labels-left .label {
                text-transform: uppercase;
                font-size: 10px;
                font-weight: 500;
                font-family: Roboto, sans-serif;
            }

            .property-section .property-box .property-image .labels-left > span {
                margin-top: 6px;
            }

        .property-section .property-box .property-image .seen-data {
            position: absolute;
            right: 20px;
            top: 20px;
            padding: 1px 8px 2px;
            border-radius: 5px;
            background-color: #7e7e7e;
        }

            .property-section .property-box .property-image .seen-data svg {
                width: 14px;
                height: 14px;
                vertical-align: -2px;
                margin-right: 8px;
                color: #ffffff;
            }

            .property-section .property-box .property-image .seen-data span {
                font-size: 12px;
                color: #ffffff;
            }

        .property-section .property-box .property-image .overlay-property-box {
            position: absolute;
            bottom: 12px;
            right: 12px;
            margin: 0 auto;
            display: block;
            transition: 0.8s;
        }

            .property-section .property-box .property-image .overlay-property-box .like.added svg {
                fill: var(--theme-default3);
            }

            .property-section .property-box .property-image .overlay-property-box .effect-round svg {
                width: 17px;
                stroke: #7e7e7e;
            }

            .property-section .property-box .property-image .overlay-property-box .effect-round1 svg {
                width: 17px;
                stroke: var(--theme-default8);
            }

            .property-section .property-box .property-image .overlay-property-box .effect-round,
            .property-section .property-box .property-image .overlay-property-box .effect-round1 {
                width: 35px;
                height: 35px;
                background: #ffffff;
                border-radius: 5px;
                position: relative;
            }

                .property-section .property-box .property-image .overlay-property-box .effect-round + .effect-round,
                .property-section .property-box .property-image .overlay-property-box .effect-round + .effect-round1,
                .property-section .property-box .property-image .overlay-property-box .effect-round1 + .effect-round,
                .property-section .property-box .property-image .overlay-property-box .effect-round1 + .effect-round1 {
                    margin-top: 8px;
                }

                .property-section .property-box .property-image .overlay-property-box .effect-round i,
                .property-section .property-box .property-image .overlay-property-box .effect-round1 i {
                    font-size: 18px;
                    margin-top: 2px;
                    background: var(--theme-gradient3);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                }

        .property-section .property-box .property-image .overlay-plus {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0;
            transition: 0.5s;
            background-color: rgba(0, 0, 0, 0.5);
        }

            .property-section .property-box .property-image .overlay-plus span {
                font-size: 70px;
                color: #ffffff;
            }

            .property-section .property-box .property-image .overlay-plus .seen-data {
                position: absolute;
                right: 20px;
                top: 20px;
                padding: 1px 8px 2px;
                border-radius: 5px;
                background-color: #7e7e7e;
            }

                .property-section .property-box .property-image .overlay-plus .seen-data svg,
                .property-section .property-box .property-image .overlay-plus .seen-data span {
                    color: #ffffff;
                }

                .property-section .property-box .property-image .overlay-plus .seen-data svg {
                    width: 14px;
                    height: 14px;
                    vertical-align: -2px;
                    margin-right: 8px;
                }

                .property-section .property-box .property-image .overlay-plus .seen-data span {
                    font-size: 12px;
                }

            .property-section .property-box .property-image .overlay-plus .like-bottom {
                position: absolute;
                bottom: 20px;
                right: 20px;
                padding: 5px 6px 4px;
                display: flex;
                border-radius: 5px;
                background-color: #7e7e7e;
            }

                .property-section .property-box .property-image .overlay-plus .like-bottom svg {
                    width: 15px;
                    height: 15px;
                    stroke-width: 3px;
                    color: #ffffff;
                }

        .property-section .property-box .property-image .grid-slider .slick-arrow,
        .property-section .property-box .property-image .slider-for .slick-arrow {
            opacity: 0;
        }

    .property-section .property-box .property-details h6,
    .property-section .property-box .property-details .h6 {
        font-weight: 400;
        font-size: 17px;
        color: var(--theme-default3);
    }

        .property-section .property-box .property-details h6.color-1,
        .property-section .property-box .property-details .color-1.h6 {
            color: var(--theme-default);
        }

        .property-section .property-box .property-details h6.color-6,
        .property-section .property-box .property-details .color-6.h6 {
            color: var(--theme-default8);
        }

    .property-section .property-box .property-details .icon-property {
        display: flex;
    }

        .property-section .property-box .property-details .icon-property li {
            width: 100%;
            position: relative;
        }

            .property-section .property-box .property-details .icon-property li + li {
                border-left: none;
            }

                .property-section .property-box .property-details .icon-property li + li::before {
                    position: absolute;
                    content: "";
                    width: 1px;
                    height: 20px;
                    background-color: rgba(59, 66, 73, 0.2);
                    top: 10px;
                    left: -10px;
                }

            .property-section .property-box .property-details .icon-property li .d-flex {
                align-items: center;
            }

                .property-section .property-box .property-details .icon-property li .d-flex .property-icon {
                    width: 35px;
                    height: 35px;
                    min-width: 35px;
                    border-radius: 100%;
                    margin-right: 15px;
                    position: relative;
                }

                    .property-section .property-box .property-details .icon-property li .d-flex .property-icon::after {
                        border-radius: 100%;
                        opacity: 0.1;
                    }

                    .property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-3::after {
                        background-color: var(--theme-default5);
                    }

                    .property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-3 .property-svg {
                        fill: var(--theme-default5);
                    }

                    .property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-4::after {
                        background-color: var(--theme-default6);
                    }

                    .property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-4 .property-svg {
                        fill: var(--theme-default6);
                    }

                    .property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-7::after {
                        background-color: var(--theme-default10);
                    }

                    .property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-7 .property-svg {
                        fill: var(--theme-default10);
                    }

        .property-section .property-box .property-details .icon-property + .icon-property {
            margin-top: 20px;
        }

    .property-section .property-box .property-details > ul > li > img {
        height: 16px;
        display: inline-block;
        margin-right: 7px;
    }

    .property-section .property-box:hover .property-image .overlay-plus {
        opacity: 1;
        transition: 0.8s;
    }

    .property-section .property-box:hover .property-image .grid-slider .slick-arrow,
    .property-section .property-box:hover .property-image .slider-for .slick-arrow {
        opacity: 1;
    }

    .property-section .property-box:hover .property-image .grid-slider .slick-prev,
    .property-section .property-box:hover .property-image .slider-for .slick-prev {
        left: 15px;
        transition: 0.5s;
    }

    .property-section .property-box:hover .property-image .grid-slider .slick-next,
    .property-section .property-box:hover .property-image .slider-for .slick-next {
        right: 15px;
        transition: 0.5s;
    }

    .property-section .property-box:hover .property-details > a h3,
    .property-section .property-box:hover .property-details > a .h3 {
        color: var(--theme-default2);
        transition: 0.8s;
    }

    .property-section .property-box.liked-img .property-image .overlay-plus .like-bottom svg {
        color: #bd1015;
    }

        .property-section .property-box.liked-img .property-image .overlay-plus .like-bottom svg path {
            fill: #bd1015;
        }

.property-section.property-color-6 .property-box .property-image .overlay-property-box .effect-round i,
.property-section.property-color-6 .property-box .property-image .overlay-property-box .effect-round1 i {
    background: var(--theme-gradient12);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.property-section.property-color-6 .property-box:hover .property-details > a h3,
.property-section.property-color-6 .property-box:hover .property-details > a .h3 {
    color: var(--theme-default9);
}

.property-section .nav-tabs {
    display: flex;
    justify-content: center;
    border-bottom: none;
    margin-bottom: 30px;
}

    .property-section .nav-tabs .nav-item {
        margin-bottom: 15px;
    }

        .property-section .nav-tabs .nav-item .nav-link {
            border-radius: 5px;
            filter: drop-shadow(3.346px 3.716px 25px rgba(0, 0, 0, 0.06));
            background-color: rgba(255, 255, 255, 0.1);
            color: #ffffff;
            font-weight: 400;
        }

        .property-section .nav-tabs .nav-item.show .nav-link {
            background-color: #ffffff;
            color: var(--theme-default3);
            border-color: transparent;
        }

        .property-section .nav-tabs .nav-item + .nav-item {
            margin-left: 30px;
        }

    .property-section .nav-tabs .nav-link {
        position: relative;
    }

        .property-section .nav-tabs .nav-link::before {
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #ffffff;
            content: "";
            bottom: -7px;
            opacity: 0;
            transition: 0.5s;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        .property-section .nav-tabs .nav-link.active,
        .property-section .nav-tabs .nav-link:hover,
        .property-section .nav-tabs .nav-link:focus {
            background-color: #ffffff;
            color: var(--theme-default3);
            border-color: transparent;
        }

            .property-section .nav-tabs .nav-link.active::before,
            .property-section .nav-tabs .nav-link:hover::before,
            .property-section .nav-tabs .nav-link:focus::before {
                opacity: 1;
                transition: 0.5s;
            }

.property-section .pagination-tab .nav-item {
    margin-bottom: 0;
}

.property-section .tab-content .tab-pane .property-2 > div .property-box {
    animation: zoomIn 0.8s;
}

.property-section.bg-comman-2::before {
    height: 450px;
}

.property-section .property-1 .property-details,
.property-section .property-2 .property-details {
    padding: 30px;
}

    .property-section .property-1 .property-details > span,
    .property-section .property-2 .property-details > span {
        display: block;
        margin-top: -3px;
    }

.property-section .property-1 .slick-list .slick-track .slick-slide,
.property-section .property-2 .slick-list .slick-track .slick-slide {
    margin-bottom: -6px;
}

.property-section .property-2 .property-box {
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
}

    .property-section .property-2 .property-box .property-details > a {
        display: block;
        transition: 0.8s;
        color: transparent;
        background: linear-gradient(to right, #7e7e7e 0%, #7e7e7e 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .property-section .property-2 .property-box .property-details > span {
        display: block;
        margin-top: -3px;
        margin-bottom: 5px;
    }

    .property-section .property-2 .property-box:hover .property-details > a {
        background: var(--theme-gradient6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        transition: 0.8s;
    }

    .property-section .property-2 .property-box .property-image .labels-left,
    .property-section .property-3 .property-box .property-image .labels-left {
        left: 20px;
    }

.property-section .property-box-flat .property-box {
    border-radius: 0;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
}

    .property-section .property-box-flat .property-box .property-image .label-white {
        position: absolute;
        right: 20px;
        top: 20px;
        transition: 0.5s;
    }

    .property-section .property-box-flat .property-box .property-image .overlay-plus {
        background-color: rgba(0, 0, 0, 0.15);
        z-index: 1;
    }

        .property-section .property-box-flat .property-box .property-image .overlay-plus .seen-data {
            top: unset;
            bottom: 20px;
            right: 56px;
            border-radius: 0;
        }

        .property-section .property-box-flat .property-box .property-image .overlay-plus .like-bottom {
            border-radius: 0;
        }

    .property-section .property-box-flat .property-box .property-details h3,
    .property-section .property-box-flat .property-box .property-details .h3 {
        margin-top: -2px;
    }

        .property-section .property-box-flat .property-box .property-details h3 a,
        .property-section .property-box-flat .property-box .property-details .h3 a {
            color: #7e7e7e;
        }

    .property-section .property-box-flat .property-box .property-details p {
        color: rgba(88, 97, 103, 0.7);
    }

    .property-section .property-box-flat .property-box:hover .property-image .label-white {
        z-index: 2;
        background-color: var(--theme-default5);
        color: #ffffff;
        transition: 0.5s;
    }

        .property-section .property-box-flat .property-box:hover .property-image .label-white::after {
            box-shadow: 0px 5px 12.5px var(--theme-default5);
            opacity: 0.35;
        }

        .property-section .property-box-flat .property-box:hover .property-image .label-white.color-7 {
            background-color: var(--theme-default10);
        }

            .property-section .property-box-flat .property-box:hover .property-image .label-white.color-7::after {
                box-shadow: 0px 5px 12.5px var(--theme-default10);
            }

.property-section .property-3 .slick-list {
    margin: -30px -12px;
}

    .property-section .property-3 .slick-list .slick-track .slick-slide > div {
        margin: 30px 20px;
    }

    .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white {
        z-index: 2;
        background-color: var(--theme-default5);
        color: #ffffff;
        transition: 0.5s;
    }

        .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white::after {
            box-shadow: 0px 3px 6px var(--theme-default5);
            opacity: 0.35;
        }

        .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white.color-7 {
            background-color: var(--theme-default10);
        }

            .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white.color-7::after {
                box-shadow: 0px 5px 12.5px var(--theme-default10);
            }

    .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .overlay-property-box,
    .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .overlay-plus {
        opacity: 1;
        transition: 0.8s;
    }

.property-section .property-3 .property-box:hover .property-image .overlay-property-box,
.property-section .property-3 .property-box:hover .property-image .overlay-plus {
    opacity: 0;
}

.property-section .property-3 .property-box:hover .property-image .label-white {
    background-color: #ffffff;
    color: var(--theme-default5);
}

    .property-section .property-3 .property-box:hover .property-image .label-white::after {
        box-shadow: unset;
    }

    .property-section .property-3 .property-box:hover .property-image .label-white.color-7 {
        background-color: #ffffff;
        color: var(--theme-default10);
    }

        .property-section .property-3 .property-box:hover .property-image .label-white.color-7::after {
            box-shadow: unset;
        }

.property-section .property-4 .slick-list .slick-track .slick-slide {
    margin-bottom: -6px;
}

.property-section .list-property .property-box {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.09);
}

    .property-section .list-property .property-box .text-center {
        margin-top: -20px;
        position: relative;
    }

        .property-section .list-property .property-box .text-center .label-gradient {
            transition: 0.5s;
        }

    .property-section .list-property .property-box .property-image .overlay-property {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        transform: scale(0.8);
        opacity: 0;
        transition: 0.5s ease;
    }

        .property-section .list-property .property-box .property-image .overlay-property .overlay-box {
            transition: 0.4s;
            background-color: #ffffff;
            border-radius: 5px;
            height: calc(100% - 92px);
            width: 85%;
            position: absolute;
            top: 14%;
            left: 8%;
            padding: 40px;
        }

            .property-section .list-property .property-box .property-image .overlay-property .overlay-box h4,
            .property-section .list-property .property-box .property-image .overlay-property .overlay-box .h4 {
                line-height: 1.2;
                color: #384147;
                font-weight: 700;
                margin-bottom: 12px;
            }

            .property-section .list-property .property-box .property-image .overlay-property .overlay-box p {
                font-size: calc( 14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
                line-height: 1.3;
                color: rgba(88, 97, 103, 0.7);
            }

            .property-section .list-property .property-box .property-image .overlay-property .overlay-box a {
                background-image: var(--theme-gradient9);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                position: relative;
                font-weight: 400;
                display: initial;
            }

                .property-section .list-property .property-box .property-image .overlay-property .overlay-box a::after {
                    position: absolute;
                    content: "";
                    right: -45px;
                    top: 10px;
                    width: 35px;
                    height: 2px;
                    border-radius: 1px;
                    background-color: var(--theme-default7);
                }

        .property-section .list-property .property-box .property-image .overlay-property::after {
            background-color: #303030;
            opacity: 0.4;
            z-index: -1;
        }

    .property-section .list-property .property-box:hover .text-center .label-gradient {
        transition: 0.5s;
        position: relative;
    }

        .property-section .list-property .property-box:hover .text-center .label-gradient::after {
            transition: 0.5s;
            box-shadow: -5.15px 8.572px 25px var(--theme-default6);
            opacity: 0.3;
        }

    .property-section .list-property .property-box:hover .property-image .overlay-property {
        opacity: 1;
        transform: scale(1);
        transition: 0.5s;
    }

.property-section .listing-hover-property {
    margin-bottom: -30px;
}

    .property-section .listing-hover-property .property-box {
        position: relative;
    }

        .property-section .listing-hover-property .property-box .property-image .labels-left {
            top: 15px;
        }

        .property-section .listing-hover-property .property-box .bottom-property {
            position: absolute;
            left: 0;
            bottom: -70px;
            color: #ffffff;
            transition: 0.9s;
            width: 100%;
            z-index: 1;
        }

            .property-section .listing-hover-property .property-box .bottom-property div.d-flex {
                align-items: center;
                justify-content: space-between;
            }

            .property-section .listing-hover-property .property-box .bottom-property > div {
                padding: 15px;
                transition: height 0.9s;
            }

            .property-section .listing-hover-property .property-box .bottom-property h5,
            .property-section .listing-hover-property .property-box .bottom-property .h5 {
                font-weight: 400;
            }

                .property-section .listing-hover-property .property-box .bottom-property h5 a,
                .property-section .listing-hover-property .property-box .bottom-property .h5 a {
                    color: #ffffff;
                }

            .property-section .listing-hover-property .property-box .bottom-property h6,
            .property-section .listing-hover-property .property-box .bottom-property .h6 {
                margin-bottom: 0;
            }

            .property-section .listing-hover-property .property-box .bottom-property .overlay-option {
                background-color: rgba(0, 0, 0, 0.8);
                padding: 0;
            }

                .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul {
                    display: flex;
                    flex-wrap: wrap;
                }

                    .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li {
                        flex: 0 0 25%;
                        max-width: 25%;
                        padding: 20px;
                        transition: 0.9s;
                    }

                        .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li:nth-child(1) {
                            background-color: #636363;
                        }

                        .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li:nth-child(2) {
                            background-color: #565656;
                        }

                        .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li:nth-child(3) {
                            background-color: #494949;
                        }

                        .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li:nth-child(4) {
                            background-color: #3d3d3d;
                        }

                        .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li .media {
                            align-items: center;
                        }

                            .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li .media img {
                                width: 30px;
                                filter: brightness(0.8) invert(0.8);
                            }

                            .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li .media .media-body {
                                margin-left: 10px;
                            }

                        .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li span {
                            font-size: 13px;
                        }

                        .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li h6,
                        .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li .h6 {
                            font-weight: 500;
                        }

        .property-section .listing-hover-property .property-box::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            transition: 0.9s;
            left: 0;
            bottom: 0;
            background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.8) 100%);
        }

        .property-section .listing-hover-property .property-box:hover .bottom-property {
            bottom: 0;
            transition: 0.9s;
        }

            .property-section .listing-hover-property .property-box:hover .bottom-property > div {
                transition: 0.9s;
            }

            .property-section .listing-hover-property .property-box:hover .bottom-property .overlay-option ul li {
                opacity: 1;
                transition: 0.9s;
            }

        .property-section .listing-hover-property .property-box:hover::after {
            background-image: linear-gradient(to bottom, transparent 45%, rgba(0, 0, 0, 0.9) 100%);
            transition: 0.9s;
        }

    .property-section .listing-hover-property > div {
        margin-bottom: 30px;
    }

.property-section .property-label .property-box .property-image .labels-left .label {
    text-transform: capitalize;
    font-size: 12px;
}

.property-section .tab-content .tab-pane .list-property > div .property-box {
    animation: zoomIn 0.8s;
}

.property-grid .property-box .agent-image {
    border-bottom: 1px solid #eee;
}

.property-grid.list-view .property-box {
    display: flex;
}

    .property-grid.list-view .property-box .property-image {
        width: 50%;
    }

        .property-grid.list-view .property-box .property-image .bg-size {
            height: 100%;
        }

    .property-grid.list-view .property-box .agent-image {
        border-right: 1px solid #eee;
    }

.property-grid-3 {
    position: relative;
}

    .property-grid-3 .filter-bottom-content {
        top: 45px;
    }

    .property-grid-3 .property-grid.list-view .property-box .agent-image {
        width: 100%;
    }

        .property-grid-3 .property-grid.list-view .property-box .agent-image > div {
            height: 100%;
        }

        .property-grid-3 .property-grid.list-view .property-box .agent-image:hover .overlay-content {
            left: 53%;
        }

    .property-grid-3 .filter-panel .top-panel h2,
    .property-grid-3 .filter-panel .top-panel .h2 {
        margin-top: -2px;
    }

.property-grid-slider .property-2 .property-box .overlay-plus {
    background: unset;
    opacity: 1;
}

.property-grid-slider .property-grid.list-view .property-box {
    align-items: center;
}

    .property-grid-slider .property-grid.list-view .property-box .property-image {
        width: 45%;
    }

.property-grid-slider .property-grid.list-view .bg-size {
    height: 39vh;
}

.property-grid-slider .property-grid.list-view .thumbnail-nav .bg-size {
    height: auto;
}

.property-grid-slider .property-grid .slider-for .slick-slide img {
    min-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
}

.property-grid-slider .property-grid .slider-nav {
    margin: 6px 0px -5px -4px;
}

    .property-grid-slider .property-grid .slider-nav .slick-slide {
        margin: 0 3px;
    }

        .property-grid-slider .property-grid .slider-nav .slick-slide img {
            min-height: 72px;
            cursor: pointer;
            -o-object-fit: cover;
            object-fit: cover;
        }

.property-map .filter-panel {
    margin-bottom: 0;
}

.property-map .property-grid {
    padding-top: 40px;
}

.property-map .theme-pagination {
    margin-bottom: 40px;
}

.property-map .filter-bottom-content {
    z-index: 2;
    width: 90%;
    right: 0;
    top: 45px;
    margin: 0 auto;
}

.property-list-view .property-grid.list-view .property-box .property-image {
    width: 100%;
}

.mfp-title {
    display: none;
}

.property-main {
    overflow: unset;
}

.single-property-section {
    position: absolute;
    bottom: -76px;
    width: 100%;
}

    .single-property-section .btn {
        padding: 4px 10px;
        font-size: 12px;
    }

        .single-property-section .btn.btn-dashed {
            padding: 5px 10px;
        }

    .single-property-section .feature-label {
        margin-top: 15px;
    }

        .single-property-section .feature-label .btn {
            cursor: unset;
        }

    .single-property-section .left-single .d-flex {
        align-items: center;
    }

    .single-property-section .left-single h2,
    .single-property-section .left-single .h2 {
        margin-top: -3px;
    }

    .single-property-section .left-single p {
        margin-bottom: 15px;
    }

    .single-property-section .left-single ul {
        display: flex;
        margin: -5px -10px 15px;
    }

        .single-property-section .left-single ul li {
            margin: 5px 10px;
            transition: all 0.3s ease;
        }

            .single-property-section .left-single ul li:hover {
                color: #ff5c41;
                transform: scale(1.02);
                transition: all 0.3s ease;
            }

            .single-property-section .left-single ul li > div {
                display: flex;
                align-items: center;
                font-weight: 500;
            }

                .single-property-section .left-single ul li > div img {
                    width: 16px;
                    margin-right: 10px;
                }

                .single-property-section .left-single ul li > div .ruler-tool {
                    width: 14px;
                    height: 20px;
                }

    .single-property-section .left-single .share-buttons a svg {
        width: 14px;
        height: 14px;
        vertical-align: -3px;
    }

    .single-property-section .left-single .share-buttons > div {
        position: relative;
    }

        .single-property-section .left-single .share-buttons > div .share-hover {
            position: absolute;
            bottom: -50px;
            left: 0;
            background: #ffffff;
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
            border-radius: 0;
            opacity: 0;
            visibility: hidden;
            transition: 0.5s;
        }

            .single-property-section .left-single .share-buttons > div .share-hover ul {
                margin: 0;
            }

                .single-property-section .left-single .share-buttons > div .share-hover ul li {
                    margin: 0;
                    padding: 10px;
                }

                    .single-property-section .left-single .share-buttons > div .share-hover ul li + li {
                        border-left: 1px solid #eee;
                    }

        .single-property-section .left-single .share-buttons > div:hover .share-hover {
            bottom: -45px;
            opacity: 1;
            visibility: visible;
            transition: 0.5s;
        }

    .single-property-section .single-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30px;
        background-color: #ffffff;
        box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    }

        .single-property-section .single-title .right-single {
            text-align: right;
        }

            .single-property-section .single-title .right-single .price {
                color: var(--theme-default4);
                margin-bottom: 0;
            }

                .single-property-section .single-title .right-single .price span {
                    color: #878787;
                    font-size: 16px;
                    font-weight: 500;
                }

.icon-facebook {
    color: #3b5998;
}

.icon-twitter {
    color: #55acee;
}

.icon-instagram {
    color: #dd4b39;
}

.rating i {
    color: #ffcc33;
}

.single-gallery {
    position: relative;
}

.title-3.inner-title h2,
.title-3.inner-title .h2 {
    color: #7e7e7e;
}

.single-property {
    margin-top: 30px;
}

    .single-property.mt-0.pt-0 {
        padding-bottom: 60px;
    }

    .single-property .description-section .desc-box {
        box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    }

        .single-property .description-section .desc-box h4,
        .single-property .description-section .desc-box .h4 {
            font-weight: 400;
            margin-bottom: 20px;
            margin-top: -2px;
        }

        .single-property .description-section .desc-box p {
            line-height: 1.5;
            color: #878787;
            font-family: Roboto, sans-serif;
            margin-bottom: 5px;
            width: 100%;
        }

        .single-property .description-section .desc-box .feature-dec h4,
        .single-property .description-section .desc-box .feature-dec .h4,
        .single-property .description-section .desc-box .ratio3_2 h4,
        .single-property .description-section .desc-box .ratio3_2 .h4,
        .single-property .description-section .desc-box #floor_plan h4,
        .single-property .description-section .desc-box #floor_plan .h4 {
            margin-top: -3px;
        }

        .single-property .description-section .desc-box .single-gallery {
            margin-bottom: -2px;
        }

        .single-property .description-section .desc-box + .desc-box {
            margin-top: 30px;
        }

    .single-property .description-section .menu-top {
        background-color: #ffffff;
        border-bottom: 1px solid #d2d2d2;
        padding: 15px 0;
    }

        .single-property .description-section .menu-top li a {
            padding: 15px 20px;
            text-transform: uppercase;
            font-weight: 400;
            color: #7e7e7e;
        }

        .single-property .description-section .menu-top li.active a {
            color: var(--theme-default4);
            border-bottom: 2px solid var(--theme-default4);
            transition: all 0.5s ease;
        }

        .single-property .description-section .menu-top.sticky {
            position: fixed;
            z-index: 2;
            top: 0;
            left: 0;
            width: 100%;
            box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
            margin-top: 0;
            padding: 16px 0;
            animation: smoothScroll 1s forwards;
        }

    .single-property .description-section .single-feature {
        margin-bottom: -4px;
    }

        .single-property .description-section .single-feature ul li {
            display: block;
            text-transform: capitalize;
            line-height: 1.9;
        }

            .single-property .description-section .single-feature ul li i {
                color: var(--theme-default4);
                margin-right: 6px;
                vertical-align: 2px;
                font-size: 12px;
            }

    .single-property .description-section .attach-file {
        color: #444444;
        font-weight: 500;
    }

        .single-property .description-section .attach-file i {
            font-size: 25px;
            margin-right: 15px;
            vertical-align: -3px;
        }

        .single-property .description-section .attach-file:hover {
            color: var(--theme-default4);
        }

    .single-property .description-section .about p:last-child {
        margin-bottom: -3px;
    }

    .single-property .description-section.tab-description .menu-top {
        border-bottom: none;
        padding: 0;
    }

    .single-property .description-section .gallery-for {
        position: relative;
    }

    .single-property .page-section {
        padding: 30px;
    }

        .single-property .page-section iframe {
            width: 100%;
            height: 420px;
            margin-bottom: -5px;
        }

        .single-property .page-section hr {
            margin: 30px 0;
        }

    .single-property #details h4,
    .single-property #details .h4,
    .single-property .about h4,
    .single-property .about .h4 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .single-property #details h4 a,
        .single-property #details .h4 a,
        .single-property .about h4 a,
        .single-property .about .h4 a {
            font-size: 14px;
            color: var(--theme-default4);
        }

.play-bg-image {
    position: relative;
}

    .play-bg-image .icon-video {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
    }

        .play-bg-image .icon-video a {
            position: relative;
        }

            .play-bg-image .icon-video a:after {
                position: absolute;
                content: "";
                top: -51px;
                left: -50px;
                width: 150px;
                height: 150px;
                z-index: -1;
                background: rgba(255, 92, 65, 0.8);
                border-radius: 100%;
                animation: heartbit 2s ease-out;
                animation-iteration-count: infinite;
            }

.gallery-nav {
    margin: 10px 0 0 -5px;
}

    .gallery-nav .slick-slide {
        margin: 0 5px;
        opacity: 0.5;
    }

        .gallery-nav .slick-slide img {
            min-height: 90px;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .gallery-nav .slick-slide.slick-current {
            opacity: 1;
        }

.property-list-details li {
    display: block;
    line-height: 2;
    font-weight: 500;
    color: rgba(88, 97, 103, 0.85);
}

    .property-list-details li span {
        font-weight: 400;
        min-width: 140px;
        display: inline-block;
        color: #384147;
    }

.modal-form {
    position: absolute;
    top: 30px;
    transform: translateX(50%);
    right: 15%;
    background: #ffffff;
    border-radius: 0;
    z-index: 1;
}

    .modal-form .filter-cards .advance-card .category-property form input {
        padding: 8px 10px 6px;
    }

.review .review-box {
    margin-bottom: -6px;
}

    .review .review-box .media > img {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    }

    .review .review-box .media .media-body {
        margin-left: 28px;
    }

        .review .review-box .media .media-body h6,
        .review .review-box .media .media-body .h6 {
            font-weight: 500;
            margin-bottom: 5px;
        }

        .review .review-box .media .media-body p.mb-0 {
            width: 65%;
        }

    .review .review-box .media .rating {
        padding: 0 30px;
    }

    .review .review-box.review-child {
        margin-left: 50px;
    }

    .review .review-box + .review-box {
        margin-top: 30px;
    }

.review-form .form-control {
    padding: 7px 15px;
    color: #878787;
}

.sticky-cls {
    position: sticky;
    z-index: 1;
    top: 75px;
}

.home-view {
    height: 70vh;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

    .home-view .home-content {
        height: 70vh;
    }

    .home-view .a-canvas {
        height: 70vh !important;
    }

    .home-view .view-icon {
        position: absolute;
        bottom: 20px;
        left: 20px;
        filter: invert(1);
    }

.line-tab.nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 400;
    color: #7e7e7e;
}

    .line-tab.nav-tabs .nav-link.active {
        border-bottom: 2px solid var(--theme-default4);
        color: var(--theme-default4);
    }

.line-tab.nav-tabs .nav-item.show .nav-link {
    border-bottom: 2px solid var(--theme-default4);
}

.without-top .single-property-section {
    position: relative;
    bottom: unset;
}

.single-property-images {
    height: 600px;
    overflow: unset;
}

    .single-property-images .slick-prev {
        left: 30px;
    }

    .single-property-images .slick-next {
        right: 30px;
    }

    .single-property-images.ratio_40 .bg-size:before {
        padding-top: 31%;
    }

.image_section {
    margin-bottom: 30px;
}

    .image_section .row > div + div {
        margin-top: 15px;
    }

    .image_section.row .bg-size {
        height: 100%;
    }

.property-grid-2 {
    position: relative;
}

    .property-grid-2 .filter-panel .top-panel h2,
    .property-grid-2 .filter-panel .top-panel .h2 {
        margin-top: -2px;
    }

@media print {
    .nav-tabs {
        display: inline;
    }

    * {
        -webkit-print-color-adjust: exact;
    }
}


/**=====================
property css end
==========================**/


/**=====================
map css start
==========================**/

.arrow-define {
    position: absolute;
    top: -54px;
    font-weight: 500;
    font-size: 14px;
    right: -60px;
    cursor: auto;
}

    .arrow-define::after {
        content: "";
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVwAAAEqCAMAAABusxjCAAADAFBMVEUAAAD/dEH/dEH/d0H/dUH/eEH/eEH/ZUH/hkH/ckH/gkH/jEH/hEH/hkH/hkH/YkH/jEH/a0H/Y0H/iEH/Y0H/i0H/g0H/iEH/hkH/iEH/hUH/eEH/jEH/hUH/Y0H/YUH/iEH/hkH/ZEH/gUH/ZEH/ZEH/i0H/iUH/hUH/ZkH/hEH/iEH/Z0H/YkH/YkH/g0H/iUH/X0H/gkH/iEH/g0H/Y0H/YkH/i0H/iEH/iUH/dEH/YEH/fEH/ikH/ikH/hEH/Y0H/Y0H/hkH/iEH/ZkH/ZEH/gUH/e0H/hUH/YkH/gkH/Y0H/ZEH/iEH/X0H/ekH/iUH/akH/gkH/XkH/hUH/ZEH/ikH/bkH/X0H/fkH/iUH/aEH/iUH/YkH/iEH/XkH/hUH/ikH/iEH/Y0H/h0H/dEH/YEH/gkH/g0H/ikH/iEH/dUH/iEH/c0H/cUH/i0H/jEH/h0H/b0H/hEH/ikH/fEH/XkH/XkH/jEH/gEH/YUH/dUH/cEH/fkH/YUH/eUH/bUH/XkH/akH/eEH/gEH/a0H/XkH/hUH/gkH/i0H/fUH/hkH/gkH/akH/ikH/i0H/gUH/i0H/YkH/gkH/hEH/g0H/d0H/e0H/aUH/cUH/fUH/dEH/i0H/bkH/h0H/eEH/YEH/YkH/dEH/jEH/ekH/YUH/cUH/iEH/dkH/bkH/Z0H/ZUH/YUH/ZkH/i0H/ZUH/i0H/YEH/ikH/b0H/XkH/ekH/dkH/dkH/aEH/d0H/X0H/dUH/hEH/cUH/aUH/XkH/eEH/d0H/dUH/X0H/ckH/h0H/bkH/i0H/gUH/Z0H/fUH/dUH/hEH/aUH/aUH/bEH/hUH/dUH/fEH/dUH/cEH/aUH/cUH/fEH/e0H/cEH/aEH/ZEH/eEH/ckH/a0H/ZkH/cEH/aEH/fkH/bUH/iUH/i0H/hUH/ZUH/Z0H/aUH/bEH/Y0H/b0H/g0H/iEH/h0H/c0H/dUH/ekH/eEH/gUH/fUH/f0H/a0H/bkH/cUH/d0H/ckH/fEH/jEH/YEH/XkGRY0dVAAAA5HRSTlMAAgQMCgYDFBIIDu8gIxgP9CMfHhj4FRz7dxoH+/dcRkEt/DAoEsa7WTg3Khvy6sVhPfv37+Teq1AnGfvw5syVb2FdSUE0EOHfx4l0ak0uJ/vs6OLazcC8oo9qZmVWVEtGPjT28+DY086QjD47Ne/r0tLQv7SyqI2IgYFuY2FR+/v39vX08ezq4+DDraaioZycmH1zb2hZUkst+vjY19bQtq+XlYmIRe7q4NjTwr6vqKabgoF4Zkz85tnPy8rHx7yspJ6VkX15cvjf1cC3r5OGhH16dFb8+vXq58G6ubScjPW1rIt3lxKJAAASrUlEQVR42uzcW2hScRzA8f/xHD0ZlXiQHhoomUKWR/BBH+YgBS1EMUTEhciCkQQ2HxZNslrLcg+REBblipFGRrsxRrXWoq0bg4oW3e/3Byt7KMPWZVR/LboQ3acePf8vHtyLLx8Ov/Pf3+MBKBQKhUKhUCgUCoVCoVAoFAqFQqFQKBQKhUKhUDAuBrAqgAsAIAUYiWN8JQcQcgzwOAD1r2FQExAUJTeZZDGJOmYwiq2emNUQE7uNao9HJlSYBCQlBwAh/5UqicvbKGNsr1uv3x+JRh5EHvScu9XZM9Tl7OnsvHmz8+a5HmfvaCRxzxINGiSSOoWSVIryn0T9FJVLcEmyzSizrrbefdR7c2goNDDwJBx6/Bi+PpdKpXJHfSolpVNpjZZW3Ur0xJNWvb6OomQiAQdgiPhHWb4StBkbRkZGXQ/a7Xb7WCj05HOPvyn1bel0SppO19PptNap1fRGo0GxjRSJqgDq2/Dqhsurzt91NbZ32MOhlrGxMYj6e9wvSaXSNK3Rer3dfRZD1IMDVD6S12aMPTofaWy0h1uePn06lu/J3+F+rV6jHTxpBCgwWSn0uVffdbla7NAV9t+4MFWtnu24GIeUV4vdp1yN4ZbXOdQJwdVpnAm3Deew+6LGUy5cvX93R/uNlpbXrycO13nSwHZakvBdGoEXL/+zZ1B24nBVfXC1wGZZPla9d/V+V0fHM9hE4kpVt/QyArA2Hlal9O3df/RojnVCcSGt+aQasDlK6Tt1ovHqm2cTj6vptYoAa+MCTv+l3Uf9/qtvJh5X6kwaScDaqhXbLxxt97+BTTwuHbfK+ICdceYrFftPHL3/7t27guCqepvZedpiGEY09I+c9e+EtIXBpXslAsDKqrDpq3efXbLz+fOC4d6SVLFzbVvdsG334X2QtnC45mZ2Lm4FvgsnjuRkC4cr1RjYeCnDhW0H8/OgoLj0PTZey+b3rzq278WL5wXG1SpYN2+5oGHP7cN+aFtg3PoE6xYKU3yr7uzb+QJWaFytngdY1STfheNLIGwxcM1GNt21wONPO3gb0hYJt1vBIlzOlP5jS9YfKhquU8KehZiwf8+u9W8hatFwPVzAjqr799ze9/ZtMXE1UXbgErMunl1y6G1xcaW3ZJW/XODhk/tXrF8PbYuLm1ZZKv8LiBm+C0fWv3z5tui49QlJhQ+Gyb5Lxxa8hBUfV6pJykAlN2XN8cNrX5YCF5bqslCVu73An7VoF5wIJcKFumarsFInw+Q1t6+vzZQMF1bfbRGCSgyetvmJUEJcqGuOVuCSgZi75lhN5mWJcaGuNmirsK1H7oy9e3ZlMgzAzd2TK1ZW0ldpVbMOHrueYQguHA1JY+XcrM/v37OxJsMYXDga+sSVcpPj1IMrFqzNMAgXjobupERZAUtevGHPmR2ZDLNw02ltwqIu93UDNn37CjhtmYcLeXsNQlFZ759Pu3imZi0zcaX13oBVyOOW7XSYs3nBeCbDTFyYyttnUJTpJu/07Q93jDMZN/2e9jaJJVT5/cyaN/XimfFxhuPCvHG9wkZWldcJPHdRzXg54L5/r4kn60xUOS18F6+oGS8TXB2tGu6zqmVyUB5VH9y4I1suuDBd62Bt0qCmymC3lzNz5YJstpxwYbTD3BRstokYfnEjlh2/li073NzpqzXXWkw4gTF3+UBsX34tW464kJdube0OiklAMPS+sulbzuzIlinuB5jO4T1prRNSTNxSX5gbt4zBlcIj/5aWwn94c0caHr/Eha3zxgMHxGqKYbu+xKx5NdmS4F6Br9CVUPhK2G63D9gHOgdOd54eGOo63dV9uqunS2M2a53wzdml0To1Ko1XRdMqWldP63TrdHAefIcLa/V21wYNMpJgzlOy+ItXbMgWFfdKHjdsf3J6wN7Zc9oZGTo3evecZXRU7z7v9gTdErHFKLY2K/SGmEcvabZYmq1BizsZOBBN1N7rG4w3mTVmp2qdVqXTteaQv/Kua3U4mg5ICIGAGY9w4szeWJMtGm7o6VjYHmoc6ow86D1/757bYDHFPCabUUaZlCKhUCCS4yKRACdxgVzAlZP5v0gRLlBSApFQRgpNNkpdpzCJ3R5DMBANJOK1ww7VoOPDB/r9V+DBgL7OxIT5O33r0lfZwuPC5wd1hDuGbroikbvu86slYoVCIaOEAqIaYAQAXJAP+6OnFBIYIEgcV8LPKyQKtfiAXh9INDUNex1ex7pPvnD5m9RLZFxQ0qZeXPCqoLgtr8P+G+3tLte5R/tHxHsvCxe2ARHxp5R/hC0Q4aRJrZAYogcOnBweHjZD4tyAGO6zqClSjoPSxFm4qOZVwXBb7vvvdzR2nIuMjogvNyjbACEHhYsDAJ8iBbZmj8d6Mh7vdqxztNKDAUOd2kZysRI8pHDOJmhbGNyrb/ztrjunRtzGmJCUEXgVr/CPYcR4HIzDJ+WEXF2nlgRra5sGP2j7gk0BNR/Hi6zLWQxtC4H7kb17C2kqjgM4/t/W1lrOstlMl7WxNNNgNQfNoROsXAxsMcJUTFOUqWllZinz8qCgaZhhzjJTsNCeQrogoUGWYpTQlS5QEKXnbVvB6CEadLqgzc5drRm/z6tvX47/878dff3i4tt9T65XlZyzGJbyBAiJ0F8mFPD5mzds2rr+RlraibTjx++t2717ZzDigPuZQ/3n+Y576N3R2/uuf6ja1BexWYCE6N/iId7u9dnZNTfSTuyvWYfPIAQ8IR/9BWHVZXjb+Yx76Er+7ZFe+/M+Q4Q/HREIVyC0c13N+uya/dkbBEtX/IXTTXm7Bm87X3FffMx/nT86UlXSpxAkI5G/rI9+s2JVsGDVjq1BwcERCh5aWMnVmvuf5y3u66NvH9mfBwUlC/323IXHFyGhYGlwxArBMiFaUIE3m7Sf5yfuhaGjvXZ7iSVYiBYBoZAvWuBfrIC2ArzpnOMODuYPvR2tcgQJF8tJ1sLjhbQ1euYY98vghQu3hh7aq0qEBgRmyCut2rnF/fKpLj//7rPn6oglQr/Z3fMLAeZGj2dOceuu9Nx9dvO8IRkBX+p0q2cucWvjh3pHHecNfrbj7w+E6sR6D/e4g1d6HvY6gv7PT5fmTJWo03KOW4sPB44OA1rUF2QXjEj6fbzlGtc0Mtqx2SBBgFBc5V4Px7i3hu46DsYsioXCvxFj3uXhEre2znTnicMC/9+JHE9q1nk4xK2t6yl/FhQAZamEmeudXOLeumwvEYj8aRPR/8jM+PyWdVxTT2/feQOUpSattHpYxzXdueyQIkAjYKzRyS7u15evmp6qLQjQEbfbnOzi1prK06ORf1wK8nNJBVp2cTvf2DukMKtlgBelcTrZxI3vqTwYAjszTEhShp0s4naamlodsMhlRqHXOFnEfdl02QGvMaaUzeEs4saPdFjksBpjKKZV52QatzO+yW4RwLkNU9JEq5NpXFNT+gHYq2VzYKZzMoz78kF6kgwBxuShOifDuJ3l1Wp4bFmQtHdjDOOaKg8GwqKBjV+TMPq4r953hCHARvQxjEncznibWY0AG/y4U+FOBnHrH5RXixFgJS5RhzGIW99kVibD1JYd2VgDxiCu9X21BSYJLC3J2IvRx71vS1fCjS+2+HoNRhvXYy2/qUKAJb56I0YftzFRGQZ7NKypWnT0cW1P1fAmYy/scQNGF1c7UR2AAGsC/GVGF9d6Sum3X974M36KBqOJq7Wmw5uMC55qYg1dXFubBd5kXMgS8zDquNqJJBhuOZG0NWDUcXWntsNwy4lieylGGVera41GgJPcZowyrnNXejQMt9yIzXnUcW2V0TAmcLSlG6OKqy1oi4PDHG74OWUYVdz7w2fhfJcjkepqOFXcek07nJRxFXIt1k0Vt6BaDhs1XGXtdWMUcQui4KhsDoe9bqq4w1FwnMOZ+EwsRdzwgiz4JoczSeZeN3lcbZkebopzl7txDUXcsig5AtMEIWJ2V0Xz3ORxh5PgHv7v5FlKVifp/W7yuLZ2mCf4kIyFLkGMKTe6SeNijW0wJvgSVgwoRYghSVEsedyGsUBYO/hKvtRVEYiY4Wd2u0njWh/Dmnc2SeFao1KBmBDlprpJ4zYUwpHOH0RjK5dXyBATsqJ+0ri6Vrh6SyDzpPdIiggxoE9wkcUNLzsACzMCSV3e1S1xiJ5qwEUatzQFJrhE9Eav9/C4ANERne0njWtrh80aQgdSvV5vpJ6PaOSkusji7mqD55ZsXYDHXTsQQ1NXcnoPWVxdEfwNFRI5G724I+NyREWRYnSRxW0uhpcZ6d63F7cyVU+5Cg5ojiWLO6yEAZeMapsXN7W8JYePSEky+l0kcUuTECAja/kRd+pkRQwiVRzpIonbMAYXFMjJz/yMO2XMECMSS0JdZHGb4QIuBXHhr7irj+mTEbHtkWRxC/Tw4FIQV/yIi1s+QHLFXlAYSxLXmgEzXCZxcQmXivmEH5sZXcRx8xIDEaDcAJ+Ou7arSEUwZQ3bFkscd40mF66JUhLNPLl43VAZmm1ZStckcdzuLTDg0gidjovXjcwIQbNIt8USx80rgvNIOhlrZ+JOrY4clyEf/Kz+SeK4E7kI0NiyciYu7si477Mbd3qSMK67H5ZmDOIe9om70hgl9PlxAnHcPDg0YyAz4be4uNXGLRI0TXxpkjhuaTHMFFg+ubjJychM6XS4rFLiuA2hcOOOgaiE2XGnjKHRCvSDomUPYdw1zSEIfGvvfF7TCKI4Pv0Fpv4gINbd1AVDQEUPigomBxUUigSEpYjQIKIiJBHBiBaaQ2+FRCLGUnMLXnLoTYLnXkty6CF/RNJbbrkKtQv9YV11Vmfowe8HxPuH5c3Me/PezCbZ+FfurSWy71YC77NC9VZVbtdFAAW5gzG5d3L4NP9MORtX1OVGcS2MCrtjTO6QSihuJcRYlVXl7iUJoCGfHpc7ZLXXMT53BW7V5BZFzFqirVCOy1XsRsTYpawmN1BDhnwRuQqNSONWTW4CF8hpKU+UK8uymlzhBAkbWgo9dbkKanK7WQIo8bS0yRWiCArUGC+0ya1uUj/q/mjpr+KY97XJ/fqErnxETG6dedkTEIaSRYNcoVomU1khxPjY4C5sftre/uRZ9syZ+Z0WuQFn1l1eM3jMT3RrT4hOR4hp5ZnuBTGZTYYNw3puw+VyHR6+ab71vt6Ndpa+B8X6zqbpyz2pO2/EUuksJmbivk48v+NLZsRc50YUm9ttb9ObSiUePlw/PBy3k0vvlpj62mJuMTA8RoQF6UvqKFULJmp70t5eMLEblFL++2v/veR/+Mm19wyjngnRiZrkKgjDSYPDnzAcxyJJw7/778KwZf2v6Uyv2661pd8qKMNEtcqdNsxCkXu/e+NGaucnKxkbY7nBb2dGdKoqPPXpmcr1H7fjSKX/llthKvf4cEOHcMvny/3SMUDtb176LOzkHp1g8NXoi7LMdgv+RLSAze0IcWZfbkq0wu0odlYx1/seB4d/yTeYyA02s8iij2E/tzGQm9hGSViFHAO50m4HBwdVuYuHhe+1LMa6qpIPLypXatsRbtUpLCo38cZDgDqexcKClBJRcZjI1sEiC5pUi6GNcjIeh2V+uVLTDrdT2EjPL/c4iodMpuKe+8sVUjdbBExjY165kteHpWwGW3PKFb5lMdSVk9yjVhx58ZkYnfPI7ZawlNHIra9qlitVRSPc0sjtaZYreM9QhqRiK6RVbtGZQc2Bk9xwyIVTGSVGjXIT0Ry2CbQYNMkVEqUC5gZRY77UIDeQKK1jm0CPtaWnl9vtr2Mp0yL3I7VcwdvBZBttci9o5QacsWXvfdKKmfbLlZ1xAjTKPaWUe1LGK9RasdLJLX7EBDxecsP7eLCA025B/tzHiXce1ih2C13RjKLDPJj2K7PkRnbwMj0nuQFHBpmaObHOkBtIx+B2XszTY24xncFaxmu34IihgM5LbhqNZbwOEYF0FtlbTnKLzhwBi7A2MSzI9TxSNYthmrRbsITKLwngsqCthvIELIhBNebe6Xt2AhbFqFr9/VzfRPsTp3sLd84k9rcs5PZU5Drj2Cdw+nLlNCa+s8E8JnfVgTIvL7lyGmsZt8vPER/WMlZ46qNyz3fglhnrow0nYRG5cYZyR1qlLKihM5Ubsf2Rq8cDfUzxHPyRq2+hmVeBw7wFS69MAB+5NkcWtUheYaHhw+GBMYVfchtX2Ciwxn4+UORW3mHuGnOSYUWupYUBVsx5lNUrch3IMrLnkUuZth9Gow4HHvsGQ7mVPgIuB1YyQ7mWS5zMePB0ZzCwReKYh82DV1eDQVjE1RoeKK9KnaLlgQ+Gi8EB6pGcWA+tXuEJKE7Y62kczXixWUcjFDfifRNmf/DCiOIDP1aQIAcAAAAAAAAAAAAAAAAAAAAAAADA/+AHoGLB0mKPE2MAAAAASUVORK5CYII=);
        width: 50px;
        height: 50px;
        position: absolute;
        background-size: contain;
        left: -50px;
        bottom: -37px;
        background-repeat: no-repeat;
        animation: movebounce 4s linear infinite;
    }

.map-section {
    position: relative;
    z-index: 1;
}

    .map-section iframe,
    .map-section .map {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

.gm-style div[title] {
    opacity: 1 !important;
}

    .gm-style div[title] img {
        display: block !important;
        height: 65px !important;
        width: auto !important;
    }

.add-animation {
    animation: 1s linear infinite bounce-1;
}

.add-filter {
    filter: grayscale(1);
}

.infoBox > img {
    background: #ffffff;
}

.infoBox .marker-detail {
    background: #ffffff;
    overflow: hidden;
    position: relative;
}

    .infoBox .marker-detail img {
        height: auto;
        width: 202px;
    }

    .infoBox .marker-detail .label {
        position: absolute;
        left: 10px;
        top: 10px;
        font-size: 10px;
        padding: 4px 8px 3px;
    }

    .infoBox .marker-detail .detail-part {
        padding: 10px;
    }

        .infoBox .marker-detail .detail-part h6,
        .infoBox .marker-detail .detail-part .h6 {
            font-weight: 400;
        }

        .infoBox .marker-detail .detail-part ul {
            margin-bottom: 15px;
        }

            .infoBox .marker-detail .detail-part ul li {
                padding-left: 5px;
                padding-right: 5px;
                font-size: 13px;
            }

                .infoBox .marker-detail .detail-part ul li:first-child {
                    padding-left: 0;
                }

                .infoBox .marker-detail .detail-part ul li:last-child {
                    padding-right: 0;
                }

        .infoBox .marker-detail .detail-part span,
        .infoBox .marker-detail .detail-part a {
            font-size: 14px;
            font-weight: 500;
        }

        .infoBox .marker-detail .detail-part a {
            float: right;
            color: var(--theme-default3);
            text-decoration: underline;
        }

.leaflet-popup-tip-container {
    width: 20px;
    height: 20px;
    margin-left: -15px;
}

.leaflet-popup-content .infoBox .marker-detail .detail-part span,
.leaflet-popup-content .infoBox .marker-detail .detail-part a {
    font-family: Montserrat, sans-serif;
}

.leaflet-marker-icon.leaflet-interactive {
    width: 35px !important;
    height: 38px !important;
}

.leaflet-pane {
    z-index: 1;
}

.leaflet-top,
.leaflet-bottom {
    z-index: 1;
}

.leaflet-control {
    z-index: 8;
}

.leaflet-shadow-pane {
    display: none;
}

    .leaflet-shadow-pane img {
        transform: none !important;
    }

.H_ib_body {
    bottom: 48px;
}

.H_ib_tail {
    margin: -53px -10px;
}

.H_ib_content {
    line-height: 0.95;
}

.MicrosoftMap > div {
    z-index: 1 !important;
}

.MicrosoftMap .Infobox {
    border-radius: 0 !important;
    border: none !important;
}

    .MicrosoftMap .Infobox.no-title .infobox-info {
        margin-right: 0 !important;
    }

    .MicrosoftMap .Infobox .infobox-body {
        width: auto !important;
        height: 100% !important;
        max-height: 100% !important;
        padding-bottom: 0 !important;
    }

    .MicrosoftMap .Infobox .infobox-info {
        padding: 0 !important;
        max-height: -moz-max-content !important;
        max-height: max-content !important;
        color: unset !important;
        font-family: Roboto, sans-serif !important;
    }

.MicrosoftMap .infobox-close {
    z-index: 1;
}

.map-modal .modal-dialog {
    width: 100%;
    height: 90%;
    max-width: 97%;
}

    .map-modal .modal-dialog .modal-content {
        border: 0 none;
        border-radius: 0;
    }

        .map-modal .modal-dialog .modal-content .btn-close {
            z-index: 2;
            font-weight: 500;
            background: var(--theme-default4);
            position: absolute;
            right: 0;
            top: 0;
            width: 30px;
            height: 30px;
            opacity: 1;
            border-bottom-right-radius: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

            .map-modal .modal-dialog .modal-content .btn-close span {
                font-size: 30px;
                color: #ffffff;
                line-height: 0.9;
            }

        .map-modal .modal-dialog .modal-content .modal-body {
            display: flex;
            align-items: center;
            padding: 12px;
            padding-left: 0;
        }

        .map-modal .modal-dialog .modal-content iframe,
        .map-modal .modal-dialog .modal-content .map {
            width: 100%;
            height: 100%;
        }

.onclick-map-wrap {
    margin-bottom: 30px;
}

.onclick-map {
    display: none;
}

    .onclick-map iframe,
    .onclick-map .map {
        width: 100%;
        height: 300px;
        margin-bottom: 30px;
    }


/**=====================
map css end
==========================**/


/**=====================
slick css start
==========================**/

.slick-initialized .slick-slide {
    margin-bottom: -6px;
}

    .slick-initialized .slick-slide:focus {
        outline: none;
    }

    .slick-initialized .slick-slide > div:focus {
        outline: none;
    }

    .slick-initialized .slick-slide > div > div:focus {
        outline: none;
    }

    .slick-initialized .slick-slide > div > div a:focus {
        outline: none;
    }

.slick-initialized .slick-arrow {
    z-index: 1;
}

.slick-between .slick-slider .slick-list {
    margin: 0 -25px;
}

    .slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 0 25px;
    }

.slick-shadow .slick-list {
    margin-bottom: -30px !important;
}

    .slick-shadow .slick-list .slick-track .slick-slide {
        margin-bottom: 0;
    }

        .slick-shadow .slick-list .slick-track .slick-slide > div {
            margin-bottom: 30px !important;
        }

.feature-slider .slick-slide,
.grid-slider .slick-slide,
.slider-for .slick-slide,
.main-property-slider .slick-slide {
    margin-bottom: -5px;
}

.feature-slider .slick-arrow,
.grid-slider .slick-arrow,
.slider-for .slick-arrow,
.main-property-slider .slick-arrow {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    transition: 0.5s;
}

    .feature-slider .slick-arrow:before,
    .grid-slider .slick-arrow:before,
    .slider-for .slick-arrow:before,
    .main-property-slider .slick-arrow:before {
        font-family: "Font Awesome 5 free";
        font-weight: 900;
        font-size: 14px;
        opacity: 1;
    }

    .feature-slider .slick-arrow:hover,
    .grid-slider .slick-arrow:hover,
    .slider-for .slick-arrow:hover,
    .main-property-slider .slick-arrow:hover {
        background-color: rgba(0, 0, 0, 0.2);
        transition: 0.5s;
    }

.feature-slider .slick-prev:before,
.grid-slider .slick-prev:before,
.slider-for .slick-prev:before,
.main-property-slider .slick-prev:before {
    content: "\f060";
}

.feature-slider .slick-next:before,
.grid-slider .slick-next:before,
.slider-for .slick-next:before,
.main-property-slider .slick-next:before {
    content: "\f061";
}

.arrow-light .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}

.arrow-light .slick-prev:before,
.arrow-light .slick-next:before {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    font-size: 14px;
    margin-left: 1px;
}

.arrow-light .slick-prev {
    left: -75px;
}

    .arrow-light .slick-prev:before {
        content: "\f053";
    }

.arrow-light .slick-next {
    right: -75px;
}

    .arrow-light .slick-next:before {
        content: "\f054";
    }

.dot-gradient {
    margin-bottom: 25px !important;
}

    .dot-gradient .slick-dots {
        position: relative;
    }

        .dot-gradient .slick-dots li button {
            width: 20px;
            height: 20px;
            border-radius: 100%;
            transition: 0.5s;
        }

            .dot-gradient .slick-dots li button::before {
                background-image: var(--theme-gradient7);
                width: 10px;
                height: 10px;
                opacity: 0.3;
                left: 5px;
                top: 5px;
                border-radius: 100%;
                color: transparent;
                transition: 0.5s;
            }

        .dot-gradient .slick-dots li.slick-active button {
            position: relative;
            transition: 0.5s;
        }

            .dot-gradient .slick-dots li.slick-active button::before {
                opacity: 1;
                transition: 0.5s;
            }

            .dot-gradient .slick-dots li.slick-active button::after {
                background-color: var(--theme-default3);
                opacity: 0.2;
                border-radius: 100%;
            }

.modern-dot.slick-dotted {
    margin-bottom: 3px;
}

.modern-dot.property-3.slick-dotted {
    margin-bottom: 2px;
}

.modern-dot .slick-dots {
    position: relative;
    bottom: unset;
    margin-top: 50px;
}

    .modern-dot .slick-dots li {
        width: auto;
        height: auto;
    }

        .modern-dot .slick-dots li button {
            width: 5px;
            height: 5px;
            border-radius: 100%;
            opacity: 0.5;
            background-color: var(--theme-default5);
        }

            .modern-dot .slick-dots li button::before {
                display: none;
            }

        .modern-dot .slick-dots li.slick-active button {
            opacity: 1;
            transform: scale(1.5);
        }

.modern-dot.color-7 .slick-dots li button {
    background-color: var(--theme-default10);
}

.modern-dot.color-7 .slick-dots li.slick-active button {
    background-color: var(--theme-default10) !important;
}

.arrow-image .slick-arrow {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
}

    .arrow-image .slick-arrow::before {
        font-family: "Font Awesome 5 free";
        font-weight: 900;
        font-size: 18px;
        color: var(--theme-default5);
        position: relative;
        z-index: 1;
    }

    .arrow-image .slick-arrow::after {
        position: absolute;
        content: '';
        width: 70px;
        height: 70px;
        background: #ffffff;
        border-radius: 100%;
        top: 15px;
        left: 15px;
    }

    .arrow-image .slick-arrow .slick-thumb-nav::after {
        position: absolute;
        content: '';
        width: 70px;
        height: 70px;
        background: #ffffff;
        border-radius: 100%;
        top: 15px;
        left: 15px;
    }

.arrow-image .slick-next::before {
    content: "\f061";
}

.arrow-image .slick-prev {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .arrow-image .slick-prev::before {
        content: "\f060";
    }

.arrow-image.main-property-slider .slick-arrow {
    width: 40px;
    height: 40px;
    background: #ffffff;
}

    .arrow-image.main-property-slider .slick-arrow::after {
        width: 60px;
        height: 60px;
        background-color: rgba(255, 255, 255, 0.3);
        top: -10px;
        left: -10px;
        animation: heartbit 2s ease-out;
        animation-iteration-count: infinite;
    }

    .arrow-image.main-property-slider .slick-arrow::before {
        color: var(--theme-default3);
        font-size: 16px;
    }

.arrow-image.color-7 .slick-arrow::before {
    color: var(--theme-default10);
}

.logo-box {
    display: inline-block;
}

    .logo-box a {
        display: inline-block;
        margin: 0 auto;
    }

    .logo-box img {
        margin: 0 auto;
    }

.arrow-gradient {
    position: relative;
}

    .arrow-gradient .slick-arrow {
        position: absolute;
        width: 38px;
        height: 38px;
        border-radius: 5px;
        transition: 0.5s;
    }

        .arrow-gradient .slick-arrow::before {
            font-size: 16px;
            font-family: "Font Awesome 5 free";
            font-weight: 900;
            opacity: 1;
            color: var(--theme-default6);
            transition: 0.5s;
            display: block;
            margin-top: 1px;
        }

        .arrow-gradient .slick-arrow::after {
            background-color: var(--theme-default6);
            border-radius: 5px;
            opacity: 0.15;
            transition: 0.5s;
        }

        .arrow-gradient .slick-arrow:hover,
        .arrow-gradient .slick-arrow:focus {
            background-image: var(--theme-gradient9);
            transition: 0.5s;
        }

            .arrow-gradient .slick-arrow:hover::before,
            .arrow-gradient .slick-arrow:focus::before {
                color: #ffffff;
                transition: 0.5s;
            }

            .arrow-gradient .slick-arrow:hover::after,
            .arrow-gradient .slick-arrow:focus::after {
                opacity: 0.3;
                box-shadow: -5.15px 8.572px 25px var(--theme-default7);
                transition: 0.5s;
                z-index: -1;
            }

    .arrow-gradient .slick-prev::before {
        content: "\f060";
    }

    .arrow-gradient .slick-next::before {
        content: "\f061";
    }

    .arrow-gradient.arrow-right .slick-arrow {
        top: -89px;
    }

    .arrow-gradient.arrow-right .slick-prev {
        right: 58px;
        left: unset;
    }

        .arrow-gradient.arrow-right .slick-prev::after {
            opacity: 0.2;
        }

    .arrow-gradient.arrow-right .slick-next {
        right: 0px;
    }

.brand-slider {
    margin-bottom: -1px;
}

    .brand-slider .slick-list .slick-track {
        display: flex;
        height: 100%;
        align-items: center;
    }

    .brand-slider .slick-list .slick-slide > div > div {
        text-align: center;
    }


/**=====================
slick css end
==========================**/


/**=====================
loader css start
==========================**/

.theme-loader {
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,.8);
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
}

    .theme-loader .ball-scale {
        left: 50%;
        top: 50%;
        position: absolute;
        height: 50px;
        width: 50px;
        margin: -25px 0 0 -25px
    }

        .theme-loader .ball-scale .contain {
            height: 100%;
            width: 100%
        }

            .theme-loader .ball-scale .contain .ring {
                display: none
            }

                .theme-loader .ball-scale .contain .ring:first-child {
                    display: block;
                    height: 100%;
                    width: 100%;
                    border-radius: 50%;
                    padding: 10px;
                    border: 3px solid transparent;
                    border-left-color: #16a085;
                    border-right-color: #16a085;
                    animation: round-rotate 1.5s ease-in-out infinite
                }

                    .theme-loader .ball-scale .contain .ring:first-child .frame {
                        height: 100%;
                        width: 100%;
                        border-radius: 50%;
                        border: 3px solid transparent;
                        border-left-color: #0ac282;
                        border-right-color: #0ac282;
                        animation: round-rotate 1.5s ease-in-out infinite
                    }

@keyframes round-rotate {
    100% {
        transform: rotate(360deg)
    }
}



.loader-1 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 8px solid;
    border-color: rgba(180, 152, 89, 0.05) rgba(180, 152, 89, 0.25) rgba(180, 152, 89, 0.35) rgba(180, 152, 89, 0.5);
    box-sizing: border-box;
    animation: rotation-1 1s linear infinite;
}

@keyframes rotation-1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/**=====================
loader css end
==========================**/


/**=====================
customizer css start
==========================**/

.customizer-links {
    position: fixed;
    top: 50%;
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    right: 0;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54);
    transition: all 0.3s ease;
    z-index: 2;
    cursor: pointer;
}

    .customizer-links svg {
        vertical-align: middle;
        width: 20px;
        height: 20px;
        color: #3b4249;
    }

.customizer-wrap {
    direction: ltr;
}

    .customizer-wrap .customizer-contain {
        position: fixed;
        height: 37vh;
        top: 45%;
        width: 250px;
        overflow: auto;
        right: -255px;
        background-color: #ffffff;
        box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
        padding: 30px;
        border-radius: 8px 0 0 8px;
        z-index: 7;
        transition: all 0.3s ease;
        color: #7e7e7e;
    }

        .customizer-wrap .customizer-contain a {
            color: #3b4249;
        }

            .customizer-wrap .customizer-contain a svg {
                vertical-align: middle;
                width: 20px;
                height: 20px;
            }

        .customizer-wrap .customizer-contain h6,
        .customizer-wrap .customizer-contain .h6 {
            position: relative;
            font-weight: 400;
        }

            .customizer-wrap .customizer-contain h6.color-1::before,
            .customizer-wrap .customizer-contain .color-1.h6::before {
                background: var(--theme-default2);
            }

            .customizer-wrap .customizer-contain h6.color-2::before,
            .customizer-wrap .customizer-contain .color-2.h6::before {
                background: var(--theme-default3);
            }

            .customizer-wrap .customizer-contain h6.color-3::before,
            .customizer-wrap .customizer-contain .color-3.h6::before {
                background: var(--theme-default5);
            }

            .customizer-wrap .customizer-contain h6.color-4::before,
            .customizer-wrap .customizer-contain .color-4.h6::before {
                background: var(--theme-default6);
            }

            .customizer-wrap .customizer-contain h6.color-6::before,
            .customizer-wrap .customizer-contain .color-6.h6::before {
                background: var(--theme-default9);
            }

            .customizer-wrap .customizer-contain h6.color-7::before,
            .customizer-wrap .customizer-contain .color-7.h6::before {
                background: var(--theme-default10);
            }

        .customizer-wrap .customizer-contain .setting-back {
            position: absolute;
            right: 20px;
            top: 20px;
            z-index: 1;
        }

            .customizer-wrap .customizer-contain .setting-back svg {
                width: 18px;
                height: 18px;
            }

        .customizer-wrap .customizer-contain .option-setting {
            display: flex;
            align-items: center;
            margin-top: 20px;
            padding-left: 15px;
        }

            .customizer-wrap .customizer-contain .option-setting span {
                font-family: Rubik, sans-serif;
            }

            .customizer-wrap .customizer-contain .option-setting label {
                margin: 0 10px 0;
            }

            .customizer-wrap .customizer-contain .option-setting .switch input:checked + .switch-state {
                background-color: #151515;
            }

            .customizer-wrap .customizer-contain .option-setting.unlimited-color-layout {
                margin: 17px -3px -3px;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
            }

                .customizer-wrap .customizer-contain .option-setting.unlimited-color-layout .btn {
                    padding: 5px 10px;
                    font-size: 12px;
                    margin-left: auto;
                }

                .customizer-wrap .customizer-contain .option-setting.unlimited-color-layout .form-group {
                    margin: 3px;
                }

                .customizer-wrap .customizer-contain .option-setting.unlimited-color-layout label {
                    display: none;
                }

                .customizer-wrap .customizer-contain .option-setting.unlimited-color-layout input[type="color"] {
                    width: 30px;
                    height: 30px;
                    border-color: #eee;
                    background: transparent;
                }

                    .customizer-wrap .customizer-contain .option-setting.unlimited-color-layout input[type="color"]:focus {
                        outline: none;
                    }

        .customizer-wrap .customizer-contain .layouts-settings + .layouts-settings {
            padding-top: 30px;
        }

        .customizer-wrap .customizer-contain.mutliple-colors-setting {
            height: 39vh;
        }

            .customizer-wrap .customizer-contain.mutliple-colors-setting .option-setting.unlimited-color-layout input {
                display: inline-block;
            }

    .customizer-wrap.open .customizer-contain {
        right: 0;
        transition: all 0.3s ease;
    }

    .customizer-wrap.open .customizer-links {
        right: 250px;
        transition: all 0.3s ease;
    }


/**=====================
customizer css end
==========================**/


/**=====================
admin pages css start
==========================**/

@keyframes Arrowanimation {
    0% {
        transform: translate(0, 0);
        transition: 0.8s;
    }

    75% {
        transform: translate(5px, 0);
        transition: 0.8s;
    }

    100% {
        transform: translate(0, 0);
        transition: 0.8s;
    }
}



.font-success,
.online {
    color: #24695c !important;
}

.font-danger,
.busy {
    color: #bd1015;
}

.font-warning,
.away {
    color: #ffcc33;
}

.bg-primary {
    background-color: #16a085 !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: #0ac282 !important;
}

.bg-primary-light {
    position: relative;
}

    .bg-primary-light::after {
        background-color: var(--theme-default7);
        opacity: 0.1;
    }

    .bg-primary-light i {
        color: var(--theme-default7);
    }

.bg-warning-light {
    background-color: rgba(255, 204, 51, 0.1);
}

    .bg-warning-light i {
        color: #ffcc33;
    }

.bg-success-light {
    background-color: rgba(137, 200, 38, 0.1);
}

    .bg-success-light i {
        color: #24695c;
    }

body {
    font-family: Roboto, sans-serif !important;
}

.btn {
    font-weight: 400;
    font-family: Montserrat, sans-serif;
}

    .btn:focus, .btn.focus {
        box-shadow: none;
    }

.light-font {
    color: rgba(88, 97, 103, 0.7);
}

a {
    color: var(--theme-default7);
    text-decoration: unset;
    transition: 0.5s;
}
    /*table td a{ color: #16a085; }
table td:first-child a{ color: var(--theme-default7);}
table td:nth-child(even) a{ color: #2dcee3; }*/
    a:hover {
        color: var(--theme-default7);
        text-decoration: unset;
        transition: 0.5s;
    }

.arrow-animated svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    animation: Arrowanimation 3s ease-in-out infinite;
}

a, p, span, .btn {
    font-size: 14px;
}

ul {
    padding: 0;
    margin: 0;
}

    ul li {
        font-size: 14px;
        display: inline-block;
    }

table tr td {
    font-size: 14px;
}

.page-body .agent-section .agent-content h5, .page-body .agent-section .agent-content .h5 {
    font-weight: 500;
}

.admin-form label {
    font-weight: 400;
}

.admin-form .additional-checkbox label {
    font-weight: 400;
}

.admin-form .form-control {
    border-color: #dee2e6 !important;
    padding: .375rem .75rem !important;
    text-transform: inherit;
    color: rgba(34, 54, 69, 0.7);
    border-radius: 5px !important;
}

.admin-form .select-dropdown .form-control {
    padding: 0 !important;
}

.admin-form .form-control::-moz-placeholder {
    color: rgba(34, 54, 69, 0.4);
    text-transform: capitalize;
}

.admin-form .form-control::placeholder {
    color: rgba(34, 54, 69, 0.4);
    text-transform: capitalize;
}

.admin-form .dropdown-item {
    color: rgba(88, 97, 103, 0.7);
}

.admin-form .dropdown {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    color: rgba(88, 97, 103, 0.7);
}

    .admin-form .dropdown .dropdown-toggle {
        padding: 7px 20px 7px;
        display: block;
    }

        .admin-form .dropdown .dropdown-toggle i {
            color: rgba(88, 97, 103, 0.7);
        }

.additional-checkbox {
    margin-bottom: -8px;
    margin-left: -20px;
}

    .additional-checkbox label {
        color: rgba(88, 97, 103, 0.7);
        margin-left: 20px;
    }

.dropzone-admin {
    margin-bottom: 16px;
}

    .dropzone-admin label {
        font-family: Rubik, sans-serif;
        font-size: 14px;
        color: #384147;
    }

.form-btn {
    padding-top: 30px;
}

    .form-btn .btn + .btn, .form-btn .btn.btn-pill {
        margin-left: 10px;
    }

footer {
    background-color: #ffffff;
    box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
    padding: 15px;
    bottom: 0;
    left: 0;
    margin-left: 250px;
    transition: 0.5s;
}

.tap-top {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    position: fixed;
    bottom: -60px;
    right: 30px;
    z-index: 8;
    color: #ffffff;
    text-align: center;
    background-image: var(--theme-gradient9);
    border: none;
    font-size: 22px;
    padding: 6px 5px 5px 5px;
    cursor: pointer;
}

    .tap-top > div {
        height: 100%;
    }

        .tap-top > div i {
            font-size: 14px;
        }

    .tap-top::after {
        border-radius: 8px;
        opacity: 0.26;
        box-shadow: 5.353px 5.945px 12px var(--theme-default6);
    }

    .tap-top.top {
        display: block;
        bottom: 7px;
        transition: all 0.5s ease;
    }

.timeline-container,
.expiring-chart {
    overflow: hidden;
}

.light-box {
    border-radius: 5px;
    padding: 20px;
    position: relative;
}

    .light-box:before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: #878787;
        opacity: 0.05;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 5px;
    }

.expiring-card .arrow-animated svg {
    vertical-align: text-bottom;
}

.all-properties .media {
    margin-bottom: 20px;
}

    .all-properties .media img {
        width: 12%;
    }

    .all-properties .media .media-body {
        margin-left: 20px;
    }

        .all-properties .media .media-body h6,
        .all-properties .media .media-body .h6 {
            font-weight: 400;
            margin-bottom: 0;
        }

.all-properties ul {
    display: flex;
}

    .all-properties ul li {
        width: 100%;
        display: flex;
    }

        .all-properties ul li img {
            height: 22px;
            margin-right: 10px;
        }

        .all-properties ul li h5,
        .all-properties ul li .h5 {
            margin-bottom: 2px;
        }

        .all-properties ul li + li {
            border-left: 1px solid #dee2e6;
            padding-left: 20px;
        }

.invoice-card .calculations ul {
    display: flex;
}

    .invoice-card .calculations ul li {
        width: 100%;
        text-align: center;
    }

        .invoice-card .calculations ul li h6,
        .invoice-card .calculations ul li .h6 {
            font-weight: 400;
        }

        .invoice-card .calculations ul li + li {
            padding-left: 20px;
            margin-left: 10px;
            border-left: 1px solid #dee2e6;
        }

.invoice-card .calculations .d-flex {
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.invoice-card .calculations a.label {
    font-size: 14px;
}

    .invoice-card .calculations a.label img {
        width: 30px;
    }

.sales-details {
    overflow: hidden;
}

    .sales-details .sales-status .status-price {
        margin-top: 30px;
    }

        .sales-details .sales-status .status-price svg {
            width: 16px;
            height: 16px;
            vertical-align: middle;
            margin-left: 5px;
            stroke-width: 3px;
        }

        .sales-details .sales-status .status-price span {
            color: rgba(88, 97, 103, 0.7);
        }

    .sales-details .chart-legends {
        margin: 60px 0;
    }

        .sales-details .chart-legends ul .circle-label {
            width: 10px;
            height: 10px;
            border-radius: 25px;
            display: inline-block;
            margin-right: 10px;
        }

        .sales-details .chart-legends ul li {
            display: block;
        }

            .sales-details .chart-legends ul li span {
                color: #3b4249;
                letter-spacing: 0.3px;
            }

    .sales-details .last-updated span {
        color: #3b4249;
    }

    .sales-details .last-updated h5,
    .sales-details .last-updated .h5 {
        margin-bottom: 0;
        margin-top: 6px;
    }

    .sales-details .monthly-sales {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

        .sales-details .monthly-sales .icon-box {
            padding: 2px 10px;
            background-color: rgba(100, 117, 137, 0.1);
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
            border-radius: 8px;
            cursor: pointer;
        }

            .sales-details .monthly-sales .icon-box i {
                vertical-align: baseline;
                font-size: 14px;
            }

        .sales-details .monthly-sales h6,
        .sales-details .monthly-sales .h6 {
            margin: 0 15px;
            font-weight: 400;
        }

    .sales-details .bar-sales {
        margin-top: 30px;
        overflow: hidden;
        margin-bottom: -10px;
    }

        .sales-details .bar-sales .apexcharts-tooltip.light {
            border: none;
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
        }

            .sales-details .bar-sales .apexcharts-tooltip.light .apexcharts-tooltip-title {
                display: none;
                margin-bottom: 0;
            }

        .sales-details .bar-sales .apexcharts-tooltip .apexcharts-tooltip-text {
            font-family: Roboto, sans-serif;
        }

        .sales-details .bar-sales .apexcharts-tooltip .apexcharts-tooltip-series-group {
            padding-top: 4px;
        }

        .sales-details .bar-sales .apexcharts-tooltip .apexcharts-tooltip-marker {
            box-shadow: 4px 9px 22.5px 10px rgba(0, 0, 0, 0.07);
        }

.project-widgets svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 5px;
    stroke-width: 3px;
}

.project-widgets .media {
    align-items: center;
    flex-direction: row-reverse;
}

    .project-widgets .media .widget-icon {
        width: 70px;
        height: 70px;
        border-radius: 8px;
    }

        .project-widgets .media .widget-icon i {
            font-size: 30px;
        }

        .project-widgets .media .widget-icon::after {
            border-radius: 8px;
        }

    .project-widgets .media .fa-cloudscale {
        font-size: 60px;
        color: var(--theme-default7);
    }

    .project-widgets .media .media-body {
        margin-right: 20px;
    }

        .project-widgets .media .media-body h4, .project-widgets .media .media-body .h4 {
            margin: 0;
            font-size: 50px; /*font-size:40px;*/
        }

.project-widgets .status-history {
    color: rgba(88, 97, 103, 0.7);
}

.timeline-container {
    margin: -35px 0 -25px;
}

    .timeline-container .apexcharts-legend-text {
        text-transform: capitalize;
    }

.management-table table,
.assign-table table {
    margin-bottom: 0;
}

    .management-table table tr td,
    .assign-table table tr td {
        vertical-align: middle;
        padding: 11px 12px;
    }

        .management-table table tr td img,
        .assign-table table tr td img {
            width: 45px;
            border-radius: 25px;
        }

        .management-table table tr td h6,
        .management-table table tr td .h6,
        .assign-table table tr td h6,
        .assign-table table tr td .h6 {
            margin-bottom: 2px;
        }

        .management-table table tr td span, .assign-table table tr td span {
            font-size: 14px;
            color: rgba(29 33 35 / 70%);
        }

        .management-table table tr td .media,
        .assign-table table tr td .media {
            align-items: center;
        }

            .management-table table tr td .media .media-body,
            .assign-table table tr td .media .media-body {
                margin-left: 15px;
            }

    .management-table table tr .media .media-body h6,
    .management-table table tr .media .media-body .h6,
    .assign-table table tr .media .media-body h6,
    .assign-table table tr .media .media-body .h6 {
        color: #000;
        font-weight: 400;
    }

    .management-table table tr:hover,
    .assign-table table tr:hover {
        background-color: rgba(100, 117, 137, 0.05);
    }

        .management-table table tr:hover td .light-font,
        .assign-table table tr:hover td .light-font {
            color: var(--theme-default7);
            transition: 0.5s;
        }

    .management-table table tr td img {
        border-radius: 0;
        width: 28px;
    }

    .management-table table tr td h6,
    .management-table table tr td .h6 {
        font-size: 14px;
        font-weight: 500;
    }

    .management-table table tr td .media {
        align-items: center;
    }

    .management-table table tr td .light-font {
        transition: 0.5s;
    }

    .management-table table tr td:last-child {
        text-align: right;
        cursor: pointer;
    }

.properties-list .media > img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
}

.properties-list .media .media-body {
    padding-left: 20px;
}

    .properties-list .media .media-body a {
        color: #7e7e7e;
    }

    .properties-list .media .media-body h6,
    .properties-list .media .media-body .h6 {
        margin-bottom: 10px;
    }

    .properties-list .media .media-body ul {
        margin-bottom: 5px;
    }

        .properties-list .media .media-body ul li span {
            font-family: Roboto, sans-serif;
        }

        .properties-list .media .media-body ul li img {
            width: 18px;
            margin-right: 5px;
        }

        .properties-list .media .media-body ul li + li {
            margin-left: 15px;
        }

    .properties-list .media .media-body > div .light-font {
        font-size: 13px;
    }

.properties-list .media + .media {
    margin-top: 30px;
}

.expiring-details .chart-detail {
    margin-top: -75px;
}

    .expiring-details .chart-detail .d-flex {
        justify-content: center;
    }

    .expiring-details .chart-detail .media {
        align-items: center;
    }

        .expiring-details .chart-detail .media h5,
        .expiring-details .chart-detail .media .h5 {
            margin-bottom: 0;
        }

        .expiring-details .chart-detail .media .with-reload {
            position: relative;
        }

            .expiring-details .chart-detail .media .with-reload > img {
                width: 45px;
            }

        .expiring-details .chart-detail .media .media-body {
            margin-left: 15px;
        }

.expiring-details .legend-exiring {
    margin-top: 80px;
}

    .expiring-details .legend-exiring ul {
        display: flex;
        text-align: center;
        justify-content: center;
    }

        .expiring-details .legend-exiring ul li {
            width: 100%;
            padding: 5px;
        }

            .expiring-details .legend-exiring ul li .d-flex {
                align-items: center;
                justify-content: center;
            }

            .expiring-details .legend-exiring ul li .square-series {
                width: 12px;
                height: 12px;
                border-radius: 25px;
            }

            .expiring-details .legend-exiring ul li h6,
            .expiring-details .legend-exiring ul li .h6 {
                margin-left: 5px;
                margin-bottom: 0;
            }

.property-admin .property-details {
    padding: 30px;
}

    .property-admin .property-details h3,
    .property-admin .property-details .h3 {
        font-family: Montserrat, sans-serif;
    }

.property-admin .property-btn {
    margin-bottom: -10px;
}

    .property-admin .property-btn .btn {
        margin-bottom: 10px;
    }

.property-admin .property-section .property-2 .property-box:hover .property-details > a {
    background: var(--theme-gradient8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.property-admin .theme-pagination .pagination .page-item .page-link {
    color: var(--theme-default7);
}

.property-admin .theme-pagination .pagination .page-item.active .page-link {
    background-color: var(--theme-default7);
    border-color: var(--theme-default7);
    color: #ffffff;
}

.listing-option {
    display: -ms-flexbox;
    /*        display: flex;*/
    justify-content: space-between;
    align-items: center;
}

.filter-panel .listing-option {
    display: flex;
}

.manage-card {
    display: block !important
}

.listing-option h5 span,
.listing-option .h5 span {
    font-size: 20px;
    color: var(--theme-default7);
}

.listing-option .d-flex {
    align-items: center;
}

.listing-option label {
    margin-bottom: 0;
}

/*.listing-option .switch {

width:87px;
height: 33px;
}

.listing-option .switch .switch-state:before {
height: 20px;
width: 20px;
bottom: 3px;
}*/

.user-info .media {
    align-items: center;
}

    .user-info .media > img {
        border-radius: 8px;
    }

    .user-info .media .media-body {
        margin-left: 20px;
    }

        .user-info .media .media-body h4,
        .user-info .media .media-body .h4 {
            margin-bottom: 3px;
        }

.user-info .all-properties .media {
    margin-bottom: 0;
}

    .user-info .all-properties .media img {
        width: 40px;
        height: 40px;
    }

.user-info .contact-btn {
    margin-top: 20px;
}

    .user-info .contact-btn button {
        font-weight: 500;
    }

.timeline-card {
    position: relative;
    overflow: hidden;
}

    .timeline-card::after {
        position: absolute;
        content: '';
        background: var(--theme-gradient8);
        right: -90px;
        top: 0;
        width: 60%;
        height: 100%;
        border-radius: 100%;
    }

.timeline-pay {
    display: flex;
    justify-content: space-between;
}

    .timeline-pay ul {
        margin: -5px 0;
    }

        .timeline-pay ul li {
            position: relative;
            display: block;
            color: rgba(88, 97, 103, 0.7);
            padding: 5px 0;
        }

            .timeline-pay ul li span,
            .timeline-pay ul li i {
                font-size: 16px;
            }

            .timeline-pay ul li i {
                margin-right: 5px;
                position: relative;
                z-index: 1;
            }

            .timeline-pay ul li::after {
                position: absolute;
                content: '';
                bottom: -21px;
                left: 7.5px;
                height: 40px;
                width: 1px;
                background: #eee;
            }

            .timeline-pay ul li:last-child::after {
                display: none;
            }

            .timeline-pay ul li.pay {
                color: var(--theme-default7);
            }

    .timeline-pay .timeline-right {
        position: relative;
        z-index: 1;
        color: #ffffff;
    }

        .timeline-pay .timeline-right a {
            color: #ffffff;
        }

.time-details {
    display: flex;
    justify-content: space-between;
}

    .time-details ul {
        margin-bottom: 20px;
    }

        .time-details ul li img {
            width: 40px;
            height: 40px;
            border-radius: 100%;
        }

        .time-details ul li + li {
            margin-left: -10px;
        }

    .time-details h6,
    .time-details .h6 {
        font-weight: 400;
    }

.about-profile .friend-list ul li {
    text-align: center;
}

    .about-profile .friend-list ul li img {
        border-radius: 8px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .about-profile .friend-list ul li h6,
    .about-profile .friend-list ul li .h6 {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .about-profile .friend-list ul li:nth-child(n+4) {
        margin-top: 20px;
    }

.title-about {
    position: relative;
    margin-bottom: 30px;
}

    .title-about h5,
    .title-about .h5 {
        padding-bottom: 8px;
        margin-bottom: 0;
    }

        .title-about h5::before,
        .title-about .h5::before {
            position: absolute;
            content: "";
            width: 30px;
            height: 2px;
            background-color: var(--theme-default7);
            left: 0;
            bottom: 0;
        }

.recent-properties table thead tr {
    background-color: rgba(100, 117, 137, 0.05);
}

    .recent-properties table thead tr th {
        font-weight: 500;
    }

.recent-properties table tbody tr td {
    vertical-align: middle;
}

    .recent-properties table tbody tr td h6,
    .recent-properties table tbody tr td .h6 {
        margin-bottom: 3px;
        font-weight: 400;
        color: #7e7e7e;
    }

.about-space {
    margin-top: 50px;
}

.earning-chart .earnings {
    position: relative;
    margin-top: 30px;
}

    .earning-chart .earnings svg {
        height: 140px !important;
    }

.follow-list ul li {
    display: block;
}

    .follow-list ul li .media {
        align-items: flex-start;
    }

        .follow-list ul li .media > img {
            border-radius: 8px;
            height: 50px;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .follow-list ul li .media .media-body h6,
        .follow-list ul li .media .media-body .h6 {
            margin-bottom: 5px;
        }

    .follow-list ul li + li {
        margin-top: 20px;
    }

.partner-slider {
    margin-top: 20px;
}

    .partner-slider .logo-box img {
        width: 70px;
    }

.user-lists {
    margin-bottom: 30px;
}

    .user-lists.agent-section .agent-content p,
    .user-lists.agent-section .agent-content a {
        color: var(--theme-default7);
    }

.agent-lists {
    margin-bottom: 30px;
}

.gj-datepicker-bootstrap [role=right-icon] button .gj-icon,
.gj-datepicker-bootstrap [role=right-icon] button .material-icons {
    top: 13px;
}

.invoice .invoice-logo img {
    width: 160px;
}

.invoice .invoice-logo .for-dark {
    display: none;
}

.invoice .address-invoice {
    margin-bottom: 20px;
}

    .invoice .address-invoice h6,
    .invoice .address-invoice .h6 {
        text-transform: uppercase;
        font-size: 14px;
    }

    .invoice .address-invoice h5,
    .invoice .address-invoice .h5 {
        margin-bottom: 3px;
    }

    .invoice .address-invoice .light-box > div {
        padding: 0;
    }

.invoice-note img {
    width: 150px;
}

.table > :not(caption) > * > * {
    box-shadow: none !important;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: #dee2e6;
}

.invoice-table .table thead th {
    border-bottom-width: 1px;
}

.table-bordered th,
.table-bordered td {
    border-color: #dee2e6;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(100, 117, 137, 0.05);
}

.report-summary .sales-details .bar-sales {
    margin-bottom: -30px;
    margin-top: 0;
}

.report-summary .sales-details .chart-legends {
    margin: 40px 0;
}

.report-table table tr td .media {
    align-items: center;
}

    .report-table table tr td .media img {
        border-radius: 8px;
    }

    .report-table table tr td .media .media-body {
        margin-left: 10px;
    }

        .report-table table tr td .media .media-body h6,
        .report-table table tr td .media .media-body .h6 {
            margin-bottom: 0;
        }

.revenue-container .apexcharts-slices .apexcharts-series path {
    stroke-dasharray: 5px;
}

.income-wrap .overview-content li .d-flex {
    align-items: flex-end;
}

    .income-wrap .overview-content li .d-flex h4,
    .income-wrap .overview-content li .d-flex .h4 {
        margin-bottom: 0;
        line-height: 1;
        margin-right: 10px;
    }

    .income-wrap .overview-content li .d-flex .label {
        padding: 3px 6px 1px;
        font-size: 11px;
    }

.income-wrap .overview-content li + li {
    margin-left: 30px;
}

.income-wrap .income-container {
    margin-bottom: -30px;
}

.jvector-map-report {
    height: 320px;
}

.transactions-table table thead tr {
    background-color: rgba(100, 117, 137, 0.05);
}

.transactions-table table tr td {
    vertical-align: middle;
}

    .transactions-table table tr td:nth-child(3) {
        color: var(--theme-default7);
    }

.payment-table .jsgrid-cell,
.payment-table .jsgrid-header-cell {
    text-align: center;
    padding: 0.75rem;
}

    .payment-table .jsgrid-cell span {
        background-color: rgba(94, 172, 18, 0.1);
        color: var(--theme-default5);
        font-size: 11px;
        border-radius: 5px;
        padding: 4px 15px 3px;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 12px;
        display: inline-block;
        text-transform: capitalize;
    }

.jsgrid-header-row > .jsgrid-header-cell {
    font-weight: 500;
}

.jsgrid-alt-row > .jsgrid-cell {
    background: rgba(255, 246, 247, 0.42);
}

.jsgrid-selected-row > .jsgrid-cell {
    background: rgba(255, 246, 247, 0.5);
    border-color: rgba(255, 246, 247, 0.5);
}

.btn {
    font-weight: 400;
}

.authentication-box {
    min-height: 100vh;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

    .authentication-box .row {
        align-items: center;
    }

        .authentication-box .row > .bg-size {
            height: 100vh;
            background-size: cover !important;
            background-color: #ffffff;
            margin: 0;
            background-image: url(/img/2.eaec1230.69d37891.jpg);
            background-position: center bottom;
            background-repeat: no-repeat;
            display: block;
        }

    .authentication-box .log-in.row .form-login .card {
        margin-top: 30px;
        border-radius: 15px;
    }

    .authentication-box .log-in h6, .authentication-box .log-in .h6 {
        font-weight: 500;
    }

    .authentication-box .log-in .important-note {
        font-size: 14px;
    }

    .authentication-box .log-in .text-color-2:hover {
        color: var(--theme-default4);
    }

@keyframes movebounce {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(15px);
    }

    100% {
        transform: translateY(0px);
    }
}

.not-found-img {
    position: relative;
}

    .not-found-img .animation-error {
        position: absolute;
        top: 50px;
        right: 155px;
        animation: movebounce 4s linear infinite;
    }

        .not-found-img .animation-error img {
            height: 180px;
        }

.page-not-found {
    min-height: 100vh;
    width: auto;
    height: auto;
}

    .page-not-found img {
        max-height: 80%;
    }

    .page-not-found .row {
        align-items: center;
    }

    .page-not-found .not-found-content h2, .page-not-found .not-found-content .h2 {
        margin-bottom: 10px;
    }

    .page-not-found .not-found-content p {
        font-size: 16px;
        margin-bottom: 30px;
        width: 70%;
    }

.admin-wizard .wizard-step-container .wizard-steps li .media .step-icon span {
    font-weight: 500;
}

.admin-wizard .wizard-step-container .wizard-steps li .media .media-body h6, .admin-wizard .wizard-step-container .wizard-steps li .media .media-body .h6 {
    font-weight: 400;
}

.admin-wizard .wizard-step-container .log-in form .form-control {
    border-radius: 4px !important;
    color: rgba(88, 97, 103, 0.7);
}

    .admin-wizard .wizard-step-container .log-in form .form-control::-moz-placeholder {
        color: rgba(88, 97, 103, 0.4);
    }

    .admin-wizard .wizard-step-container .log-in form .form-control::placeholder {
        color: rgba(88, 97, 103, 0.4);
    }

.admin-wizard .wizard-step-container .log-in form textarea {
    border: 1px solid #eee;
}

.admin-wizard .wizard-step-container .log-in form .form-group .input-group input {
    border: 1px solid #eee;
}

.admin-wizard .wizard-step-container .log-in form .gj-datepicker-bootstrap button {
    border: 1px solid #eee;
}

.admin-wizard .gj-datepicker .btn-outline-secondary {
    padding: 12px 8px 10px;
}

body {
    transition: 0.5s;
}

    body.dark-layout {
        transition: 0.5s;
        background-color: #1b1b1b;
        color: rgba(255, 255, 255, 0.9);
    }

        body.dark-layout .form-control {
            color: rgba(255, 255, 255, 0.9);
            border: 1px solid #383434;
            background-color: #1b1b1b;
        }

        body.dark-layout .page-body-wrapper .page-sidebar .logo-wrap .for-light {
            display: none;
        }

        body.dark-layout .page-body-wrapper .page-sidebar .logo-wrap .for-dark {
            display: block;
        }

        body.dark-layout .page-body-wrapper .page-sidebar .main-sidebar .user-profile .media .media-body a {
            color: rgba(255, 255, 255, 0.9);
        }

        body.dark-layout .invoice .invoice-logo .for-light {
            display: none;
        }

        body.dark-layout .invoice .invoice-logo .for-dark {
            display: block;
        }

        body.dark-layout .admin-form .form-control::-moz-placeholder {
            color: rgba(255, 255, 255, 0.6);
        }

        body.dark-layout .admin-form .form-control::placeholder {
            color: rgba(255, 255, 255, 0.6);
        }

        body.dark-layout .admin-form .dropdown {
            border: 1px solid #383434;
            color: rgba(255, 255, 255, 0.6);
            background-color: #1b1b1b;
        }

            body.dark-layout .admin-form .dropdown .dropdown-toggle i {
                color: rgba(255, 255, 255, 0.6);
            }

        body.dark-layout .admin-form .dropdown-item {
            color: rgba(255, 255, 255, 0.6);
        }

        body.dark-layout .timeline-pay ul li {
            color: rgba(255, 255, 255, 0.7);
        }

            body.dark-layout .timeline-pay ul li.pay {
                color: var(--theme-default7);
            }

            body.dark-layout .timeline-pay ul li::after {
                background: #383434;
            }

        body.dark-layout .dropdown-menu {
            background-color: #1b1b1b;
            border: 1px solid #383434;
        }

        body.dark-layout .dropdown .dropdown-menu .dropdown-item:active,
        body.dark-layout .dropdown .dropdown-menu .dropdown-item.active,
        body.dark-layout .dropdown .dropdown-menu .dropdown-item:hover {
            color: rgba(255, 255, 255, 0.6);
            background-color: #232323;
        }

        body.dark-layout .gj-datepicker-bootstrap [role=right-icon] button {
            border: 1px solid #383434;
            background: #1b1b1b;
        }

        body.dark-layout .dropzone-admin label {
            color: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .checkbox_animated:after {
            background: #1b1b1b;
            border: 2px solid #383434;
        }

        body.dark-layout form label {
            color: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .table > :not(:last-child) > :last-child > * {
            border-bottom-color: #383434;
        }

        body.dark-layout .table-striped > tbody > tr:nth-of-type(odd) {
            color: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .light-font {
            color: rgba(255, 255, 255, 0.6);
        }

        body.dark-layout .card,
        body.dark-layout footer {
            background-color: #232323;
        }

        body.dark-layout .apexcharts-legend-text {
            color: rgba(255, 255, 255, 0.8) !important;
        }

        body.dark-layout .apexcharts-tooltip.light {
            background: #1b1b1b;
            border: 1px solid #383434;
        }

            body.dark-layout .apexcharts-tooltip.light .apexcharts-tooltip-title {
                background: #232323;
                border-bottom: 1px solid #383434;
            }

        body.dark-layout .apexcharts-canvas text {
            fill: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .apexcharts-gridline {
            stroke: #383434;
        }

        body.dark-layout .onhover-show-div {
            background-color: #282727;
        }

            body.dark-layout .onhover-show-div li a svg {
                color: rgba(255, 255, 255, 0.9);
            }

        body.dark-layout .onhover-dropdown:hover .onhover-show-div::before,
        body.dark-layout .onhover-dropdown:hover .onhover-show-div::after {
            border-bottom: 7px solid #282727;
        }

        body.dark-layout .recent-properties table tbody tr td h6,
        body.dark-layout .recent-properties table tbody tr td .h6 {
            color: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .user-group li img {
            border: 3px solid #1b1b1b;
        }

        body.dark-layout .user-group li.reply a {
            color: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .page-wrapper .page-main-header {
            background-color: #232323;
        }

            body.dark-layout .page-wrapper .page-main-header .header-menu .notification-dropdown .dropdown-title {
                border-bottom: 1px solid #383434;
            }

                body.dark-layout .page-wrapper .page-main-header .header-menu .notification-dropdown .dropdown-title a {
                    border: 1px solid #383434;
                    color: rgba(255, 255, 255, 0.8);
                }

            body.dark-layout .page-wrapper .page-main-header .header-menu .notification-dropdown .media .media-body span {
                color: rgba(255, 255, 255, 0.6);
            }

            body.dark-layout .page-wrapper .page-main-header .header-menu .profile-dropdown li a {
                color: rgba(255, 255, 255, 0.9);
            }

                body.dark-layout .page-wrapper .page-main-header .header-menu .profile-dropdown li a:hover {
                    color: var(--theme-default7);
                }

            body.dark-layout .page-wrapper .page-main-header .header-menu > li > a {
                color: rgba(255, 255, 255, 0.9);
            }

        body.dark-layout .page-header .breadcrumb .breadcrumb-item.active {
            color: rgba(255, 255, 255, 0.9);
        }

        body.dark-layout .page-body-wrapper .page-sidebar {
            background-color: #232323;
        }

            body.dark-layout .page-body-wrapper .page-sidebar .user-profile {
                background-color: #282727;
            }

            body.dark-layout .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a {
                color: rgba(255, 255, 255, 0.8);
            }

                body.dark-layout .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a .according-menu i {
                    color: rgba(255, 255, 255, 0.8);
                }

                body.dark-layout .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a.active,
                body.dark-layout .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a:hover {
                    color: var(--theme-default7);
                }

                    body.dark-layout .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a.active .according-menu i,
                    body.dark-layout .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a:hover .according-menu i {
                        color: var(--theme-default7);
                    }



        body.dark-layout .sales-details .card-body {
            background-color: rgba(0, 0, 0, 0.85);
        }

        body.dark-layout .sales-details .sales-status .status-price span {
            color: rgba(255, 255, 255, 0.6);
        }

        body.dark-layout .sales-details .last-updated span {
            color: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .sales-details .chart-legends ul li span {
            color: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .all-properties ul li + li {
            border-left: 1px solid #383434;
        }

        body.dark-layout .invoice-card .calculations ul li + li {
            border-left: 1px solid #383434;
        }

        body.dark-layout .project-widgets .status-history {
            color: rgba(255, 255, 255, 0.6);
        }

        body.dark-layout .management-table table tr td span,
        body.dark-layout .assign-table table tr td span {
            color: rgba(255, 255, 255, 0.6);
        }

        body.dark-layout .management-table table tr .media .media-body h6,
        body.dark-layout .management-table table tr .media .media-body .h6,
        body.dark-layout .assign-table table tr .media .media-body h6,
        body.dark-layout .assign-table table tr .media .media-body .h6 {
            color: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .properties-list .media .media-body a {
            color: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .properties-list .media .media-body ul li img {
            filter: brightness(0.5) invert(0.8);
        }

        body.dark-layout .table {
            color: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .table-bordered th,
        body.dark-layout .table-bordered td {
            border: 1px solid #383434;
        }

        body.dark-layout .invoice-note img {
            filter: brightness(0.5) invert(0.8);
        }

        body.dark-layout .filter-panel {
            border-bottom: 1px solid #383434;
        }

        body.dark-layout .property-section .property-box {
            background-color: #282727;
            box-shadow: 3.346px 3.716px 22.5px rgba(56, 52, 52, 0.07);
        }

        body.dark-layout .property-section .property-2 .property-box .property-details > a {
            background: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        body.dark-layout .property-details ul li + li {
            border-left: 1px solid #383434;
        }

        body.dark-layout .page-link {
            background-color: #232323;
            border: 1px solid #383434;
        }

        body.dark-layout .btn.btn-dashed {
            color: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .dropzone {
            border-color: #383434;
        }

        body.dark-layout .admin-wizard .wizard-step-container .log-in form .form-group .input-group input {
            border: 1px solid #383434;
        }

        body.dark-layout .admin-wizard .wizard-step-container .log-in form textarea {
            border: 1px solid #383434;
            color: rgba(255, 255, 255, 0.8);
        }

        body.dark-layout .admin-wizard .wizard-step-container .log-in form .form-control {
            color: rgba(255, 255, 255, 0.9);
        }

            body.dark-layout .admin-wizard .wizard-step-container .log-in form .form-control::-moz-placeholder {
                color: rgba(255, 255, 255, 0.6);
            }

            body.dark-layout .admin-wizard .wizard-step-container .log-in form .form-control::placeholder {
                color: rgba(255, 255, 255, 0.6);
            }

        body.dark-layout .admin-wizard .wizard-step-container .log-in .gj-datepicker-bootstrap button {
            border: 1px solid #383434;
            background: #1b1b1b;
        }

        body.dark-layout .property-wizard .dropdown {
            border: 1px solid #383434;
            color: rgba(255, 255, 255, 0.4);
        }

            body.dark-layout .property-wizard .dropdown .dropdown-item {
                color: rgba(255, 255, 255, 0.4);
            }

            body.dark-layout .property-wizard .dropdown .dropdown-toggle {
                background: #1b1b1b;
            }

                body.dark-layout .property-wizard .dropdown .dropdown-toggle i {
                    color: rgba(255, 255, 255, 0.4);
                }

        body.dark-layout .property-wizard .feature-checkbox label {
            color: rgba(255, 255, 255, 0.4);
        }

        body.dark-layout .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
            background-color: #1b1b1b;
        }

        body.dark-layout .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps {
            border-bottom-color: #383434;
        }

        body.dark-layout .gj-picker-bootstrap {
            color: #7e7e7e;
        }

        body.dark-layout .jsgrid-grid-header {
            border: 1px solid #383434;
        }

        body.dark-layout .jsgrid-grid-body {
            border: 1px solid #383434;
        }

        body.dark-layout .jsgrid-header-row > .jsgrid-header-cell {
            background-color: #232323;
            border: 1px solid #383434;
        }

        body.dark-layout .jsgrid-alt-row > .jsgrid-cell {
            background: #232323;
        }

        body.dark-layout .jsgrid-row > .jsgrid-cell {
            background: #1b1b1b;
        }

        body.dark-layout .jsgrid-cell {
            border: 1px solid #383434;
        }

        body.dark-layout .jsgrid-selected-row > .jsgrid-cell {
            background: rgba(243, 93, 67, 0.05);
            border-color: rgba(243, 93, 67, 0.05);
        }

@media (max-width: 767px) {
    body.dark-layout .page-wrapper .page-main-header .search-form {
        background-color: #1b1b1b;
    }

        body.dark-layout .page-wrapper .page-main-header .search-form .form-control {
            border: 1px solid #383434;
        }
}

@media (max-width: 360px) {
    body.dark-layout .all-properties ul li + li {
        border: none;
    }
}

body.rtl {
    text-align: right;
}

    body.rtl .float-end {
        float: left !important;
    }

    body.rtl .listing-option .d-flex {
        justify-content: flex-end;
    }

    body.rtl .slick-slider,
    body.rtl .apexcharts-canvas {
        direction: ltr;
    }

    body.rtl .checkbox_animated {
        margin: 0 0 0 6px;
    }

    body.rtl .additional-checkbox {
        margin-left: unset;
        margin-right: -20px;
    }

        body.rtl .additional-checkbox label {
            padding-right: 7px;
            margin-left: unset;
            margin-right: 20px;
        }

    body.rtl .dropdown .dropdown-toggle i {
        float: left;
    }

    body.rtl .dropdown-menu {
        text-align: right !important;
    }

    body.rtl .me-1 {
        margin-right: unset !important;
        margin-left: 0.25rem !important;
    }

    body.rtl .ms-2 {
        margin-right: 0.5rem !important;
        margin-left: unset !important;
    }

    body.rtl .ms-1 {
        margin-right: 0.25rem !important;
        margin-left: unset !important;
    }

    body.rtl .income-wrap .overview-content li .d-flex h4,
    body.rtl .income-wrap .overview-content li .d-flex .h4 {
        margin-right: unset;
        margin-left: 10px;
    }

    body.rtl .income-wrap .overview-content li + li {
        margin-left: unset;
        margin-right: 30px;
    }

    body.rtl .timeline-card::after {
        right: unset;
        left: -90px;
    }

    body.rtl .timeline-pay ul li i {
        margin-right: unset;
        margin-left: 5px;
    }

    body.rtl .timeline-pay ul li::after {
        left: unset;
        right: 7.5px;
    }

    body.rtl .form-btn .btn + .btn {
        margin-left: unset;
        margin-right: 10px;
    }

    body.rtl .btn.btn-gradient.color-4::after {
        box-shadow: 5.15px 8.572px 25px var(--theme-default6);
    }

    body.rtl .breadcrumb-item + .breadcrumb-item {
        padding-left: unset;
        padding-right: 0.5rem;
    }

        body.rtl .breadcrumb-item + .breadcrumb-item::before {
            float: right;
            padding-right: unset;
            padding-left: 0.5rem;
        }

    body.rtl .onhover-show-div {
        right: unset;
        left: 0;
    }

    body.rtl .onhover-dropdown:hover .onhover-show-div:before,
    body.rtl .onhover-dropdown:hover .onhover-show-div:after {
        right: unset;
        left: 10px;
    }

    body.rtl .customizer-links {
        right: unset;
        left: 0;
        border-radius: 5px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    body.rtl .customizer-wrap {
        direction: rtl;
    }

        body.rtl .customizer-wrap .customizer-contain {
            left: -255px;
            right: unset;
        }

            body.rtl .customizer-wrap .customizer-contain .setting-back {
                right: unset;
                left: 20px;
            }

            body.rtl .customizer-wrap .customizer-contain .option-setting {
                direction: ltr;
                justify-content: flex-end;
                padding-left: unset;
                padding-right: 15px;
            }

            body.rtl .customizer-wrap .customizer-contain h6::before,
            body.rtl .customizer-wrap .customizer-contain .h6::before {
                left: unset;
                right: 0;
            }

        body.rtl .customizer-wrap.open .customizer-links {
            right: unset;
            left: 250px;
        }

        body.rtl .customizer-wrap.open .customizer-contain {
            left: 0;
        }

    body.rtl footer {
        margin-left: unset;
        margin-right: 280px;
    }

    body.rtl .page-header .breadcrumb {
        float: left;
    }

    body.rtl .user-group li + li {
        margin-left: unset;
        margin-right: -14px;
    }

    body.rtl .user-group li.reply {
        margin-left: unset;
        margin-right: 5px;
    }

    body.rtl .page-wrapper .page-main-header {
        margin-left: unset;
        margin-right: 280px;
    }

        body.rtl .page-wrapper .page-main-header.close_icon {
            margin-right: 0;
        }

        body.rtl .page-wrapper .page-main-header .toggle-sidebar {
            margin-right: unset;
            margin-left: 30px;
        }

        body.rtl .page-wrapper .page-main-header .form-group {
            padding-left: unset;
            padding-right: 40px;
        }

            body.rtl .page-wrapper .page-main-header .form-group::before {
                left: unset;
                right: 20px;
            }

        body.rtl .page-wrapper .page-main-header .header-menu > li:last-child {
            padding-right: 15px;
            padding-left: 0;
        }

        body.rtl .page-wrapper .page-main-header .header-menu .notification-dropdown {
            text-align: right;
        }

            body.rtl .page-wrapper .page-main-header .header-menu .notification-dropdown .media .media-body {
                margin-left: unset;
                margin-right: 15px;
            }

    body.rtl .page-body-wrapper .page-body {
        margin-left: unset;
        margin-right: 280px;
    }

    body.rtl .page-body-wrapper .page-sidebar {
        text-align: right;
        margin-right: 0;
    }

        body.rtl .page-body-wrapper .page-sidebar .logo-wrap .back-btn {
            float: left;
        }

        body.rtl .page-body-wrapper .page-sidebar.close_icon {
            margin-left: unset;
            margin-right: -280px;
        }

            body.rtl .page-body-wrapper .page-sidebar.close_icon ~ .page-body,
            body.rtl .page-body-wrapper .page-sidebar.close_icon ~ footer {
                margin-right: 0;
            }

        body.rtl .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a {
            border-right: 5px solid transparent;
            border-left: unset;
            border-radius: 20px 0 0 20px;
        }

            body.rtl .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a svg {
                margin-right: unset;
                margin-left: 8px;
            }

            body.rtl .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a::after {
                border-radius: 20px 0 0 20px;
            }

            body.rtl .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a .according-menu {
                right: unset;
                left: 20px;
            }

            body.rtl .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a.sidebar-link.active,
            body.rtl .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a.sidebar-link:hover {
                border-right: 5px solid var(--theme-default7);
            }

        body.rtl .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li .nav-submenu {
            padding-left: unset;
            padding-right: 30px;
        }

        body.rtl .page-body-wrapper .page-sidebar .user-profile .change-pic img {
            margin-right: unset;
            margin-left: 20px;
        }

    body.rtl .management-table table tr td:last-child {
        text-align: left;
    }

    body.rtl .all-properties .media .media-body {
        margin-left: unset;
        margin-right: 20px;
    }

    body.rtl .all-properties ul li + li {
        border-left: unset;
        padding-left: unset;
        padding-right: 20px;
        border-right: 1px solid #dee2e6;
    }

    body.rtl .sales-details .sales-status .status-price svg {
        margin-left: unset;
        margin-right: 5px;
    }

    body.rtl .sales-details .chart-legends ul .circle-label {
        margin-right: unset;
        margin-left: 10px;
    }

    body.rtl .invoice-card .calculations ul li + li {
        padding-left: unset;
        margin-left: unset;
        padding-right: 20px;
        margin-right: 10px;
        border-left: unset;
        border-right: 1px solid #dee2e6;
    }

    body.rtl .project-widgets svg {
        margin-left: unset;
        margin-right: 5px;
    }

    body.rtl .project-widgets .media .media-body {
        margin-left: unset;
        margin-right: 20px;
    }

    body.rtl .apexcharts-canvas {
        direction: ltr;
    }

    body.rtl .assign-table table tr td:first-child {
        padding-right: 0;
        padding-left: 12px;
    }

    body.rtl .management-table table tr td .media .media-body,
    body.rtl .assign-table table tr td .media .media-body {
        margin-left: unset;
        margin-right: 15px;
    }

    body.rtl .properties-list .media .media-body {
        padding-left: unset;
        padding-right: 20px;
    }

        body.rtl .properties-list .media .media-body ul li img {
            margin-right: unset;
            margin-left: 5px;
        }

        body.rtl .properties-list .media .media-body ul li + li {
            margin-left: unset;
            margin-right: 15px;
        }

    body.rtl .expiring-details .legend-exiring ul li h6,
    body.rtl .expiring-details .legend-exiring ul li .h6 {
        margin-left: unset;
        margin-right: 5px;
    }

    body.rtl .expiring-details .chart-detail .media .media-body {
        margin-left: unset;
        margin-right: 15px;
    }

    body.rtl .property-wizard .wizard-box .wizard-step-container .wizard-steps {
        text-align: right;
    }

    body.rtl .property-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p a {
        margin-left: unset;
        margin-right: 15px;
    }

    body.rtl .property-wizard .wizard-box .wizard-form-details {
        text-align: right;
    }

    body.rtl .property-wizard .feature-checkbox label + label {
        margin-left: unset;
        margin-right: 30px;
    }

    body.rtl .gj-datepicker-bootstrap .border-left-0 {
        border-left: 1px solid #eee !important;
    }

    body.rtl .gj-datepicker-bootstrap .input-group-append {
        margin-right: -1px;
        margin-left: unset;
    }

        body.rtl .gj-datepicker-bootstrap .input-group-append button {
            border-radius: 8px 0 0 8px;
        }

    body.rtl .user-info .media .media-body {
        margin-left: unset;
        margin-right: 20px;
    }

    body.rtl .title-about h5::before,
    body.rtl .title-about .h5::before {
        left: unset;
        right: 0;
    }

    body.rtl .agent-social li + li {
        margin-left: unset;
        margin-right: 5px;
    }

    body.rtl .report-table table tr td .media .media-body {
        margin-left: unset;
        margin-right: 10px;
    }

    body.rtl .listing-option .d-flex {
        direction: ltr;
    }

    body.rtl .property-details ul li {
        padding-left: 12px;
        padding-right: 15px;
    }

        body.rtl .property-details ul li:first-child {
            padding-left: 12px;
            padding-right: 0;
        }

        body.rtl .property-details ul li:last-child {
            padding-left: 0;
            padding-right: 15px;
        }

        body.rtl .property-details ul li + li {
            border-right: 1px solid rgba(0, 0, 0, 0.2);
            border-left: unset;
        }

    body.rtl .property-admin .property-btn .btn + .btn {
        margin-left: unset;
        margin-right: 15px;
    }

    body.rtl .property-section .property-2 .property-box .property-image .labels-left,
    body.rtl .property-section .property-3 .property-box .property-image .labels-left {
        left: unset;
        right: 25px;
    }

    body.rtl .property-section .property-box .property-image .overlay-plus .like-bottom,
    body.rtl .property-section .property-box .property-image .overlay-plus .seen-data {
        right: unset;
        left: 20px;
    }

        body.rtl .property-section .property-box .property-image .overlay-plus .seen-data svg {
            margin-right: unset;
            margin-left: 8px;
        }

    body.rtl .theme-pagination {
        text-align: left;
    }

        body.rtl .theme-pagination .pagination .page-item + .page-item {
            margin-left: unset;
            margin-right: 8px;
        }

    body.rtl .agent-section .agent-content .agent-contact li i {
        margin-right: unset;
        margin-left: 5px;
    }

    body.rtl .agent-section .agent-content .agent-contact li .label {
        margin-left: unset;
        margin-right: 5px;
    }

    body.rtl .agent-section .agent-content a {
        text-align: left;
    }

    body.rtl .agent-section .agent-image .label {
        left: unset;
        right: 15px;
    }

    body.rtl .agent-section .agent-image .overlay-content ul li + li {
        margin-left: unset;
        margin-right: 10px;
    }

    body.rtl.dark-layout .all-properties ul li + li {
        border-right: 1px solid #383434;
    }

    body.rtl.dark-layout .invoice-card .calculations ul li + li {
        border-right: 1px solid #383434;
    }

    body.rtl.dark-layout .property-details ul li + li {
        border-right: 1px solid #383434;
    }

@media (min-width: 768px) {
    body.rtl .text-md-end {
        text-align: left !important;
    }
}

@media (max-width: 1660px) and (min-width: 1200px) {
    body.rtl .timeline-card::after {
        left: -110px;
    }
}

@media (max-width: 1366px) {
    body.rtl .timeline-card::after {
        left: -91px;
    }
}

@media (max-width: 1199px) {
    body.rtl .page-wrapper .page-main-header .header-menu > li:last-child {
        padding-right: 10px;
    }

    body.rtl .property-section .property-2 .property-box .property-image .labels-left,
    body.rtl .property-section .property-3 .property-box .property-image .labels-left {
        right: 15px;
    }

    body.rtl .property-admin .property-btn .btn + .btn {
        margin-right: 10px;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th.emailColn, .payment-table .p-datatable-table tr td.emailColn {
        min-width: 265px;
    }
}

@media (max-width: 991px) {
    body.rtl .page-wrapper .page-main-header {
        margin-right: 0;
    }

    body.rtl .page-body-wrapper .page-body,
    body.rtl .page-body-wrapper footer {
        margin-right: 0;
    }

    body.rtl .income-wrap .overview-content li + li {
        margin-right: 20px;
    }

    .cap-tured video {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    body.rtl footer .float-end {
        float: none !important;
    }

    body.rtl .page-wrapper .page-main-header .form-group {
        padding-right: 0px;
    }

    body.rtl .page-wrapper .page-main-header .search-form {
        left: unset;
        right: 5px;
    }

    body.rtl .property-details ul li {
        padding-right: 8px;
        padding-left: 3px;
    }

        body.rtl .property-details ul li:first-child {
            padding-left: 3px;
        }

        body.rtl .property-details ul li:last-child {
            padding-right: 8px;
        }
}

@media (max-width: 575px) {
    body.rtl .page-header .breadcrumb {
        float: right;
    }

    body.rtl .page-wrapper .page-main-header .header-menu > li:last-child {
        padding-right: 8px;
    }

    body.rtl .user-info .media .media-body {
        margin-right: 10px;
    }
}

@media (max-width: 480px) {
    body.rtl .user-info .all-properties .user-info-icon li + li {
        border-right: none;
        padding-right: 0;
    }

    .mt-mbdev {
        margin-top: 15px;
    }
}

@media (max-width: 420px) {
    body.rtl .user-info .contact-media .media-body {
        margin-right: 0;
    }
}

@media (max-width: 360px) {
    body.rtl .income-wrap .overview-content li + li {
        margin-right: 0;
    }

    body.rtl .all-properties ul li + li {
        padding-right: 0;
        border-right: none !important;
    }

    body.rtl .all-properties .media .media-body {
        margin-right: 10px;
    }
}


/**=====================
admin pages css end
==========================**/


/**=====================
Inner pages css start
==========================**/

.card .card-header {
    border-bottom: none;
}

.compare-page .table-wrapper {
    padding-bottom: 0;
}

    .compare-page .table-wrapper .table {
        border: 1px solid #f8f8f8;
        text-transform: capitalize;
        color: #222;
        margin-bottom: 0;
    }

        .compare-page .table-wrapper .table .property-name {
            width: 15%;
        }

        .compare-page .table-wrapper .table .featured-image {
            width: 220px;
        }

        .compare-page .table-wrapper .table td {
            border-top: none;
        }

        .compare-page .table-wrapper .table thead .th-compare td {
            font-size: 16px;
            font-weight: 700;
            background: #f8f8f8;
            border-right: 1px solid #eee;
            border-bottom-color: #ddd;
            padding: 15px;
        }

        .compare-page .table-wrapper .table thead .th-compare th {
            text-align: left;
            padding: 15px;
            border-bottom: 1px solid #eee;
            border-right: 1px solid #eee;
        }

            .compare-page .table-wrapper .table thead .th-compare th .remove {
                float: left;
                border: none;
                background: transparent;
                padding: 0;
                font-size: 16px;
                font-weight: 500;
            }

        .compare-page .table-wrapper .table tbody tr th {
            background: #f8f8f8;
            padding: 15px;
            font-size: 15px;
            vertical-align: top;
            border-bottom: 1px solid #eee;
            border-top: 1px solid #eee;
            border-right: 1px solid #eee;
        }

        .compare-page .table-wrapper .table tbody tr td {
            border-right: 1px solid #eee;
            position: relative;
            padding: 15px;
            vertical-align: top;
            border-bottom: 1px solid #eee;
            border-top: 1px solid #eee;
            border-right: 1px solid #eee;
        }

        .compare-page .table-wrapper .table tbody tr .grid-link__title {
            font-size: 15px;
        }

        .compare-page .table-wrapper .table tbody tr .property_price {
            margin: 15px 0 0;
        }

            .compare-page .table-wrapper .table tbody tr .property_price span.money {
                padding-left: 5px;
            }

            .compare-page .table-wrapper .table tbody tr .property_price h6,
            .compare-page .table-wrapper .table tbody tr .property_price .h6 {
                font-weight: 500;
            }

                .compare-page .table-wrapper .table tbody tr .property_price h6 a,
                .compare-page .table-wrapper .table tbody tr .property_price .h6 a {
                    color: #7e7e7e;
                }

            .compare-page .table-wrapper .table tbody tr .property_price span.color-2 {
                color: var(--theme-default3);
                font-weight: 500;
                font-size: 16px;
            }

        .compare-page .table-wrapper .table tbody tr p {
            color: #222;
            font-size: 13px;
            line-height: 20px;
            margin: 0;
        }

        .compare-page .table-wrapper .table tbody tr .add-to-wish {
            padding: 6px 10px;
        }

        .compare-page .table-wrapper .table tbody tr .select-option-cls {
            padding: 6px 10px;
        }

.ratio-card .card-header h5,
.ratio-card .card-header .h5 {
    margin-top: -5px;
    line-height: 1.4;
}

.ratio-card h5,
.ratio-card .h5 {
    font-family: Rubik, sans-serif;
}

.ratio-card .card-body h5,
.ratio-card .card-body .h5 {
    background: var(--theme-gradient7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px;
    margin-top: -3px;
}

.ratio-card .card-body ul {
    list-style-type: disc;
    padding-left: 30px;
    margin-bottom: -3px;
}

    .ratio-card .card-body ul li {
        display: list-item;
    }

        .ratio-card .card-body ul li h6,
        .ratio-card .card-body ul li .h6 {
            font-family: Rubik, sans-serif;
        }

        .ratio-card .card-body ul li:last-child h6,
        .ratio-card .card-body ul li:last-child .h6 {
            margin-bottom: 0;
        }

.bg-light {
    background-color: rgba(20, 22, 22, 0.3);
}

.bg-light-blue {
    background-color: #f7f7fe;
}

.my-gallery .row .col .row {
    margin-bottom: -24px;
}

    .my-gallery .row .col .row > div {
        margin-bottom: 24px;
    }

.my-gallery .title-1 h2,
.my-gallery .title-1 .h2 {
    margin-bottom: -3px;
}

.my-gallery .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    transition: all 0.5s;
}

.my-gallery .title-1:hover hr {
    width: 150px;
}

.my-gallery .title-1.color-6 hr {
    color: var(--theme-default8);
}

.my-gallery .find-cities {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 400px;
}

    .my-gallery .find-cities::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        opacity: 0;
        transition: 0.5s;
        background-image: var(--theme-gradient4);
    }

    .my-gallery .find-cities .citi-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        opacity: 0;
        transition: 0.5s;
        text-align: center;
        z-index: 1;
    }

        .my-gallery .find-cities .citi-overlay h4,
        .my-gallery .find-cities .citi-overlay .h4,
        .my-gallery .find-cities .citi-overlay h6,
        .my-gallery .find-cities .citi-overlay .h6 {
            color: rgba(255, 255, 255, 0.9);
        }

        .my-gallery .find-cities .citi-overlay h2,
        .my-gallery .find-cities .citi-overlay .h2 {
            font-size: calc(22px + (35 - 22) * ((100vw - 320px) / (1920 - 320)));
            margin-bottom: 22px;
            color: #ffffff;
        }

        .my-gallery .find-cities .citi-overlay h4,
        .my-gallery .find-cities .citi-overlay .h4 {
            margin-bottom: 18px;
            font-weight: 500;
        }

        .my-gallery .find-cities .citi-overlay h6,
        .my-gallery .find-cities .citi-overlay .h6 {
            margin-bottom: 0;
            position: relative;
            line-height: 1.8;
        }

            .my-gallery .find-cities .citi-overlay h6::after,
            .my-gallery .find-cities .citi-overlay .h6::after {
                position: absolute;
                content: "";
                width: 180px;
                height: 100%;
                right: -54px;
                background-color: rgba(255, 255, 255, 0.2);
            }

            .my-gallery .find-cities .citi-overlay h6:hover::after,
            .my-gallery .find-cities .citi-overlay .h6:hover::after {
                transition: all 0.3s ease;
                right: 0;
            }

    .my-gallery .find-cities:hover::after {
        height: 100%;
        transition: 0.5s;
        opacity: 0.75;
    }

    .my-gallery .find-cities:hover .citi-overlay {
        height: 100%;
        transition: 0.5s;
        opacity: 1;
    }

.my-gallery.gallery-6 .find-cities::after {
    background-image: var(--theme-gradient13);
}

.offer-section .title-1 h2,
.offer-section .title-1 .h2 {
    margin-bottom: -9px;
}

.offer-section .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    transition: all 0.5s;
}

.offer-section .title-1:hover hr {
    width: 150px;
}

.offer-section .title-1.color-6 hr {
    color: var(--theme-default8);
}

.offer-section .offer-wrapper {
    padding: 50px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

    .offer-section .offer-wrapper .media .offer-icon {
        width: 90px;
        height: 90px;
        border-radius: 100%;
        position: relative;
        transition: 0.5s;
        background-color: rgba(255, 255, 255, 0.1);
    }

        .offer-section .offer-wrapper .media .offer-icon img {
            height: 45px;
        }

        .offer-section .offer-wrapper .media .offer-icon::before,
        .offer-section .offer-wrapper .media .offer-icon::after {
            content: "";
            position: absolute;
        }

        .offer-section .offer-wrapper .media .offer-icon::before {
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            vertical-align: middle;
            width: 88%;
            height: 88%;
            transform: scale(0);
            background-image: var(--theme-gradient3);
            border-radius: 100%;
            z-index: -1;
        }

        .offer-section .offer-wrapper .media .offer-icon::after {
            width: 100%;
            height: 100%;
            opacity: 0;
            border-radius: 50%;
            border: 1px dashed #ffffff;
            padding: 10px;
            transition: 0.8s;
            animation: spin 10s infinite linear;
        }

    .offer-section .offer-wrapper .media .media-body {
        margin-left: 50px;
    }

        .offer-section .offer-wrapper .media .media-body h6,
        .offer-section .offer-wrapper .media .media-body .h6 {
            letter-spacing: 5px;
            line-height: 1.8;
            text-transform: uppercase;
            position: relative;
            margin-bottom: 0;
            font-weight: 500;
        }

            .offer-section .offer-wrapper .media .media-body h6::after,
            .offer-section .offer-wrapper .media .media-body .h6::after {
                position: absolute;
                content: "";
                width: 91px;
                left: 35px;
                height: 100%;
                background-color: rgba(255, 255, 255, 0.1);
            }

        .offer-section .offer-wrapper .media .media-body h3,
        .offer-section .offer-wrapper .media .media-body .h3 {
            font-weight: 700;
            margin: 16px 0;
        }

        .offer-section .offer-wrapper .media .media-body p {
            line-height: 1.7;
            margin-bottom: 0;
        }

        .offer-section .offer-wrapper .media .media-body h3,
        .offer-section .offer-wrapper .media .media-body .h3,
        .offer-section .offer-wrapper .media .media-body h6,
        .offer-section .offer-wrapper .media .media-body .h6,
        .offer-section .offer-wrapper .media .media-body p {
            color: #ffffff;
        }

    .offer-section .offer-wrapper:hover .media .offer-icon {
        transition: 0.5s;
        background-color: unset;
    }

        .offer-section .offer-wrapper:hover .media .offer-icon::before {
            animation-name: bubble;
            animation-duration: 0.5s;
            animation-fill-mode: forwards;
        }

        .offer-section .offer-wrapper:hover .media .offer-icon::after {
            opacity: 1;
            transition: 0.8s;
        }

.offer-section.banner-4 .offer-wrapper .media .offer-icon::before {
    background-image: var(--theme-gradient13);
}

.offer-section.offer-inner {
    background-color: rgba(0, 0, 0, 0.4);
    background-blend-mode: overlay;
}

    .offer-section.offer-inner .title-2 h2,
    .offer-section.offer-inner .title-2 .h2 {
        margin-top: -4px;
    }

    .offer-section.offer-inner .offer-wrapper .media .offer-icon::before {
        background-image: var(--theme-gradient7);
    }

.offer-section.layout-9 {
    background-color: rgba(0, 0, 0, 0.7);
}

.new-property .feature-wrap {
    margin: 0 80px;
    border-radius: 10px;
    overflow: hidden;
}

    .new-property .feature-wrap .row {
        margin: 0;
    }

        .new-property .feature-wrap .row > div {
            padding: 0;
        }

.new-property .feature-content {
    background-color: #ffffff;
}

    .new-property .feature-content .details h3 span,
    .new-property .feature-content .details .h3 span {
        color: var(--theme-default3);
    }

    .new-property .feature-content .feature-price h3,
    .new-property .feature-content .feature-price .h3 {
        background: var(--theme-gradient7);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        filter: drop-shadow(5px 5px 12px rgba(255, 92, 65, 0.2));
    }

    .new-property .feature-content .detail-list li .label-lg {
        border-radius: 8px;
    }

.new-property.pricing-property .feature-wrap {
    overflow: unset;
}

.new-property.pricing-property .title-2 h2,
.new-property.pricing-property .title-2 .h2 {
    margin-top: -4px;
}

.pricing-section .pricing-box {
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.07);
    padding: 50px;
    text-align: center;
    position: relative;
}

    .pricing-section .pricing-box::after {
        position: absolute;
        content: "";
        width: 0;
        height: 3px;
        background-color: var(--theme-default5);
        transition: width 0.5s;
        bottom: 0;
        left: 0;
    }

    .pricing-section .pricing-box h4,
    .pricing-section .pricing-box .h4,
    .pricing-section .pricing-box h3,
    .pricing-section .pricing-box .h3 {
        color: #384147;
    }

    .pricing-section .pricing-box .pricing-details img {
        margin: 0 auto;
    }

    .pricing-section .pricing-box .pricing-details .pricing-svg {
        width: 50px;
        height: 50px;
    }

    .pricing-section .pricing-box .pricing-details .pricing-icon {
        position: relative;
    }

        .pricing-section .pricing-box .pricing-details .pricing-icon::after {
            position: absolute;
            content: '';
            width: 40px;
            height: 40px;
            border-radius: 100%;
            opacity: 0.2;
            bottom: -7px;
            right: 0;
            left: 0;
            margin: 0 auto;
            transform: translateX(11px);
        }

        .pricing-section .pricing-box .pricing-details .pricing-icon.color-3 .pricing-svg {
            fill: var(--theme-default5);
        }

        .pricing-section .pricing-box .pricing-details .pricing-icon.color-3::after {
            background-color: var(--theme-default5);
        }

        .pricing-section .pricing-box .pricing-details .pricing-icon.color-2 .pricing-svg {
            fill: var(--theme-default3);
        }

        .pricing-section .pricing-box .pricing-details .pricing-icon.color-2::after {
            background-color: var(--theme-default3);
        }

        .pricing-section .pricing-box .pricing-details .pricing-icon.color-7 .pricing-svg {
            fill: var(--theme-default10);
        }

        .pricing-section .pricing-box .pricing-details .pricing-icon.color-7::after {
            background-color: var(--theme-default10);
        }

    .pricing-section .pricing-box .pricing-details h3,
    .pricing-section .pricing-box .pricing-details .h3 {
        margin-top: 26px;
        font-weight: 700;
    }

    .pricing-section .pricing-box .pricing-details p {
        line-height: 1.75;
        color: rgba(88, 97, 103, 0.7);
        margin-bottom: 0;
        font-size: 15px;
    }

    .pricing-section .pricing-box ul {
        margin: 30px 0 30px;
    }

        .pricing-section .pricing-box ul li {
            display: block;
            font-family: Roboto, sans-serif;
            color: rgba(88, 97, 103, 0.5);
            font-size: 15px;
            text-transform: lowercase;
        }

            .pricing-section .pricing-box ul li + li {
                margin-top: 10px;
            }

    .pricing-section .pricing-box .price {
        margin-bottom: -5px;
    }

        .pricing-section .pricing-box .price h4,
        .pricing-section .pricing-box .price .h4 {
            margin-top: 0;
            margin-bottom: 12px;
            font-size: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
            font-weight: 700;
        }

        .pricing-section .pricing-box .price .label {
            font-weight: 400;
            font-size: 14px;
            transition: 0.5s;
            position: relative;
            margin-bottom: 10px;
        }

            .pricing-section .pricing-box .price .label.label-light::before {
                opacity: 0.15;
                transition: 0.5s;
            }

            .pricing-section .pricing-box .price .label.label-light.color-3::before {
                background-color: var(--theme-default5);
            }

            .pricing-section .pricing-box .price .label.label-light.color-2::before {
                background-color: var(--theme-default3);
            }

            .pricing-section .pricing-box .price .label.label-light.color-7::before {
                background-color: var(--theme-default10);
            }

        .pricing-section .pricing-box .price .light-text {
            color: rgba(59, 66, 73, 0.3);
            text-transform: uppercase;
            font-weight: 700;
        }

    .pricing-section .pricing-box:hover::after {
        transition: width 0.5s;
        width: 100%;
    }

    .pricing-section .pricing-box:hover .price .label-light {
        background-color: var(--theme-default5);
        color: #ffffff;
        transition: 0.5s;
    }

        .pricing-section .pricing-box:hover .price .label-light::before {
            opacity: 0;
            transition: 0.5s;
        }

        .pricing-section .pricing-box:hover .price .label-light::after {
            box-shadow: 0px 10px 12.5px var(--theme-default5);
            opacity: 0.22;
            transition: 0.5s;
            z-index: -1;
        }

        .pricing-section .pricing-box:hover .price .label-light.color-2 {
            background-color: var(--theme-default3);
        }

            .pricing-section .pricing-box:hover .price .label-light.color-2::after {
                box-shadow: 0px 10px 12.5px var(--theme-default3);
            }

        .pricing-section .pricing-box:hover .price .label-light.color-7 {
            background-color: var(--theme-default10);
        }

            .pricing-section .pricing-box:hover .price .label-light.color-7::after {
                box-shadow: 0px 10px 12.5px var(--theme-default10);
            }

.pricing-section .pricing-slider .slick-list {
    margin: -30px -25px;
}

    .pricing-section .pricing-slider .slick-list .slick-track .slick-slide > div {
        margin-top: 30px;
    }

.pricing-section.pricing-inner .pricing-box::after {
    background-color: var(--theme-default3);
}

.pricing-section.pricing-inner .pricing-box:hover .price .label-light.color-2 {
    background-color: var(--theme-default3);
    color: #ffffff;
}

.pricing-section.pricing-inner .title-2 h2,
.pricing-section.pricing-inner .title-2 .h2 {
    margin-top: -2px;
}

.pricing-section.color-7 .pricing-box::after {
    background-color: var(--theme-default10);
}

.subscribe-section .video-details p {
    width: 80%;
    margin: 0 auto 25px;
}

.video-section {
    background-image: url(/img/video-bg.8483d0d3.png);
    padding-left: 90px;
    padding-right: 90px;
}

    .video-section .video-details p {
        width: 80%;
        margin: 0 auto 25px;
    }

    .video-section .play-icon {
        height: 100%;
    }

.icon-video {
    position: relative;
    z-index: 1;
}

    .icon-video a {
        background-image: var(--theme-gradient9);
        width: 50px;
        height: 50px;
        border-radius: 100%;
        position: relative;
    }

        .icon-video a i {
            margin-top: 2px;
            margin-left: 5px;
            color: #ffffff;
            font-size: 24px;
        }

        .icon-video a::after {
            border-radius: 100%;
            opacity: 0.3;
            box-shadow: -5.15px 8.572px 25px var(--theme-default6);
        }

    .icon-video .heart-animation {
        position: absolute;
        top: -51px;
        right: -50px;
        width: 150px;
        height: 150px;
        z-index: -1;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 100%;
        animation: heartbit 2s ease-out;
        animation-iteration-count: infinite;
    }

.agent-section.property-section .agent-grids .property-wrapper-grid .property-grid > [class*="col-xl-3"] .label {
    left: 8px;
}

.agent-section.property-section .agent-grids .property-wrapper-grid .property-grid > [class*="col-xl-3"] .agent-content {
    padding: 20px;
}

.video-layout {
    height: 680px;
}

    .video-layout .overlay-content {
        z-index: 2;
        position: absolute;
        left: 10%;
        top: 10%;
    }

        .video-layout .overlay-content .left-sidebar {
            box-shadow: none;
            background-color: #ffffff;
        }

            .video-layout .overlay-content .left-sidebar h2,
            .video-layout .overlay-content .left-sidebar .h2 {
                font-size: 22px;
            }

.video-modal .btn-close {
    position: absolute;
    right: 0;
    background-color: var(--theme-default6);
    background-image: unset;
    opacity: 1;
    top: 0;
    width: 30px;
    height: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
}

    .video-modal .btn-close span {
        font-size: 30px;
        color: #ffffff;
        margin-top: -2px;
        display: block;
    }

.video-modal .modal-dialog .modal-content .modal-body {
    padding: 0;
}

    .video-modal .modal-dialog .modal-content .modal-body .close {
        position: absolute;
        right: -30px;
        top: 0;
        color: #ffffff;
        font-weight: 400;
        font-size: 26px;
        opacity: 1;
    }

.video-modal iframe {
    height: 448px;
    width: 100%;
    vertical-align: middle;
    border: none;
}

.video-details {
    background-color: #ffffff;
    box-shadow: 0 0 49px 0 rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    text-align: center;
    padding: 60px;
}

    .video-details h2,
    .video-details .h2 {
        line-height: 1.42;
        color: #384147;
        margin: 20px 0 14px;
    }

    .video-details p {
        font-size: 16px;
        color: rgba(88, 97, 103, 0.7);
        line-height: 1.65;
        margin-bottom: 25px;
    }

    .video-details p,
    .video-details span {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    }

.subscribe-section {
    background-image: url(/img/subscribe-bg.03306930.jpg);
}

    .subscribe-section .video-details {
        max-width: 810px;
        margin: 0 auto;
    }

        .subscribe-section .video-details .form-group {
            margin-bottom: 30px;
            position: relative;
            z-index: 1;
        }

            .subscribe-section .video-details .form-group input {
                width: 75%;
                margin: 0 auto;
                border: none;
                text-align: center;
                opacity: 0.7;
                padding: 15px 20px 13px;
                color: var(--theme-default6);
                font-weight: 300;
            }

                .subscribe-section .video-details .form-group input::-moz-placeholder {
                    color: var(--theme-default6);
                    font-family: Montserrat, sans-serif;
                    font-weight: 300;
                }

                .subscribe-section .video-details .form-group input::placeholder {
                    color: var(--theme-default6);
                    font-family: Montserrat, sans-serif;
                    font-weight: 300;
                }

            .subscribe-section .video-details .form-group::after {
                opacity: 0.6;
                width: 75%;
                background-color: var(--theme-default6);
                right: 0;
                margin: 0 auto;
                border-radius: 4px;
                z-index: -1;
            }

            .subscribe-section .video-details .form-group.color-2 input {
                color: var(--theme-default3);
            }

                .subscribe-section .video-details .form-group.color-2 input::-moz-placeholder {
                    color: var(--theme-default3);
                }

                .subscribe-section .video-details .form-group.color-2 input::placeholder {
                    color: var(--theme-default3);
                }

            .subscribe-section .video-details .form-group.color-2::after {
                background-color: var(--theme-default4);
            }

    .subscribe-section.bg-light {
        background-image: unset;
    }

    .subscribe-section.subscribe-bg-2 {
        background-image: url(/img/9.a2844b6d.jpg);
    }

.filter-bottom-title {
    cursor: pointer;
}

.filter-bottom-content {
    position: absolute;
    left: 0;
    top: 158px;
    width: 100%;
    background-color: #ffffff;
    display: none;
    box-shadow: 0 0 24px 0 rgba(88, 97, 103, 0.1);
    z-index: 1;
}

    .filter-bottom-content.left-sidebar {
        left: 0;
    }

.left-sidebar .row {
    margin-bottom: -10px;
}

    .left-sidebar .row > div {
        margin-bottom: 10px;
    }

.left-sidebar .dropdown {
    border: 1px solid #eee;
    border-radius: 4px;
}

    .left-sidebar .dropdown .dropdown-toggle {
        padding: 8px 20px 6px;
        display: block;
        color: #878787;
    }

        .left-sidebar .dropdown .dropdown-toggle i {
            color: #878787;
        }

    .left-sidebar .dropdown .dropdown-item {
        color: #878787;
    }

.left-sidebar,
.blog-sidebar {
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    padding: 30px;
    border-radius: 8px !important;
}

.single-sidebar .filter-cards {
    margin-top: -2px;
}

.dropdown.show .dropdown-toggle i {
    transform: rotate(180deg);
}

.dropdown .dropdown-toggle {
    display: block;
    cursor: pointer;
}

    .dropdown .dropdown-toggle i {
        float: right;
        margin-top: 4px;
        color: rgba(59, 66, 73, 0.8);
    }

    .dropdown .dropdown-toggle::after {
        display: none;
    }

.dropdown .dropdown-menu {
    width: 100%;
    margin-top: 6px;
    animation: fadeIn 0.5s;
    border-color: #eee;
    z-index: 7;
}

    .dropdown .dropdown-menu .dropdown-item {
        font-size: 14px;
        font-family: Rubik, sans-serif;
        transition: 0.5s;
        padding: 6px 20px;
    }

        .dropdown .dropdown-menu .dropdown-item:focus {
            background: transparent;
        }

        .dropdown .dropdown-menu .dropdown-item:active,
        .dropdown .dropdown-menu .dropdown-item.active {
            background: #eee;
            color: #384147;
        }

        .dropdown .dropdown-menu .dropdown-item:hover,
        .dropdown .dropdown-menu .dropdown-item:focus {
            background-color: rgba(233, 236, 239, 0.42);
        }

.filter-panel {
    padding: 0 0 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}

    .filter-panel .top-panel {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .filter-panel .d-lg-none {
        text-align: right;
    }

        .filter-panel .d-lg-none .mobile-filter {
            display: inline-block;
            padding: 8px 15px;
            border: 1px solid #eee;
            color: #384147;
            border-radius: 4px;
            cursor: pointer;
        }

            .filter-panel .d-lg-none .mobile-filter svg {
                width: 18px;
                height: 18px;
                margin-left: 20px;
            }

    .filter-panel .grid-list-filter {
        margin-bottom: -10px;
    }

        .filter-panel .grid-list-filter .collection-grid-view ul {
            height: 100%;
            display: flex;
            align-items: center;
        }

            .filter-panel .grid-list-filter .collection-grid-view ul li {
                margin-bottom: 0;
            }

                .filter-panel .grid-list-filter .collection-grid-view ul li img {
                    height: 18px;
                }

        .filter-panel .grid-list-filter li {
            margin-bottom: 10px;
        }

            .filter-panel .grid-list-filter li > a,
            .filter-panel .grid-list-filter li .dropdown-toggle,
            .filter-panel .grid-list-filter li .filter-bottom-title {
                padding: 8px 15px;
                border: 1px solid #eee;
                border-radius: 4px;
                color: #384147;
                display: block;
                transition: 0.5s;
                font-family: Rubik, sans-serif;
                position: relative;
            }

                .filter-panel .grid-list-filter li > a svg,
                .filter-panel .grid-list-filter li .dropdown-toggle svg,
                .filter-panel .grid-list-filter li .filter-bottom-title svg {
                    width: 15px;
                    height: 15px;
                    vertical-align: middle;
                }

            .filter-panel .grid-list-filter li .filter-bottom-title {
                padding: 10px 15px;
            }

                .filter-panel .grid-list-filter li .filter-bottom-title h6,
                .filter-panel .grid-list-filter li .filter-bottom-title .h6 {
                    font-size: 14px;
                    line-height: 1.25;
                }

            .filter-panel .grid-list-filter li.active a {
                color: var(--theme-default3);
                border-color: var(--theme-default3);
                transition: 0.5s;
            }

            .filter-panel .grid-list-filter li .dropdown-menu a {
                white-space: unset;
                color: #384147;
            }

            .filter-panel .grid-list-filter li + li {
                margin-left: 10px;
            }

    .filter-panel .show-result {
        color: #878787;
    }

        .filter-panel .show-result span {
            color: var(--theme-default3);
        }

    .filter-panel .filters ul {
        margin: -5px;
    }

        .filter-panel .filters ul li {
            padding: 10px 15px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.5s ease;
            font-weight: 400;
            margin: 5px;
            text-transform: capitalize;
            border-radius: 4px;
            background: #efefef;
            position: relative;
            min-width: 130px;
            text-align: center;
        }

            .filter-panel .filters ul li::after {
                width: 0;
                height: 0;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-top: 7px solid var(--theme-default3);
                content: "";
                bottom: -7px;
                opacity: 0;
                transition: 0.5s;
                position: absolute;
                left: 0;
                right: 0;
                margin: 0 auto;
            }

            .filter-panel .filters ul li i {
                display: block;
                font-size: 30px;
                text-align: center;
                margin-bottom: 6px;
            }

            .filter-panel .filters ul li.active {
                background: var(--theme-gradient7);
                color: white;
                transition: all 0.5s ease;
            }

                .filter-panel .filters ul li.active::after {
                    opacity: 1;
                    transition: 0.5s;
                }

.tab-icon .filters ul li {
    background: #f7f7f7;
    border-bottom: 3px solid #f7f7f7;
}

    .tab-icon .filters ul li lord-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 4px;
    }

    .tab-icon .filters ul li.active {
        color: #7e7e7e;
        background: #f7f7f7;
        border-bottom: 3px solid var(--theme-default3);
    }

    .tab-icon .filters ul li:hover {
        border-bottom: 3px solid var(--theme-default3);
    }

    .tab-icon .filters ul li span {
        display: block;
    }

    .tab-icon .filters ul li::after {
        display: none;
    }

.filter-cards .advance-card .advance-title {
    font-weight: 400;
    margin-top: -4px;
}

.filter-cards .advance-card + .advance-card {
    margin-top: 34px;
}

.filter-cards .advance-card .back-btn {
    text-align: right;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    font-weight: 400;
    color: var(--theme-default3);
    cursor: pointer;
}

.filter-cards .advance-card > h6,
.filter-cards .advance-card > .h6 {
    color: #384147;
    margin-bottom: 30px;
    text-transform: capitalize;
    position: relative;
    font-weight: 400;
    font-size: 16px;
}

    .filter-cards .advance-card > h6::before,
    .filter-cards .advance-card > .h6::before {
        background: var(--theme-default3);
    }

.filter-cards .advance-card .category-property .input-group-text {
    line-height: 1;
}

.filter-cards .advance-card .category-property .agent-info {
    margin-bottom: 20px;
}

    .filter-cards .advance-card .category-property .agent-info .media {
        align-items: center;
    }

    .filter-cards .advance-card .category-property .agent-info h6,
    .filter-cards .advance-card .category-property .agent-info .h6 {
        margin-bottom: 4px;
        font-weight: 500;
        color: #384147;
    }

    .filter-cards .advance-card .category-property .agent-info p {
        font-size: 13px;
        margin-bottom: 0;
    }

.filter-cards .advance-card .category-property ul li {
    display: block;
    color: #878787;
    font-family: Roboto, sans-serif;
}

    .filter-cards .advance-card .category-property ul li a {
        color: #878787;
        font-family: Roboto, sans-serif;
        letter-spacing: 0.04rem;
    }

        .filter-cards .advance-card .category-property ul li a:hover,
        .filter-cards .advance-card .category-property ul li a:focus {
            color: var(--theme-default3);
        }

        .filter-cards .advance-card .category-property ul li a i {
            font-size: 10px;
            vertical-align: 2px;
        }

    .filter-cards .advance-card .category-property ul li svg {
        width: 16px;
        height: 16px;
        vertical-align: text-bottom;
    }

    .filter-cards .advance-card .category-property ul li + li {
        margin-top: 10px;
    }

.filter-cards .advance-card .category-property form input {
    padding: 7px 15px 7px;
}

.filter-cards .advance-card .category-property form input,
.filter-cards .advance-card .category-property form textarea {
    color: #878787;
}

.filter-cards .advance-card .category-property form .input-group-text {
    background-color: transparent;
    border: 1px solid #eee;
    color: #959595;
    padding-top: 10px;
}

.filter-cards .advance-card .recent-property ul li {
    display: block;
}

    .filter-cards .advance-card .recent-property ul li .media {
        align-items: center;
    }

        .filter-cards .advance-card .recent-property ul li .media img {
            width: 95px;
            height: 63px;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 4px;
        }

        .filter-cards .advance-card .recent-property ul li .media .media-body {
            margin-left: 15px;
        }

            .filter-cards .advance-card .recent-property ul li .media .media-body h5,
            .filter-cards .advance-card .recent-property ul li .media .media-body .h5 {
                font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
                font-weight: 400;
                color: #384147;
            }

            .filter-cards .advance-card .recent-property ul li .media .media-body span {
                color: var(--theme-default3);
                font-size: 13px;
            }

                .filter-cards .advance-card .recent-property ul li .media .media-body span span {
                    color: #878787;
                }

    .filter-cards .advance-card .recent-property ul li + li {
        margin-top: 15px;
    }

.filter-cards .advance-card .feature-slider .slick-slide {
    margin-bottom: 0;
}

.filter-cards .advance-card .feature-slider .bottom-feature {
    color: #ffffff;
    padding: 10px;
    position: relative;
    z-index: 1;
    opacity: 0;
    transition: 0.5s;
}

    .filter-cards .advance-card .feature-slider .bottom-feature h5,
    .filter-cards .advance-card .feature-slider .bottom-feature .h5,
    .filter-cards .advance-card .feature-slider .bottom-feature h6,
    .filter-cards .advance-card .feature-slider .bottom-feature .h6 {
        font-weight: 400;
    }

    .filter-cards .advance-card .feature-slider .bottom-feature h6,
    .filter-cards .advance-card .feature-slider .bottom-feature .h6 {
        margin-bottom: 0;
    }

    .filter-cards .advance-card .feature-slider .bottom-feature:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 0;
        transition: height 0.5s;
        left: 0;
        bottom: 0;
        background-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.8) 100%);
        z-index: -1;
    }

.filter-cards .advance-card .feature-slider .slick-arrow {
    opacity: 0;
    transition: 0.5s;
}

.filter-cards .advance-card .feature-slider:hover .slick-arrow {
    opacity: 1;
}

.filter-cards .advance-card .feature-slider:hover .slick-prev {
    left: 15px;
    transition: 0.5s;
}

.filter-cards .advance-card .feature-slider:hover .slick-next {
    right: 15px;
    transition: 0.5s;
}

.filter-cards .advance-card .feature-slider:hover .bottom-feature {
    transition: 0.5s;
    opacity: 1;
}

    .filter-cards .advance-card .feature-slider:hover .bottom-feature:after {
        height: 170%;
        transition: height 0.5s;
    }

.filter-cards .advance-card .tags ul {
    margin-top: -8px;
}

    .filter-cards .advance-card .tags ul li {
        padding: 4px 10px;
        background-color: #f2f2f2c7;
        margin: 8px 8px 0 0;
        border-radius: 4px;
        text-transform: capitalize;
    }

        .filter-cards .advance-card .tags ul li a {
            color: #7e7e7e;
        }

            .filter-cards .advance-card .tags ul li a:hover {
                color: var(--theme-default4);
            }

.feature-card {
    position: relative;
}

    .feature-card .labels-left {
        position: absolute;
        top: 60px;
        left: 10px;
    }

.column-sm {
    margin-bottom: -30px;
}

    .column-sm > div {
        margin-bottom: 30px;
    }

.error-section .not-found img {
    margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    width: 68%;
}

.error-section .not-found p {
    font-size: 16px;
    max-width: 48%;
    margin: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) auto calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
}

.accordion .card {
    border: none;
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
}

    .accordion .card + .card {
        margin-top: 20px;
    }

.accordion .card-header {
    background-color: transparent;
    padding: 20px 50px 20px 30px;
    position: relative;
}

    .accordion .card-header .card-link {
        color: #384147;
        font-weight: 500;
    }

        .accordion .card-header .card-link::after {
            position: absolute;
            right: 30px;
            top: 21px;
            content: "\f054";
            font-family: "Font Awesome 5 free";
            color: #384147;
            font-weight: 900;
            transition: 0.5s ease;
        }

        .accordion .card-header .card-link[aria-expanded="true"]::after {
            transform: rotate(90deg);
            transition: 0.5s ease;
        }

.accordion .card-body {
    color: #959595;
    font-family: Roboto, sans-serif;
    border-top: 1px solid #eee;
    line-height: 1.6;
    padding: 30px;
}

.user-dashboard.terms-section .sidebar-user .dashboard-list {
    margin-top: 0;
}

.faq-section .faq-image h3,
.faq-section .faq-image .h3 {
    margin-top: 30px;
}

.faq-section .faq-image img {
    width: 70%;
}

.faq-section form {
    position: relative;
}

    .faq-section form .form-group input {
        padding: 14px 20px 12px;
    }

    .faq-section form .btn {
        position: absolute;
        right: 6px;
        top: 33px;
    }

.contact-map {
    height: 100%;
}

    .contact-map iframe {
        width: 100%;
        height: 100%;
        border: 0;
    }

.contact_section .contact_wrap {
    text-align: center;
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    padding: 30px;
    height: 100%;
}

    .contact_section .contact_wrap svg {
        color: var(--theme-default4);
        width: 30px;
        height: 30px;
    }

    .contact_section .contact_wrap h4,
    .contact_section .contact_wrap .h4 {
        margin-bottom: 20px;
        margin-top: 10px;
        text-transform: inherit;
        font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
        font-weight: 400;
    }

    .contact_section .contact_wrap p {
        margin-bottom: -8px;
        line-height: 1.8;
    }

    .contact_section .contact_wrap ul {
        margin-bottom: -8px;
    }

        .contact_section .contact_wrap ul li {
            font-family: Roboto, sans-serif;
            color: #959595;
            display: block;
            line-height: 1.8;
        }

.contact_section .contact-content {
    width: 84%;
    margin-bottom: 30px;
}

    .contact_section .contact-content p {
        line-height: 1.8;
        margin-bottom: 0;
    }

.get-in-touch .row {
    align-items: center;
}

.get-in-touch .contact-img {
    text-align: center;
}

    .get-in-touch .contact-img img {
        width: 76%;
    }

.get-in-touch .btn {
    padding: 12px 30px 11px;
}

.with-captcha {
    display: block;
    max-width: 330px;
}

    .with-captcha .spinner label {
        margin-bottom: 0;
    }

.contact_right .row > div + div {
    margin-top: 30px;
}

.contact-bottom {
    height: calc(180px + (300 - 180) * ((100vw - 320px) / (1920 - 320)));
}

.contact_section .contact-detail .contact_wrap {
    padding: 0;
}

.download-section .download-wrap h3,
.download-section .download-wrap .h3 {
    font-weight: 400;
}

.download-section .download-wrap ul li + li {
    margin-left: 15px;
}

.download-section .app-right .input-app {
    display: flex;
    margin-bottom: 15px;
    width: 100%;
}

.download-section .app-right button {
    margin-left: 15px;
}

.download-section .app-right .form-group {
    display: flex;
    margin-bottom: 0;
    width: calc(100% - 150px);
}

    .download-section .app-right .form-group select {
        border-color: #eee;
        background-color: #ffffff;
        padding: 6px;
    }

        .download-section .app-right .form-group select:focus {
            outline: none;
        }

    .download-section .app-right .form-group input {
        border-radius: 0;
        padding: 12px 20px 10px;
    }

.agent-social {
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

    .agent-social li a {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        color: #ffffff;
    }

        .agent-social li a.facebook {
            background-color: #3b5998;
        }

        .agent-social li a.twitter {
            background-color: #55acee;
        }

        .agent-social li a.google {
            background-color: #dd4b39;
        }

        .agent-social li a.linkedin {
            background-color: #007bb6;
        }

    .agent-social li + li {
        margin-left: 5px;
    }

.agent-section .agent-wrap {
    padding-left: 30px;
    border-left: 1px solid #eee;
}

.agent-section .agent-image {
    position: relative;
}

    .agent-section .agent-image .bg-size {
        background-position: top !important;
    }

    .agent-section .agent-image .label {
        position: absolute;
        top: 15px;
        left: 15px;
    }

    .agent-section .agent-image .agent-overlay {
        background: rgba(88, 97, 103, 0.7);
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        transition: all 0.4s ease-in-out 0s;
    }

    .agent-section .agent-image .overlay-content {
        position: absolute;
        text-align: center;
        padding-left: 1em;
        padding-right: 1em;
        width: 100%;
        top: 10%;
        left: 52%;
        opacity: 0;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease-in-out 0s;
    }

        .agent-section .agent-image .overlay-content ul {
            margin-bottom: 15px;
            margin-left: -12px;
        }

            .agent-section .agent-image .overlay-content ul li a {
                width: 30px;
                height: 30px;
                border-radius: 20px;
                background-color: #ffffff;
            }

                .agent-section .agent-image .overlay-content ul li a img {
                    height: 40%;
                }

            .agent-section .agent-image .overlay-content ul li:last-child a img {
                width: 24%;
            }

            .agent-section .agent-image .overlay-content ul li + li {
                margin-left: 10px;
            }

        .agent-section .agent-image .overlay-content span {
            letter-spacing: 12px;
            color: #ffffff;
            font-weight: 700;
            position: relative;
            text-transform: uppercase;
            display: inline-block;
        }

            .agent-section .agent-image .overlay-content span::before,
            .agent-section .agent-image .overlay-content span::after {
                position: absolute;
                content: "";
                background-color: #ffffff;
                width: 16px;
                height: 1px;
                top: 10px;
            }

            .agent-section .agent-image .overlay-content span::before {
                left: -28px;
            }

            .agent-section .agent-image .overlay-content span::after {
                right: -15px;
            }

    .agent-section .agent-image:hover .agent-overlay {
        opacity: 0.7;
    }

    .agent-section .agent-image:hover .overlay-content {
        top: 50%;
        left: 50%;
        opacity: 1;
    }

        .agent-section .agent-image:hover .overlay-content ul li:nth-child(2) a {
            animation: fadeInDown 900ms ease-in-out;
        }

        .agent-section .agent-image:hover .overlay-content ul li:nth-child(3) a {
            animation: fadeInDown 1100ms ease-in-out;
        }

        .agent-section .agent-image:hover .overlay-content ul li:nth-child(4) a {
            animation: fadeInDown 1300ms ease-in-out;
        }

.agent-section .our-agent-details > h6,
.agent-section .our-agent-details > .h6 {
    margin-bottom: 0;
}

.agent-section .our-agent-details ul {
    margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
}

    .agent-section .our-agent-details ul li {
        display: block;
    }

        .agent-section .our-agent-details ul li .media {
            align-items: center;
        }

            .agent-section .our-agent-details ul li .media .icons-square {
                width: 35px;
                height: 35px;
                background-color: rgba(135, 135, 135, 0.1);
                margin-right: 15px;
                border-radius: 8px;
            }

                .agent-section .our-agent-details ul li .media .icons-square svg {
                    width: 16px;
                    height: 16px;
                    color: #878787;
                }

            .agent-section .our-agent-details ul li .media .media-body h6,
            .agent-section .our-agent-details ul li .media .media-body .h6 {
                margin-bottom: 0;
                color: #878787;
                font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
            }

                .agent-section .our-agent-details ul li .media .media-body h6 a,
                .agent-section .our-agent-details ul li .media .media-body .h6 a {
                    color: var(--theme-default4);
                }

        .agent-section .our-agent-details ul li.with-link .media .icons-square {
            position: relative;
            background-color: transparent;
        }

            .agent-section .our-agent-details ul li.with-link .media .icons-square::after {
                opacity: 0.1;
                background-color: var(--theme-default4);
                border-radius: 8px;
            }

            .agent-section .our-agent-details ul li.with-link .media .icons-square svg {
                color: var(--theme-default4);
            }

        .agent-section .our-agent-details ul li + li {
            margin-top: 10px;
        }

.agent-section .about-agent {
    margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
}

    .agent-section .about-agent h3,
    .agent-section .about-agent .h3 {
        margin-top: -4px;
        margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
    }

    .agent-section .about-agent p {
        line-height: 1.8;
    }

    .agent-section .about-agent div.row {
        margin-bottom: -16px;
    }

    .agent-section .about-agent.theme-card .flex-content {
        display: flex;
        flex-wrap: nowrap;
    }

.agent-section .agent-content {
    padding: 30px;
    width: 100%;
}

    .agent-section .agent-content h5,
    .agent-section .agent-content .h5 {
        margin-bottom: 3px;
        font-weight: 400;
        font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
    }

    .agent-section .agent-content p {
        font-weight: 500;
        color: #384147;
    }

    .agent-section .agent-content .agent-contact {
        margin-bottom: 15px;
    }

        .agent-section .agent-content .agent-contact li {
            display: block;
            font-family: Roboto, sans-serif;
            color: #878787;
            text-align: left;
        }

            .agent-section .agent-content .agent-contact li i {
                margin-right: 5px;
                font-size: 10px;
            }

            .agent-section .agent-content .agent-contact li .label {
                padding: 2px 10px 1px;
                margin-left: 5px;
                cursor: pointer;
            }

                .agent-section .agent-content .agent-contact li .label span {
                    font-size: 0;
                }

            .agent-section .agent-content .agent-contact li .phone-number {
                display: none;
            }

            .agent-section .agent-content .agent-contact li.show .phone-number {
                display: inline-block;
            }

            .agent-section .agent-content .agent-contact li.show .character {
                display: none;
            }

            .agent-section .agent-content .agent-contact li.show .label {
                font-size: 0;
            }

                .agent-section .agent-content .agent-contact li.show .label span {
                    font-size: 12px;
                }

            .agent-section .agent-content .agent-contact li + li {
                margin-top: 10px;
            }

    .agent-section .agent-content a {
        text-align: right;
        display: block;
        color: var(--theme-default4);
    }

        .agent-section .agent-content a i {
            margin-left: 10px;
            animation: fadeInLeft 2s ease-in-out infinite;
        }

    .agent-section .agent-content h3 a,
    .agent-section .agent-content .h3 a {
        text-align: unset;
        color: inherit;
        font-size: 24px;
    }

.our-agent .agent-image .label {
    top: 0;
    left: 0;
}

.our-agent .agent-image.bg-size:before {
    padding-top: 64%;
}

.agent-profile-wrap .our-agent .agent-image .label {
    top: 15px;
    left: 15px;
}

.agent-profile-wrap .agent-image {
    background-position: top !important;
}

.agent-property {
    margin-top: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.agency-title {
    margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

    .agency-title h3,
    .agency-title .h3 {
        margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
    }

.dz-message h6,
.dz-message .h6,
.dz-message span {
    color: #959595;
    font-family: Rubik, sans-serif;
    font-weight: 400;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li {
    display: block;
    position: relative;
    z-index: 1;
    margin: 20px 0;
}

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media {
        align-items: center;
    }

        .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
            width: 50px;
            height: 50px;
            border-radius: 100%;
            background-color: #f7f7f7;
        }

            .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon svg {
                display: none;
                vertical-align: middle;
                width: 28px;
                height: 28px;
            }

            .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon span {
                font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
            }

        .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body {
            padding: 0 20px;
        }

            .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h5,
            .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body .h5 {
                margin-bottom: 5px;
            }

            .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h5,
            .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body .h5,
            .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h6,
            .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body .h6 {
                font-family: Rubik, sans-serif;
            }

            .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h6,
            .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body .h6 {
                margin-bottom: 0;
                color: #959595;
            }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .step-icon {
        background-color: var(--theme-default3);
    }

        .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .step-icon span {
            color: #ffffff;
        }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .media-body h5,
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .media-body .h5,
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .media-body h6,
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .media-body .h6 {
        color: var(--theme-default3);
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .media-body h6,
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .media-body .h6 {
        opacity: 0.6;
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.disabled {
        opacity: 0.6;
    }

        .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.disabled .media .step-icon svg {
            display: block;
        }

        .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.disabled .media .step-icon span {
            display: none;
        }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li:first-child {
        margin-top: 0;
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li:last-child {
        margin-bottom: 0;
    }

.property-wizard .wizard-box .wizard-form-details {
    align-items: center;
    overflow: hidden;
}

    .property-wizard .wizard-box .wizard-form-details.col-xxl-9 {
        margin-top: -16px;
        margin-bottom: -16px;
    }

    .property-wizard .wizard-box .wizard-form-details h2,
    .property-wizard .wizard-box .wizard-form-details .h2 {
        font-weight: 400;
        margin-bottom: 3px;
        margin-top: -4px;
    }

    .property-wizard .wizard-box .wizard-form-details p {
        margin-bottom: 20px;
    }

    .property-wizard .wizard-box .wizard-form-details > .d-block {
        animation: fadeInRight 0.5s ease-in-out;
    }

    .property-wizard .wizard-box .wizard-form-details form .form-group {
        margin-bottom: 20px;
    }

    .property-wizard .wizard-box .wizard-form-details form label {
        font-weight: 500;
    }

    .property-wizard .wizard-box .wizard-form-details form.dropzone {
        margin-bottom: 20px;
    }

    .property-wizard .wizard-box .wizard-form-details .next-btn {
        justify-content: space-between;
        margin-top: 30px;
    }

    .property-wizard .wizard-box .wizard-form-details button {
        font-weight: 400;
    }

    .property-wizard .wizard-box .wizard-form-details iframe {
        width: 100%;
        height: calc(200px + (300 - 200) * ((100vw - 320px) / (1920 - 320)));
        border: none;
        margin-bottom: 15px;
    }

    .property-wizard .wizard-box .wizard-form-details .wizard-step-4 {
        height: 100%;
    }

    .property-wizard .wizard-box .wizard-form-details .complete-details {
        text-align: center;
        height: 100%;
        width: 68%;
        margin: 0 auto;
    }

        .property-wizard .wizard-box .wizard-form-details .complete-details h3,
        .property-wizard .wizard-box .wizard-form-details .complete-details .h3 {
            font-weight: 400;
            margin-top: 20px;
        }

        .property-wizard .wizard-box .wizard-form-details .complete-details img {
            width: 40%;
        }

        .property-wizard .wizard-box .wizard-form-details .complete-details h6,
        .property-wizard .wizard-box .wizard-form-details .complete-details .h6 {
            color: var(--theme-default4);
        }

        .property-wizard .wizard-box .wizard-form-details .complete-details p {
            line-height: 1.8;
        }

.property-wizard .feature-checkbox {
    margin: -5px -15px;
}

    .property-wizard .feature-checkbox label {
        color: rgba(88, 97, 103, 0.6);
        margin: 5px 15px;
    }

.property-wizard .dropdown {
    border: 1px solid #eee;
    border-radius: 4px;
    color: rgba(88, 97, 103, 0.6);
}

    .property-wizard .dropdown .dropdown-toggle {
        padding: 7px 20px 5px;
        display: block;
    }

        .property-wizard .dropdown .dropdown-toggle i {
            color: rgba(88, 97, 103, 0.6);
        }

    .property-wizard .dropdown .dropdown-item {
        color: rgba(88, 97, 103, 0.6);
    }

.property-wizard input {
    padding: 12px 20px 10px;
}

.property-wizard label {
    font-weight: 500;
    font-family: Montserrat, sans-serif;
}

.property-wizard .form-control {
    color: rgba(88, 97, 103, 0.6);
}

    .property-wizard .form-control::-moz-placeholder {
        color: rgba(88, 97, 103, 0.6);
    }

    .property-wizard .form-control::placeholder,
    .property-wizard .form-control:focus {
        color: rgba(88, 97, 103, 0.6);
    }

.user-dashboard .sidebar-user {
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
}

    .user-dashboard .sidebar-user .user-profile {
        padding: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
    }

        .user-dashboard .sidebar-user .user-profile .media {
            margin-bottom: 15px;
            align-items: center;
        }

            .user-dashboard .sidebar-user .user-profile .media .change-pic {
                position: relative;
            }

                .user-dashboard .sidebar-user .user-profile .media .change-pic img {
                    width: 70px;
                    height: auto;
                    -o-object-fit: cover;
                    object-fit: cover;
                    border-radius: 8px;
                }

                .user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover {
                    position: absolute;
                    height: 100%;
                    width: 100%;
                    top: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background-color: rgba(0, 0, 0, 0.5);
                    opacity: 0;
                    border-radius: 8px;
                    transform: scale(0);
                    transition: all 0.3s ease;
                }

                    .user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover .btn {
                        padding: 4px 6px;
                        border-radius: 100%;
                    }

                        .user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover .btn svg {
                            width: 18px;
                            height: 18px;
                            vertical-align: text-top;
                            color: rgba(255, 255, 255, 0.8);
                        }

                    .user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover .updateimg {
                        opacity: 0;
                        position: absolute;
                        left: 0;
                        right: 0;
                        margin: 0 auto;
                        width: 26px;
                    }

                .user-dashboard .sidebar-user .user-profile .media .change-pic:hover .change-hover {
                    opacity: 1;
                    transform: scale(1);
                    transition: all 0.3s ease;
                }

            .user-dashboard .sidebar-user .user-profile .media .media-body {
                margin-left: 20px;
            }

                .user-dashboard .sidebar-user .user-profile .media .media-body h5,
                .user-dashboard .sidebar-user .user-profile .media .media-body .h5 {
                    font-weight: 400;
                    margin-bottom: 5px;
                }

                .user-dashboard .sidebar-user .user-profile .media .media-body h6,
                .user-dashboard .sidebar-user .user-profile .media .media-body .h6 {
                    color: #959595;
                    font-size: 13px;
                    margin-bottom: 3px;
                }

        .user-dashboard .sidebar-user .user-profile .connected-social h6,
        .user-dashboard .sidebar-user .user-profile .connected-social .h6 {
            position: relative;
            font-weight: 400;
        }

            .user-dashboard .sidebar-user .user-profile .connected-social h6::before,
            .user-dashboard .sidebar-user .user-profile .connected-social .h6::before {
                position: absolute;
                content: "";
                width: 30px;
                height: 2px;
                background-color: var(--theme-default3);
                left: 0;
                bottom: -8px;
            }

    .user-dashboard .sidebar-user .dashboard-list {
        padding: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
        border-top: 1px solid #efefef;
        margin-top: 15px;
        padding-top: 5px;
    }

.user-dashboard .dashboard-content {
    margin-bottom: -25px;
}

    .user-dashboard .dashboard-content .common-card {
        box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
        padding: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
        border-radius: 8px;
        margin-bottom: 25px;
    }

        .user-dashboard .dashboard-content .common-card .common-header {
            padding-bottom: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
        }

            .user-dashboard .dashboard-content .common-card .common-header h5,
            .user-dashboard .dashboard-content .common-card .common-header .h5 {
                font-weight: 400;
                margin-bottom: 0;
            }

    .user-dashboard .dashboard-content .user-wrapper .widgets .media {
        align-items: center;
    }

        .user-dashboard .dashboard-content .user-wrapper .widgets .media .media-body p {
            font-family: Roboto, sans-serif;
            text-transform: capitalize;
            margin-bottom: 5px;
            margin-top: -2px;
        }

        .user-dashboard .dashboard-content .user-wrapper .widgets .media .media-body h5,
        .user-dashboard .dashboard-content .user-wrapper .widgets .media .media-body .h5 {
            margin-bottom: -3px;
            font-weight: 400;
        }

        .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar {
            position: relative;
            margin-bottom: 1px;
        }

            .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .small-chart,
            .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .small-chart1,
            .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .small-chart2 {
                height: 36px;
                width: 50px;
            }

            .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg {
                position: absolute;
                bottom: -3px;
            }

                .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-a .ct-point,
                .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-a .ct-line,
                .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-a .ct-bar,
                .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-a .ct-slice-donut {
                    stroke: var(--theme-default2);
                }

                .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-b .ct-point,
                .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-b .ct-line,
                .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-b .ct-bar,
                .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-b .ct-slice-donut {
                    stroke: var(--theme-default2);
                    opacity: 0.2;
                }

            .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .chartist-tooltip {
                position: absolute;
                opacity: 0;
            }

                .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .chartist-tooltip .chartist-tooltip-value {
                    font-size: 10px;
                    padding: 5px;
                    color: #ffffff;
                    background-color: rgba(0, 0, 0, 0.5);
                    border-radius: 4px;
                }

                .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .chartist-tooltip.tooltip-show {
                    opacity: 1;
                }

    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-a .ct-point,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-a .ct-line,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-a .ct-bar,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-a .ct-slice-donut {
        stroke: var(--theme-default3);
    }

    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-b .ct-point,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-b .ct-line,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-b .ct-bar,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-b .ct-slice-donut {
        stroke: var(--theme-default3);
        opacity: 0.2;
    }

    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-a .ct-point,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-a .ct-line,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-a .ct-bar,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-a .ct-slice-donut {
        stroke: #24695c;
    }

    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-b .ct-point,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-b .ct-line,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-b .ct-bar,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-b .ct-slice-donut {
        stroke: #24695c;
        opacity: 0.2;
    }

    .user-dashboard .dashboard-content .user-wrapper .overview .overview-content {
        display: flex;
        margin-bottom: 20px;
    }

        .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li {
            width: 100%;
        }

            .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li p {
                margin-bottom: 5px;
                font-family: Roboto, sans-serif;
            }

            .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li h4,
            .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li .h4 {
                margin-bottom: 0;
                font-weight: 500;
            }

            .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li .label {
                padding: 3px 6px 1px;
                font-size: 11px;
            }

            .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li .d-flex {
                align-items: flex-end;
            }

                .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li .d-flex > span {
                    margin-bottom: 3px;
                    display: inline-block;
                }

    .user-dashboard .dashboard-content .user-wrapper .overview #overviewchart {
        margin: -20px 2px -27px -24px;
    }

    .user-dashboard .dashboard-content .user-wrapper .overview .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-title {
        background: transparent;
        border-bottom: 1px solid transparent;
        padding-bottom: 0;
    }

    .user-dashboard .dashboard-content .user-wrapper .overview .apexcharts-canvas .apexcharts-xaxistooltip {
        display: none;
    }

    .user-dashboard .dashboard-content .user-wrapper .sales-agent #agent-sales {
        margin-top: -40px;
        margin-bottom: -32px;
    }

    .user-dashboard .dashboard-content .user-wrapper .available-property .radial-property #radial {
        margin: -29px 0;
    }

    .user-dashboard .dashboard-content .user-wrapper .available-property .radial-property .apexcharts-datalabels-group .apexcharts-datalabel-label {
        transform: translateY(15px);
    }

    .user-dashboard .dashboard-content h2,
    .user-dashboard .dashboard-content .h2 {
        font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320)));
    }

    .user-dashboard .dashboard-content .property-section {
        margin-bottom: 25px;
        position: relative;
    }

.user-dashboard .property-overview table {
    margin-bottom: 0;
}

    .user-dashboard .property-overview table tr th {
        text-transform: capitalize;
        background-color: rgba(100, 117, 137, 0.05);
        font-weight: 400;
        padding: 15px 12px 13px;
    }

    .user-dashboard .property-overview table tr td {
        color: #959595;
        vertical-align: middle;
        font-family: Roboto, sans-serif;
        padding: 15px 12px 0;
    }

        .user-dashboard .property-overview table tr td .d-flex {
            align-items: center;
        }

            .user-dashboard .property-overview table tr td .d-flex h6,
            .user-dashboard .property-overview table tr td .d-flex .h6 {
                margin-left: 10px;
                font-size: 14px;
                color: #7e7e7e;
                margin-bottom: 0;
                font-weight: 500;
            }

        .user-dashboard .property-overview table tr td img {
            width: 50px;
            height: 40px;
            border-radius: 8px;
        }

        .user-dashboard .property-overview table tr td .label {
            font-size: 11px;
        }

        .user-dashboard .property-overview table tr th:last-child,
        .user-dashboard .property-overview table tr td:last-child {
            text-align: right;
        }

.property-section .property-wrapper-grid.list-view .property-box .property-details ul li,
.property-section .property-grid-slider .property-box .property-details ul li {
    padding-right: 5px;
    font-size: 12px;
}

    .property-section .property-wrapper-grid.list-view .property-box .property-details ul li:last-child,
    .property-section .property-grid-slider .property-box .property-details ul li:last-child {
        padding-right: 0;
    }

    .property-section .property-wrapper-grid.list-view .property-box .property-details ul li img,
    .property-section .property-grid-slider .property-box .property-details ul li img {
        height: 14px;
        margin-right: 5px;
    }

.property-section .property-wrapper-grid.list-view .property-box .property-details p,
.property-section .property-grid-slider .property-box .property-details p {
    display: block;
}

.property-section .property-grid-3 .property-wrapper-grid.list-view .property-box .property-image {
    width: 50%;
}

.property-section .property-grid-3 .property-wrapper-grid.list-view .property-box .property-details p {
    display: none !important;
}

.property-section .property-wrapper-grid .property-grid > [class*="col-lg-4"] .property-box .property-details,
.property-section .property-wrapper-grid .property-grid > .col-xl-4 .property-box .property-details {
    padding: 20px;
}

    .property-section .property-wrapper-grid .property-grid > [class*="col-lg-4"] .property-box .property-details ul li,
    .property-section .property-wrapper-grid .property-grid > .col-xl-4 .property-box .property-details ul li {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 12px;
    }

        .property-section .property-wrapper-grid .property-grid > [class*="col-lg-4"] .property-box .property-details ul li:first-child,
        .property-section .property-wrapper-grid .property-grid > .col-xl-4 .property-box .property-details ul li:first-child {
            padding-left: 0;
        }

.property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details,
.property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details {
    padding: 15px 8px;
}

    .property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details .property-btn .btn,
    .property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details .property-btn .btn {
        padding: 9px 20px 8px;
    }

    .property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details h3,
    .property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details .h3,
    .property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details h3,
    .property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details .h3 {
        font-size: 19px;
    }

    .property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details ul li,
    .property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details ul li {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 12px;
    }

        .property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details ul li img,
        .property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details ul li img {
            display: none;
        }

        .property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details ul li:first-child,
        .property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details ul li:first-child {
            padding-left: 0;
        }

.right-line-tab {
    display: block;
    border-bottom: none;
}

    .right-line-tab .nav-item {
        display: block;
    }

        .right-line-tab .nav-item .nav-link {
            color: #7e7e7e;
            font-family: Roboto, sans-serif;
            border: none;
            border-left: 2px solid transparent;
            border-radius: 0;
            padding: 8px 20px;
            font-size: 16px;
            text-transform: capitalize;
            font-weight: 500;
        }

            .right-line-tab .nav-item .nav-link.active {
                border-left-color: var(--theme-default3);
                color: var(--theme-default3);
            }

        .right-line-tab .nav-item.show .nav-link {
            border-right-color: var(--theme-default3);
        }

.table-bordernone tr th,
.table-bordernone tr td {
    border: none;
}

.table-bordernone tr th {
    font-weight: 400;
}

.tab-listing .filter-panel {
    margin-bottom: 30px;
}

.tab-listing .filter-bottom-content {
    top: 45px;
}

.tab-listing .property-details {
    position: relative;
}

    .tab-listing .property-details .my-listing {
        position: absolute;
        right: 45px;
        top: 42px;
        color: #959595;
    }

.create-tab .create-property-form .form-inputs > h6,
.create-tab .create-property-form .form-inputs > .h6 {
    position: relative;
    margin-bottom: 20px;
    font-weight: 400;
    padding-bottom: 8px;
}

    .create-tab .create-property-form .form-inputs > h6::before,
    .create-tab .create-property-form .form-inputs > .h6::before {
        position: absolute;
        content: "";
        width: 30px;
        height: 2px;
        background-color: var(--theme-default3);
        left: 0;
        bottom: 0;
    }

.create-tab .create-property-form .form-inputs .row gx-3 {
    margin-bottom: -16px;
}

.create-tab .create-property-form .form-inputs .dropzone {
    margin-bottom: 16px;
}

.create-tab .create-property-form .form-inputs + .form-inputs {
    margin-top: 25px;
}

.create-tab .create-property-form .btn {
    margin-top: 20px;
}

.my-profile .profile-info .user-name {
    justify-content: space-between;
}

    .my-profile .profile-info .user-name .rating,
    .my-profile .profile-info .user-name h5,
    .my-profile .profile-info .user-name .h5 {
        display: inline-block;
    }

    .my-profile .profile-info .user-name .rating {
        margin-left: 15px;
    }

    .my-profile .profile-info .user-name h5,
    .my-profile .profile-info .user-name .h5 {
        font-weight: 400;
    }

.my-profile .profile-info .user-detail {
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

    .my-profile .profile-info .user-detail li {
        margin: 5px 10px 5px 0;
        color: #384147;
    }

        .my-profile .profile-info .user-detail li svg {
            margin-right: 3px;
            vertical-align: text-top;
            width: 16px;
            height: 16px;
        }

        .my-profile .profile-info .user-detail li span {
            font-family: Roboto, sans-serif;
        }

.my-profile .profile-info p {
    line-height: 1.8;
    margin-bottom: 0;
}

.my-profile .profile-info .information ul li {
    display: block;
    font-family: Roboto, sans-serif;
}

    .my-profile .profile-info .information ul li span:first-child {
        min-width: 180px;
        display: inline-block;
    }

    .my-profile .profile-info .information ul li .label {
        margin-left: 15px;
    }

    .my-profile .profile-info .information ul li a {
        color: var(--theme-default3);
    }

    .my-profile .profile-info .information ul li p {
        display: inline-block;
    }

    .my-profile .profile-info .information ul li + li {
        margin-top: 15px;
    }

.my-profile .profile-info .information-detail + .information-detail {
    padding-top: 30px;
}

.my-profile .profile-info .label-light {
    cursor: pointer;
}

.modal-title {
    font-weight: 400;
}

.modal-header,
.modal-body,
.modal-footer {
    padding: 30px;
}

.modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

    .modal-header .btn-close {
        position: absolute;
        right: 8px;
        top: 8px;
        width: 30px;
        height: 30px !important;
        opacity: 1;
        border-bottom-right-radius: 0;
        border-top-left-radius: 0;
        background: transparent;
        font-size: 20px;
        color: #7c7c7c;
        cursor: pointer;
    }

        .modal-header .btn-close span {
            font-size: 30px;
            color: #fff;
        }

.modal-footer {
    border-top-color: #eee;
}

.edit-profile-modal .modal-title {
    text-transform: capitalize;
}

.edit-profile-modal form label {
    text-transform: capitalize;
}

.edit-profile-modal form .form-control {
    padding: 8px 12px;
    color: rgba(28, 45, 58, 0.5);
}

    .edit-profile-modal form .form-control::-moz-placeholder {
        color: rgba(28, 45, 58, 0.5);
    }

    .edit-profile-modal form .form-control::placeholder {
        color: rgba(28, 45, 58, 0.5);
    }

.edit-profile-modal form > .row {
    margin-bottom: -16px;
}

.edit-profile-modal.logout-modal .modal-body {
    padding-bottom: 0;
}

    .edit-profile-modal.logout-modal .modal-body h6,
    .edit-profile-modal.logout-modal .modal-body .h6 {
        font-weight: 500;
    }

    .edit-profile-modal.logout-modal .modal-body p {
        margin-bottom: 0;
    }

.edit-profile-modal.logout-modal .modal-footer {
    border-top: none;
}

.gj-datepicker-bootstrap [role=right-icon] button {
    border-color: #eee;
}
/*
.modal-header .btn-close {
font-weight: 500;
background: transparent;
height: 52px;
*/

input[type="date"] {
    text-transform: inherit;
}

.gj-datepicker .btn-outline-secondary {
    padding: 8px;
    border-radius: 0 3px 3px 0;
}

    .gj-datepicker .btn-outline-secondary i {
        color: rgba(88, 97, 103, 0.7);
        position: relative !important;
        top: unset !important;
        left: unset !important;
        font-size: 18px !important;
        vertical-align: -3px;
    }

    .gj-datepicker .btn-outline-secondary:not(:disabled):not(.disabled):active {
        background-color: transparent;
        color: inherit;
        box-shadow: none;
        border-color: #959595;
    }

    .gj-datepicker .btn-outline-secondary:not(:disabled):not(.disabled).active {
        background-color: transparent;
        color: inherit;
    }

    .gj-datepicker .btn-outline-secondary:focus {
        outline: none;
        box-shadow: none;
    }

.gj-datepicker .show > .btn-outline-secondary.dropdown-toggle {
    border: transparent;
    background-color: transparent;
    color: inherit;
}

.gj-picker div[role=navigator] div[role=period] {
    font-family: Roboto, sans-serif;
}

.gj-picker-bootstrap table tr td {
    font-family: Roboto, sans-serif;
}

    .gj-picker-bootstrap table tr td.today div {
        color: var(--theme-default3);
    }

    .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
        background-color: var(--theme-default3);
        border-color: var(--theme-default3);
    }

.card-payment .payment-card {
    width: 100%;
    min-height: 183px;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
}

    .card-payment .payment-card.master {
        background-color: #1f4771;
    }

    .card-payment .payment-card.visa {
        background-color: #6c6f69;
    }

    .card-payment .payment-card.american-express {
        background-color: #73a3b9;
        height: 100%;
    }

    .card-payment .payment-card .card-details h6,
    .card-payment .payment-card .card-details .h6 {
        font-family: Roboto, sans-serif;
        color: #ffffff;
    }

    .card-payment .payment-card .card-details .card-number > div img {
        width: 15%;
    }

        .card-payment .payment-card .card-details .card-number > div img:last-child {
            width: 5%;
            margin-left: 10px;
        }

    .card-payment .payment-card .card-details .card-number h3,
    .card-payment .payment-card .card-details .card-number .h3 {
        font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
        color: #ffffff;
        margin-top: 5px;
        margin-bottom: 3px;
    }

    .card-payment .payment-card .card-details .valid-detail {
        margin-bottom: 10px;
    }

        .card-payment .payment-card .card-details .valid-detail .title span {
            display: block;
            color: rgba(255, 255, 255, 0.5);
            text-transform: uppercase;
            font-size: 10px;
            line-height: 1.3;
        }

        .card-payment .payment-card .card-details .valid-detail .date h3,
        .card-payment .payment-card .card-details .valid-detail .date .h3 {
            margin-bottom: 0;
            color: #ffffff;
            margin-left: 10px;
            font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
        }

    .card-payment .payment-card .card-details .name-detail {
        display: flex;
        align-items: center;
    }

        .card-payment .payment-card .card-details .name-detail h5,
        .card-payment .payment-card .card-details .name-detail .h5 {
            margin-bottom: 0;
            font-family: Roboto, sans-serif;
            font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
            color: #ffffff;
            text-transform: uppercase;
            font-weight: 400;
        }

        .card-payment .payment-card .card-details .name-detail h4,
        .card-payment .payment-card .card-details .name-detail .h4 {
            color: #ffffff;
        }

        .card-payment .payment-card .card-details .name-detail .name {
            width: 100%;
        }

        .card-payment .payment-card .card-details .name-detail .card-img {
            display: inline-block;
            margin-left: auto;
            text-align: right;
        }

    .card-payment .payment-card .edit-card {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
        border-radius: 10px;
        opacity: 0;
        transition: all 0.5s ease;
    }

        .card-payment .payment-card .edit-card a {
            color: #ffffff;
            text-transform: capitalize;
        }

            .card-payment .payment-card .edit-card a:hover {
                color: var(--theme-default3);
            }

            .card-payment .payment-card .edit-card a + a {
                margin-left: 15px;
            }

    .card-payment .payment-card.add-card {
        background-color: #eee;
        cursor: pointer;
        padding: 0;
    }

        .card-payment .payment-card.add-card .card-details {
            text-align: center;
            width: 100%;
            height: 183px;
        }

            .card-payment .payment-card.add-card .card-details i {
                font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
                color: #959595;
            }

            .card-payment .payment-card.add-card .card-details h5,
            .card-payment .payment-card.add-card .card-details .h5 {
                text-transform: capitalize;
                margin-bottom: 0;
                margin-top: 5px;
                font-family: Roboto, sans-serif;
            }

    .card-payment .payment-card:hover .edit-card {
        opacity: 1;
        transition: all 0.5s ease;
    }

.card-payment > div:last-child .payment-card {
    margin-top: 30px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 102px;
    height: 28px;
    /*width: 60px;
height: 34px;*/
}

.without-text.switch {
    width: 70px;
    height: 28px;
}

.switch .switch-state {
    border-radius: 20px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f4f4f4;
    transition: .4s;
}

    .switch .switch-state:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: #fff;
        transition: .4s;
        border-radius: 20px;
    }

.switch input {
    display: none;
}

    .switch input:checked + .switch-state {
        background-color: #24695c;
    }

        .switch input:checked + .switch-state:before {
            transform: translateX(26px);
        }



.user-dashboard .dashboard-content .privacy-setting .common-card .common-header {
    padding-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.privacy-setting .common-card .common-header p {
    margin-top: 8px;
    margin-bottom: 0;
}

.privacy-setting .privacy-content .media .media-body p {
    margin-bottom: 0;
}

.privacy-setting .privacy-content .media .switch {
    margin-left: 8px;
}

.privacy-setting .privacy-content .media + .media {
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.privacy-setting .privacy-content .btn {
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.privacy-setting .privacy-content + .privacy-content {
    margin-top: calc(25px + (50 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.privacy-setting .privacy-content h5,
.privacy-setting .privacy-content .h5 {
    font-weight: 400;
    margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.privacy-setting .switch {
    width: 50px;
    height: 25px;
}

    .privacy-setting .switch .switch-state:before {
        height: 17px;
        width: 17px;
    }

    .privacy-setting .switch input:checked + .switch-state:before {
        transform: translateX(25px);
    }

.provide-service .row {
    align-items: center;
}

.provide-service .provide-details h2,
.provide-service .provide-details .h2 {
    color: var(--theme-default3);
    line-height: 1.3;
}

.provide-service .provide-details p {
    line-height: 1.8;
    margin-bottom: 30px;
}

.provide-service .provide-details .btn {
    padding: 12px 30px 11px;
}

.provide-service .service-img {
    text-align: center;
}

.about-testimonial .title-2 h2,
.about-testimonial .title-2 .h2 {
    margin-top: -2px;
}

.terms-section .sidebar-user .dashboard-list h5,
.terms-section .sidebar-user .dashboard-list .h5 {
    padding: 8px 20px;
    font-weight: 400;
}

.terms-section h2,
.terms-section .h2 {
    margin-bottom: 30px;
    font-weight: 400;
    margin-top: -6px;
    line-height: 1.3;
}

.terms-section .terms-wrapper h4,
.terms-section .terms-wrapper .h4 {
    font-weight: 400;
    color: #384147;
    margin-bottom: 3px;
    line-height: 1.4;
}

.terms-section .terms-wrapper p {
    line-height: 1.7;
    font-size: 16px;
}

    .terms-section .terms-wrapper p a {
        color: var(--theme-default3);
    }

    .terms-section .terms-wrapper p:last-child {
        margin-bottom: 0;
    }

.terms-section .terms-wrapper + .terms-wrapper {
    margin-top: 30px;
}

.terms-section .terms-wrapper ul {
    padding-left: 18px;
}

    .terms-section .terms-wrapper ul li {
        display: list-item;
        line-height: 1.7;
        font-size: 16px;
        color: #959595;
    }

.terms-section .terms-wrap {
    margin-bottom: -5px;
}

.terms-bottom-content {
    margin: 80px 20px 0;
    background: #dddddd3b;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
}

    .terms-bottom-content img {
        height: 180px;
        margin-top: -80px;
        margin-bottom: 20px;
    }


/**=====================
Inner pages css end
==========================**/


/**=====================
responsive css start
==========================**/

@media (max-width: 1800px) {
    .timeline-card::after {
        width: 65%;
    }
}

@media (max-width: 1711px) {
    .properties-list .media > img {
        width: 70px;
        height: 70px;
    }

    .properties-list .media .media-body {
        padding-left: 15px;
    }
}

@media (max-width: 1711px) and (min-width: 1400px) {
    .authentication-box .col-xxl-3 {
        width: 30%;
    }
}

@media (max-width: 1680px) {
    .total-container .apexcharts-canvas {
        margin: 0 auto;
    }

    .not-found-img .animation-error {
        right: 100px;
    }
}

@media (max-width: 1660px) {
    .revenue-container .apexcharts-canvas {
        margin: 0 auto;
    }

    .recent-properties table tr td {
        min-width: 105px;
    }

        .recent-properties table tr td:first-child {
            min-width: 244px;
        }

        .recent-properties table tr td:last-child {
            min-width: 150px;
        }

    .user-info .all-properties .media img {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 1660px) and (min-width: 1200px) {
    .xl-none {
        display: none;
    }

    .xl-2 {
        flex: 0 0 23%;
        max-width: 23%;
    }

    .xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .xl-index-10 {
        order: 10;
    }

    .all-properties .media img {
        width: 16%;
    }

    .timeline-card::after {
        width: 40%;
        right: -110px;
    }

    .follow-list-item {
        display: none;
    }

    .friend-agent {
        display: none;
    }
}

@media (max-width: 1540px) {
    .timeline-card::after {
        width: 47%;
    }
}

@media (max-width: 1460px) {
    .not-found-img .animation-error {
        top: 20px;
        right: 60px;
    }

        .not-found-img .animation-error img {
            height: 150px;
        }
}

@media (max-width: 1440px) {
    .all-properties ul li img {
        display: none;
    }

    .payment-table table tr td:nth-child(2),
    .payment-table table tr th:nth-child(2) {
        width: 200px !important;
    }
}

@media (max-width: 1381px) and (min-width: 1200px) {
    .large-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .large-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .large-5 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .all-properties .media img {
        width: 12%;
    }
}

@media (max-width: 1366px) and (min-width: 1200px) {
    .user-lists.agent-section .agent-image .overlay-content span {
        letter-spacing: 6px;
    }

    .user-lists.agent-section .agent-content {
        padding: 20px;
    }

        .user-lists.agent-section .agent-content .agent-contact li .label {
            margin-left: 3px;
        }
}

@media (max-width: 1366px) {
    .timeline-card::after {
        width: 50%;
        right: -108px;
    }

    .page-wrapper .page-main-header .header-menu > li:first-child {
        width: 40%;
    }

    .assign-table table tr td:first-child {
        min-width: 210px;
    }

    .page-not-found .not-found-content p {
        width: 90%;
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body {
        padding: 0 15px;
    }
}

@media (max-width: 1280px) {
    .timeline-card::after {
        right: -90px;
    }

    .listing-option .btn {
        padding: 8px 4px 7px 4px !important;
        min-width: 38px;
    }

        .listing-option .btn.ms-2.px-4.btn-danger {
            padding: 8px 10px 7px 10px !important;
        }

    .listing-option .d-flex {
        align-items: normal;
    }

    #search_box {
        width: 41.33333%;
    }

    #search_button {
        width: auto;
    }

    .choose-asset .imgWrapper img {
        height: auto !important;
    }

    .addInformation .ticketslider .swiper .sldrcntr {
        /*            height: auto !important;*/
        min-height: 330px !important;
    }
}

@media (max-width: 1199px) {
    .property-details ul li {
        padding-left: 5px;
        padding-right: 5px;
    }

    .timeline-card::after {
        width: 34%;
    }

    .friend-list .label {
        padding: 4px 9px 3px;
    }

    .property-section .property-2 .property-box .property-image .labels-left,
    .property-section .property-3 .property-box .property-image .labels-left {
        left: 15px;
        top: 15px;
    }

    .page-wrapper .page-main-header {
        padding: 0 20px;
    }

        .page-wrapper .page-main-header .header-menu > li {
            padding: 10px 20px;
        }

    .all-properties .media img {
        width: 7%;
    }

    .project-widgets .media .widget-icon {
        width: 40px;
        height: 40px;
    }

    .property-section .property-box .property-details {
        padding: 20px;
    }

        .property-section .property-box .property-details .property-btn .btn {
            padding: 8px 20px;
        }

    .property-details .property-btn .btn + .btn {
        margin-left: 10px;
    }

    .jvector-map-height {
        height: 280px;
    }

    .transactions-table table tr th:nth-child(2),
    .transactions-table table tr td:nth-child(2) {
        min-width: 250px;
    }

    .transactions-table table tr th:nth-child(6),
    .transactions-table table tr td:nth-child(6) {
        min-width: 108px;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps {
        margin-top: 0;
    }

        .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li {
            flex: 0 0 48%;
            max-width: 48%;
        }

    .not-found-img .animation-error img {
        height: 120px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .timeline-card.timeline-agent::after {
        width: 66%;
    }
}

@media (max-width: 991px) {
    h2,
    .h2 {
        font-size: 28px;
    }

    h3,
    .h3 {
        font-size: 24px;
    }

    h4,
    .h4 {
        font-size: 20px;
    }

    h5,
    .h5 {
        font-size: 18px;
    }

    h6,
    .h6 {
        font-size: 15px;
    }

    .card .card-body,
    .card .card-header,
    .card .card-footer {
        padding: 20px;
    }

    .onhover-show-div {
        top: 69px;
    }

    .column-sm {
        margin-bottom: -20px;
    }

        .column-sm > div {
            margin-bottom: 20px;
        }

    .theme-pagination {
        margin-top: 20px;
    }

    .admin-form .dropdown .dropdown-toggle {
        padding-left: 15px;
        padding-right: 15px;
    }

    .admin-form .form-control {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-wrapper .page-main-header {
        height: 70px;
        margin-left: 0;
        width: 100%;
    }

        .page-wrapper .page-main-header .header-menu .notification-dropdown {
            top: 58px;
        }

    .page-header {
        padding: 25px 0;
    }

    .page-body-wrapper .page-body,
    .page-body-wrapper footer {
        margin-left: 0;
    }

    .page-body-wrapper .page-sidebar .logo-wrap {
        padding: 5px 8px;
        min-height: 70px;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu {
        height: calc(100vh - 248px);
    }

    .page-body-wrapper .page-body {
        min-height: calc(100vh - 70px);
        margin-top: 70px;
    }

    .all-properties .media img {
        width: 50px;
    }

    .sales-details .bar-sales {
        margin-top: 20px;
    }

    .property-admin .property-details {
        padding: 20px;
    }

    .property-map .property-grid {
        padding-top: 30px;
    }

    .title-about {
        margin-bottom: 20px;
    }

    .timeline-card::after {
        width: 30%;
    }

    .about-space {
        margin-top: 20px;
    }

        .about-space .off-credit {
            padding-top: 20px;
        }

    .friend-list .label {
        padding: 4px 8px 3px;
    }

    .property-grid-3 .property-grid.list-view .property-box .agent-image {
        width: 78%;
    }

    .agent-section .agent-content {
        padding: 20px;
    }

    .income-wrap .overview-content li + li {
        margin-left: 20px;
    }

    .authentication-box {
        position: relative;
        background: rgba(249, 249, 249, 0.9);
    }

        .authentication-box .auth-img {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            z-index: -1;
        }

        .authentication-box .log-in form .form-group .input-group .input-group-text svg {
            width: 20px;
            height: 20px;
        }

    .log-in h6,
    .log-in .h6 {
        margin-bottom: 10px;
    }

    .log-in form .form-group {
        margin-bottom: 20px;
    }

        .log-in form .form-group .important-note {
            padding-left: 30px;
        }

    .log-in form .d-flex {
        margin-bottom: 20px;
    }

    .log-in .social-connect > div:nth-child(n+3) {
        margin-top: 10px;
    }

    .page-not-found {
        text-align: center;
    }

        .page-not-found .row > div {
            margin: 0 auto;
        }

        .page-not-found .not-found-img > img {
            width: 80%;
        }

        .page-not-found .not-found-content {
            padding: 20px 0;
            text-align: center;
        }

            .page-not-found .not-found-content p {
                width: 100%;
            }

    .not-found-img .animation-error {
        right: 100px;
    }

        .not-found-img .animation-error img {
            height: 90px;
        }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in {
        margin-top: 30px;
    }

        .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in .next-btn {
            margin-top: 10px;
        }
}

@media (max-width: 767px) {
    .btn {
        padding: 8px 18px 7px;
    }

        .btn.btn-dashed {
            padding: 9px 18px 8px;
        }

    .authentication-box .log-in .important-note {
        font-size: 13px;
    }

    footer {
        text-align: center;
    }

        footer .float-end {
            float: none !important;
        }

    .tap-top.top {
        bottom: 20px;
        right: 20px;
    }

    .page-wrapper .page-main-header .mobile-search {
        padding: 10px;
    }

        .page-wrapper .page-main-header .mobile-search svg {
            width: 18px;
            height: 18px;
            vertical-align: middle;
        }

    .page-wrapper .page-main-header .search-form {
        top: 50px;
        position: absolute;
        transition: all linear 0.3s;
        left: 15px;
        background-color: #ffffff;
        transform: translateY(-35px) scaleY(0);
        opacity: 0;
        visibility: hidden;
        width: 180px;
        padding-left: 0;
    }

        .page-wrapper .page-main-header .search-form .form-control {
            border: 1px solid #dee2e6;
            padding: 8px 15px;
        }

        .page-wrapper .page-main-header .search-form::before,
        .page-wrapper .page-main-header .search-form::after {
            display: none;
        }

        .page-wrapper .page-main-header .search-form.open {
            transform: translateY(0px) scaleY(1);
            opacity: 1;
            visibility: visible;
            transition: all linear 0.3s;
        }

    .page-wrapper .page-main-header .header-menu > li:first-child {
        width: auto;
        margin: 0;
    }

    .light-box {
        padding: 12px;
    }

    .expiring-details .legend-exiring {
        margin-top: 60px;
    }

    .property-section .property-box .property-details .property-btn .btn {
        padding: 8px 18px;
    }

    .property-details ul li {
        padding-left: 8px;
        padding-right: 3px;
    }

    .about-profile .friend-list ul li:nth-child(n+4) {
        margin-top: 0;
    }

    .about-profile .friend-list ul li:nth-child(n+5) {
        margin-top: 20px;
    }

    .timeline-card::after {
        width: 39%;
    }

    .address-invoice .light-box > div + div {
        margin-top: 20px;
    }

    .invoice-note .text-md-end {
        margin-top: 15px;
    }

    .jvector-map-height {
        height: 150px;
    }

    .page-not-found .not-found-content p {
        width: 96%;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps {
        display: flex;
        flex-wrap: wrap;
    }

        .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li {
            flex: 0 0 100%;
            max-width: 100%;
        }
}

@media (max-width: 575px) {
    h2,
    .h2 {
        font-size: 25px;
    }

    h3,
    .h3 {
        font-size: 22px;
    }

    .card {
        margin-bottom: 20px;
    }

    label {
        margin-bottom: 4px;
    }

    .label {
        padding: 2px 10px 2px;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .agent-lists {
        margin-bottom: 20px;
    }

    .property-wizard .wizard-box .wizard-form-details form .form-group {
        margin-bottom: 15px;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in {
        margin-top: 20px;
    }

    .authentication-box .log-in.row .form-login .card {
        margin-top: 20px;
    }

    .report-summary .sales-details .chart-legends {
        margin: 20px 0;
    }

    .tap-top {
        width: 30px;
        height: 30px;
    }

    .onhover-show-div {
        top: 53px;
    }

    .page-header {
        padding: 20px 0;
    }

        .page-header .breadcrumb {
            float: left;
            margin-top: 10px;
        }

    .page-wrapper .page-main-header {
        height: 70px;
    }

        .page-wrapper .page-main-header .header-menu .profile-avatar img {
            width: 35px;
        }

        .page-wrapper .page-main-header .header-menu > li {
            padding: 8px;
        }

            .page-wrapper .page-main-header .header-menu > li > a svg {
                width: 18px;
            }

            .page-wrapper .page-main-header .header-menu > li .notification-badge {
                top: 4px;
                right: 1px;
                transform: scale(0.8);
            }

        .page-wrapper .page-main-header .header-menu .notification-dropdown {
            top: 50px;
        }

    .page-body-wrapper .page-body {
        min-height: calc(100vh - 60px);
        margin-top: 60px;
        padding: 0;
    }

    .sales-details .chart-legends {
        margin: 20px 0;
    }

    .monthly-sales {
        margin-top: 30px;
    }

    .project-widgets .media .widget-icon {
        width: 60px;
        height: 60px;
    }

        .project-widgets .media .widget-icon i {
            font-size: 26px;
        }

    .project-widgets .media .media-body h4,
    .project-widgets .media .media-body .h4 {
        margin: 2px 0;
    }

    .project-widgets .media .media-body .label {
        padding: 2px 10px 1px;
    }

    .invoice-card .calculations ul li h5,
    .invoice-card .calculations ul li .h5 {
        margin-bottom: 5px;
    }

    .properties-list .media .media-body ul li img {
        width: 20px;
    }

    .properties-list .media .media-body h6,
    .properties-list .media .media-body .h6 {
        margin-bottom: 5px;
    }

    .sales-details .bar-sales {
        margin-left: -20px;
        margin-bottom: -25px;
    }

    .expiring-details .legend-exiring {
        margin-top: 50px;
    }

    .log-in .divider {
        margin: 10px 0;
    }

    .log-in form .form-group {
        margin-bottom: 15px;
    }

    .switch {
        height: 26px;
        width: 54px;
    }

        .switch .switch-state:before {
            width: 20px;
            height: 20px;
            bottom: 3px;
        }

        .switch input:checked + .switch-state:before {
            transform: translateX(27px);
        }

    .listing-option {
        display: block;
    }

        .listing-option .d-flex {
            margin-top: 10px;
            justify-content: flex-start;
        }

    .property-section .property-box .property-image .overlay-plus span {
        font-size: 38px;
    }

    .about-profile .friend-list ul li:nth-child(n+4) {
        margin-top: 20px;
    }

    .about-profile .friend-list ul li .label {
        padding: 4px 8px 3px;
    }

    .timeline-card::after {
        width: 45%;
    }

    .user-info .media .media-body {
        margin-left: 10px;
    }

    .agent-social li a {
        width: 25px;
        height: 25px;
    }

        .agent-social li a i {
            font-size: 13px;
        }

    .property-grid-3 .property-grid.list-view .property-box .agent-image {
        width: 100%;
    }

    .property-grid.list-view .property-box {
        display: block;
    }

    .invoice .invoice-logo {
        margin-bottom: 20px;
    }

    .invoice-table table tr th:first-child,
    .invoice-table table tr td:first-child {
        min-width: 200px;
    }

    .invoice-note img {
        width: 110px;
    }

    .jvector-map-height,
    .jvector-map-report {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .btn-social span {
        padding: 8px 14px 7px;
    }

    .expiring-details .legend-exiring ul li {
        padding: 0;
    }

    .ratio_55 .bg-size::before {
        padding-top: 63%;
    }

    .timeline-card::after {
        width: 51%;
    }

    .time-details {
        display: block;
    }

        .time-details h6,
        .time-details .h6 {
            margin-top: 15px;
        }

    .user-info .all-properties .user-info-icon {
        display: block;
    }

        .user-info .all-properties .user-info-icon li + li {
            padding-top: 10px;
            padding-left: 0;
            border-left: none;
        }

    .page-wrapper .page-main-header .header-menu .onhover-show-div {
        width: calc(100vw - 30px);
        position: fixed;
        top: 60px;
        left: 15px;
    }

        .page-wrapper .page-main-header .header-menu .onhover-show-div:before,
        .page-wrapper .page-main-header .header-menu .onhover-show-div:after {
            display: none;
        }

    .page-wrapper .page-main-header .header-menu .notification-dropdown {
        width: calc(100vw - 30px);
    }

    footer p {
        font-size: 13px;
    }

    .page-not-found .not-found-content p {
        width: 100%;
    }

    .page-not-found .not-found-img > img {
        width: 100%;
    }

    .not-found-img .animation-error img {
        height: 90px;
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
        width: 42px;
        height: 42px;
    }

        .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon svg {
            width: 25px;
            height: 25px;
        }
}

@media (max-width: 420px) {
    .not-found-img .animation-error img {
        height: 60px;
    }

    .user-info .contact-media {
        display: block;
    }

        .user-info .contact-media .media-body {
            margin-left: 0;
            margin-top: 15px;
        }

    .timeline-card::after {
        width: 60%;
    }
}

@media (max-width: 360px) {
    .property-details ul li {
        font-size: 12px;
    }

    .property-section .property-box .property-image .overlay-property-box .effect-round {
        width: 30px;
        height: 30px;
    }

    .property-section .property-box .property-details {
        padding: 12px;
    }

    .not-found-img .animation-error {
        right: 50px;
    }

        .not-found-img .animation-error img {
            height: 50px;
        }

    .timeline-card::after {
        width: 68%;
    }

    .management-table table tr td img {
        width: 34px;
    }

    .management-table table tr td .media .media-body {
        margin-left: 10px;
    }

    .management-table table tr td:first-child {
        min-width: 253px;
    }

    .expiring-details .chart-detail .media .with-reload > img {
        width: 35px;
    }

    .expiring-details .legend-exiring ul li {
        width: auto;
    }

        .expiring-details .legend-exiring ul li span {
            font-size: 13px;
        }

        .expiring-details .legend-exiring ul li + li {
            margin-left: 20px;
        }

    .all-properties .media img {
        width: 40px;
    }

    .all-properties .media .media-body {
        margin-left: 10px;
    }

        .all-properties .media .media-body h4, .all-properties .media .media-body .h4 {
            margin-bottom: 2px;
        }

    .income-wrap .overview-content li {
        display: block;
    }

        .income-wrap .overview-content li + li {
            margin-left: 0;
            margin-top: 15px;
        }

    .authentication-box .log-in form .d-flex {
        display: block !important;
    }

        .authentication-box .log-in form .d-flex a {
            margin-top: 10px;
            display: block;
        }

    .social-connect > div {
        flex: 0 0 100%;
        max-width: 100%;
    }

        .social-connect > div + div {
            margin-top: 10px !important;
        }
}

@media print {
    .page-sidebar, .page-header {
        display: none;
    }

    .page-wrapper .page-main-header {
        display: none;
        position: relative;
    }

    .page-body-wrapper .page-body {
        margin-top: 0;
    }

    .customizer-links, .tap-top {
        display: none;
        position: relative;
    }
}

/**=====================
responsive css end
==========================**/

.text-center.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054) !important;
}

div.dataTables_wrapper div.dataTables_info {
    color: #000;
    font-size: .9rem;
}

.page-link {
    color: var(--theme-default7);
}

.page-item.disabled .page-link {
    color: var(--theme-default7);
}

.page-item.active .page-link {
    background-color: var(--theme-default7);
    border-color: var(--theme-default7);
}

.admin-form .filter-panel .dropdown .dropdown-toggle {
    padding: 9px 20px 9px;
    font-family: Rubik, sans-serif;
}

    .admin-form .filter-panel .dropdown .dropdown-toggle span {
        font-size: 1rem;
        font-family: Rubik, sans-serif;
    }

.table-img {
    border-radius: 5px;
    border: 1px solid #acacac;
    width: 40px;
    height: 40px;
}

table td, table th {
    vertical-align: middle;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    width: 100%;
}

.heading-partition {
    color: #000000;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    font-weight: 400;
    padding-bottom: 5px;
}

.input-group-text {
    border-radius: 2px !important;
    height: 37px; /*margin-top: 4px;*/
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

footer {
    text-align: center;
    color: #4f4f4f;
}

/**********table-overwright***************/
.table td, .table th, .p-datatable .p-datatable-tbody > tr > td, .p-datatable .p-datatable-thead > tr > th {
    padding: .75rem !important;
    color: #000 !important;
}

.p-datatable .p-datatable-thead > tr > th {
    background: #ffffff;
    padding: .75rem;
    border-bottom: 2px solid #dee2e6;
}

.p-datatable .p-datatable-footer {
    background: #ffffff;
    border: 1px solid #ffffff;
    padding-left: 0;
}

.showp {
    opacity: 0;
    margin-left: -15px;
    cursor: pointer;
}

.vl-active .loader-wrapper {
    display: flex !important;
}

.p-datatable .p-datatable-tbody > tr {
    color: #000000;
}

.p-datatable .p-datatable-thead > tr > th {
    font-weight: bold;
    color: #000000;
}

    .p-datatable .p-datatable-thead > tr > th span {
        font-size: 16px;
    }

.p-datatable .p-datatable-thead > tr > th, .p-datatable .p-datatable-tbody > tr > td {
    border: 1px solid #dee2e6 !important;
}

.p-datatable .p-datatable-thead > tr > th {
    border-bottom-color: #ccc !important;
}

    .p-datatable .p-datatable-thead > tr > th span {
        font-size: 15px !important;
        font-weight: normal;
    }

.table-striped tbody tr:nth-of-type(2n+1), .p-datatable .p-datatable-tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0,0,0,.03) !important;
}

.table-striped tbody tr.intro:nth-of-type(2n+1), .p-datatable .p-datatable-tbody tr.intro:nth-of-type(2n+1) {
    background-color: #fff7e4 !important;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(2n) {
    background-color: #f8f8f8 !important;
    border: 1px solid #f2f2f2 !important;
    box-shadow: none !important;
}

.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px !important;
}

.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
    border-left-width: 0 !important;
}

.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
    border-top-width: 0 !important;
}

.p-paginator {
    padding: 0px !important;
}

.p-paginator-left-content .row {
    margin-left: 0px !important;
}

.p-datatable.p-datatable-gridlines .p-datatable-footer {
    padding-bottom: 0px !important;
    padding-right: 0px !important;
}

.p-paginator-left-content {
    color: #353c4e !important;
    font-size: 15px;
    letter-spacing: .4px;
    white-space: nowrap;
}

.p-paginator button {
    font-size: 14px !important;
    position: relative !important;
    display: block !important;
    padding: .5rem .75rem !important;
    margin: 0px -1px 0px 0px !important;
    line-height: 1.25 !important;
    color: #007bff !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    margin-left: 0 !important;
    border-radius: 0px !important;
    color: #6c757d !important;
    cursor: pointer !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important;
    font-weight: 600;
}

    .p-paginator button:hover {
        background-color: #fe8a7d !important;
        border-color: #fe8a7d !important;
        color: #1d233b !important;
    }

    .p-paginator button.p-paginator-first {
        border-top-left-radius: .25rem !important;
        border-bottom-left-radius: .25rem !important;
    }

    .p-paginator button.p-paginator-last {
        margin-right: 0px !important;
        border-top-right-radius: .25rem !important;
        border-bottom-right-radius: .25rem !important;
    }

.p-paginator .p-paginator-pages {
    display: flex;
}

    .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
        background-color: #16a085 !important;
        border-color: #16a085 !important;
        color: #fff !important;
    }

.p-paginator .p-dropdown {
    margin-right: 0px !important;
}

    .p-paginator .p-dropdown .p-inputtext {
        padding: 0.25rem 0rem 0.25rem 0.5rem !important;
    }


.p-datatable-wrapper {
    max-width: 100%;
    overflow-y: auto;
    scrollbar-width: thin; /*scrollbar-color: #0076cc #1d233b;*/
}

    .p-datatable-wrapper::-webkit-scrollbar {
        width: 10px;
        max-width: 250px;
        max-height: 100px;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .p-datatable-wrapper::-webkit-scrollbar-track {
        width: 10px;
        max-width: 250px;
        max-height: 100px;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .p-datatable-wrapper::-webkit-scrollbar-thumb {
        width: 10px;
        max-width: 250px;
        max-height: 100px;
        overflow-y: auto;
        scrollbar-width: thin;
    }


    .p-datatable-wrapper::-webkit-scrollbar {
        height: 9px;
        background: #0076cc;
    }

    .p-datatable-wrapper::-webkit-scrollbar-thumb {
        background: #1d233b;
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
    }

    .p-datatable-wrapper::-webkit-scrollbar-corner {
        background: #0076cc;
    }


/**Action CSS**/

span.actions.rw_act {
    position: absolute;
    right: 5px;
    left: auto;
    margin-top: 0px
}

.main-content .page-content .panel .panel-content .actions i {
    padding-right: 0
}

.actions .close {
    background: rgba(148, 94, 0, 0.4);
    line-height: 38px;
    width: 26px;
    height: 38px;
    text-shadow: none;
    color: #ffffff;
    margin-top: -4px;
    text-align: center;
    position: absolute;
    right: 0px;
    border-radius: 0 0.25rem 0.25rem 0;
    font-size: 16px;
}

    .actions .close.fa-times::before {
        content: "\f00d";
    }

.actions-onclick {
    color: #fff !important;
    float: left;
    padding: 8px 5px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 400;
    transition: background-color .5s ease;
    width: 61px;
    margin: 0px 2px !important;
}
    /*.actions-onclick:nth-child(even){background:rgba(0,0,0,.2)}*/
    .actions-onclick p {
        font-size: 12px;
        padding-top: 9px;
        margin: 0px !important;
        display: block;
        width: 100%;
    }

.actions {
    background: #945e00;
    color: #fff;
    position: relative;
    display: flex !important;
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    left: 50%;
    margin-left: -13px;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    text-align: center;
    line-height: 27px;
    font-size: 18px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

@media (max-width:1600px) {
    span.actions.rw_act {
        right: 7px
    }
}

.list-actions {
    text-align: left;
    padding: 5px;
    border-radius: .25rem;
    font-size: 12px;
    line-height: 12px;
    float: left;
    box-shadow: none;
    display: block;
    height: auto;
    width: 100% !important;
}

.action-list-box {
    background: #122341;
    background: linear-gradient(0deg,rgb(18, 35, 65) 35%, rgb(11, 24, 47) 65%);
    position: absolute;
    top: -17px !important;
    right: 0px !important;
    width: 0;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    z-index: 1;
    border-radius: 40px;
    height: auto;
    top: 0px;
}

.checkin-btn.close {
    background: #fe9365 !important;
    opacity: 1;
    border-radius: 5px;
    right: 0px;
    top: 4px;
}

.fsm-list {
    width: 150px
}

.ngx-datatable.bootstrap .datatable-body .datatable-body-row .fsm-list i {
    font-size: 18px
}

.login_asCompany {
    color: #008000 !important;
}

.setpassword_asCompany {
    color: #09326a;
}

.enable_disable_action {
    color: #7f0000 !important;
}

.get_regitration_option {
    color: #5a00a9 !important;
}

/**Action CSS End**/

/**model*/

body.modal-open {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #0000008a !important;
    z-index: 99999 !important;
}

    .modal-container .modal-dialog {
        width: 100%;
        border-radius: 5px;
        overflow: hidden;
    }

    .modal-container .modal-body {
        width: 100%;
        padding: 20px;
        border: none;
        text-align: left;
        background-color: #fff;
        border-radius: 10px;
        max-height: 500px !important;
        overflow: auto;
    }

    .modal-container .modal-dialog .modal-header {
        padding: 10px 15px;
        border-bottom: 1px solid #122341;
        background: #122341;
        color: #fff !important;
    }

        .modal-container .modal-dialog .modal-header h5 {
            color: #fff !important;
        }

    .modal-container .modal-dialog .modal-footer {
        padding: 10px 15px;
        display: flex;
        border-top: 1px solid #dee2e6;
    }

        .modal-container .modal-dialog .modal-footer .btn {
            width: -moz-max-content;
            width: max-content;
            margin: 0px;
            margin-left: 13px;
        }
/*h5.modal-title {font-weight: 400;}*/
.modal-close {
    font-size: 20px;
    color: #7c7c7c;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 8px;
}

.Roles_table.mainheading {
    background: #4f87b6 !important;
    font-weight: bold;
}

.custom-file input[type="file"] {
    padding: 7px 14px; /*height: 39px;*/
}

.disable-Control .selected-item a {
    cursor: default;
}

/*CSS 21-02-2023*/

.avatar-xs {
    height: 2rem;
    width: 2rem;
    display: inline-block;
}

.avatar-title:hover {
    cursor: pointer;
}

.avatar-title {
    align-items: center;
    background-color: #16a085;
    color: #fff;
    display: flex;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.d-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

td.p-frozen-column {
    background: transparent !important;
}

.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a i {
    vertical-align: middle;
    position: absolute;
    left: 10px;
    top: 12px;
}



    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a i.vue-feather--settings {
        animation: none;
        display: inline-block
    }

@keyframes mymove {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.avatartexthead {
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    background: #51504d;
    border-radius: 8px;
    text-align: center;
    color: #0b202c;
    text-transform: uppercase;
    font-size: 16px;
}

.upload_image_thnumb {
    max-width: 36px;
    max-height: 36px;
    border-radius: 4px;
    height: 34px;
    -o-object-fit: cover;
       object-fit: cover;
}

.asset-upload_image_thnumb {
    max-width: 36px;
    max-height: 36px;
    border-radius: 4px;
    height: 34px;
    -o-object-fit: fill;
       object-fit: fill;
}

.profile-pwt {
    width: calc(100% - 55px);
    padding-right: 15px;
}

/***************p-calender************/

.p-calendar.p-component.p-inputwrapper.form-control {
    padding: 0;
    border: 0
}

    .p-calendar.p-component.p-inputwrapper.form-control .p-inputtext.p-component {
        width: 100%;
        border: 1px solid #dee2e6;
        padding: 11px 20px 9px;
        color: rgba(34, 54, 69, 0.7);
        margin: 4px 0;
        border-radius: 2px;
        font-size: 14px;
        font-family: Rubik, sans-serif;
    }

        .p-calendar.p-component.p-inputwrapper.form-control .p-inputtext.p-component::-moz-placeholder {
            color: #a7afb5;
            opacity: .9;
        }

        .p-calendar.p-component.p-inputwrapper.form-control .p-inputtext.p-component::placeholder {
            color: #a7afb5;
            opacity: .9;
        }

    .p-calendar.p-component.p-inputwrapper.form-control.is-invalid .p-inputtext.p-component {
        border-color: #c0392b !important;
        background: transparent;
    }

/***************p-calender************/

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
    min-height: 200px;
}

.btn.btn-dashed {
    border: 1px solid #e5e5e5;
    color: #7e7e7e;
    background: #e5e5e5;
    transition: all 0.5s ease;
    position: relative;
    padding: 9px 30px 8px;
}

.p-sortable-column {
    position: relative;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
    position: absolute;
    right: 10px;
}

.btn.btn-gradient.color-4:hover {
    background: #0df3a3;
}

.dashfadmin table tbody tr:nth-child(1) .media img {
    background: #16a085;
    border: 1px solid #16a085 !important;
    padding: 7px;
}

.dashfadmin table tbody tr:nth-child(2) .media img {
    background: #c0392b;
    border: 1px solid #c0392b !important;
    padding: 7px;
}

.dashfadmin table tbody tr:nth-child(3) .media img {
    background: #0ac282;
    border: 1px solid #0ac282 !important;
    padding: 7px;
}

.dashfadmin table tbody tr:nth-child(4) .media img {
    background: #fe9365;
    border: 1px solid #fe9365 !important;
    padding: 7px;
}

.dashfadmin table tbody tr:nth-child(5) .media img {
    background: #b55efe;
    border: 1px solid #b55efe !important;
    padding: 7px;
}

.dashfadmin table tbody tr .media.wicon i {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #717171;
    padding: 7px;
}

.dashfadmin table tbody tr:nth-child(1) .media.wicon i {
    background: #16a085;
    border: 1px solid #16a085 !important;
    color: #fff;
}

.dashfadmin table tbody tr:nth-child(2) .media.wicon i {
    background: #c0392b;
    border: 1px solid #c0392b !important;
    color: #fff;
}

.dashfadmin table tbody tr:nth-child(3) .media.wicon i {
    background: #0ac282;
    border: 1px solid #0ac282 !important;
    color: #fff;
}

.dashfadmin table tbody tr:nth-child(4) .media.wicon i {
    background: #fe9365;
    border: 1px solid #fe9365 !important;
    color: #fff;
}

.dashfadmin table tbody tr:nth-child(5) .media.wicon i {
    background: #b55efe;
    border: 1px solid #b55efe !important;
    color: #fff;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(2n) {
    background: rgba(100, 117, 137, 0.05);
}

.cPackages .p-datatable .p-datatable-table .p-datatable-tbody tr:nth-child(4n+1) .avatar-xs .avatar-title {
    background-color: #dc8665;
}

.cPackages .p-datatable .p-datatable-table .p-datatable-tbody tr:nth-child(4n+2) .avatar-xs .avatar-title {
    background-color: #138085;
}

.cPackages .p-datatable .p-datatable-table .p-datatable-tbody tr:nth-child(4n+3) .avatar-xs .avatar-title {
    background-color: #544667;
}

.cPackages .p-datatable .p-datatable-table .p-datatable-tbody tr:nth-child(4n+4) .avatar-xs .avatar-title {
    background-color: #16a085;
}

.form-check-input:checked {
    background-color: #1d233b;
    border-color: #1d233b !important;
}

.imageradio .button {
    position: relative;
}

    .imageradio .button input[type="radio"] {
        display: none;
    }

.imageradio input[type="radio"] + label {
    border: 2px solid #e6e8ec;
    border-radius: 5px;
    padding: 8px;
    cursor: pointer;
}

    .imageradio input[type="radio"] + label img {
        width: 180px;
        border-radius: 5px;
        border: 1px solid #f1f1f1;
    }

    .imageradio input[type="radio"] + label span {
        display: block;
        padding: 5px 0px 0px 0px;
        text-align: left;
        margin-top: 2px;
        color: #3f3d56;
        border-radius: 5px;
    }

.imageradio input[type="radio"]:checked + label {
    border: 2px solid #16a085;
}

    .imageradio input[type="radio"]:checked + label span {
        color: #16a085;
    }

.imageradio .button a {
    position: absolute;
    bottom: -4px;
    right: 16px;
    background: #e8e5e0;
    color: #7e7e7e;
    padding: 1px 9px;
    border-radius: 9px;
    opacity: 0;
}

.imageradio .button:hover a {
    opacity: 1;
}

    .imageradio .button:hover a:hover {
        background: #16a085;
        color: #fff;
    }

.imageradio .button input[type="radio"]:checked + label + a {
    opacity: 1;
}

/* Scroll on hover*/

.image-wrap {
    width: 100%;
    height: 450px;
    overflow-y: auto;
    margin: 0;
    cursor: pointer;
}

    .image-wrap img {
        width: 100%;
        height: auto;
        transition: all 4s ease-in-out;
    }
/*.image-wrap:hover img {object-position: bottom center;}*/
.element-disabled {
    filter: grayscale(1);
    cursor: not-allowed;
}

a.sociallinks i {
    font-size: 26px;
}

.star-rating .fa-star {
    color: #c5c5c5;
}

    .star-rating .fa-star.checked {
        color: var(--theme-default7);
    }

/*Custom Radio button*/

.customradio .button {
    position: relative;
    display: inline-block;
}

    .customradio .button input[type="radio"] {
        display: none;
    }

.customradio input[type="radio"] + label {
    border: none;
    border-radius: 0px;
    padding: 0px 0px 0px 25px;
    cursor: pointer;
    position: relative;
}

    .customradio input[type="radio"] + label::before {
        width: 20px;
        height: 20px;
        content: "";
        border: 2px solid #16a085;
        position: absolute;
        border-radius: 100%;
        left: 0px;
    }

.customradio input[type="radio"]:checked + label {
    border: none;
}

    .customradio input[type="radio"]:checked + label::before {
        border: 2px solid #16a085;
    }

    .customradio input[type="radio"]:checked + label::after {
        width: 10px;
        height: 10px;
        content: "";
        background: #16a085;
        position: absolute;
        border-radius: 100%;
        left: 5px;
        top: 5px;
    }

/*18 April 2023 */
.selecotr .selecotr-item {
    margin-left: -2px;
}

    .selecotr .selecotr-item:first-child, .selecotr .selecotr-item:only-child {
        margin-left: 0px;
        margin-right: 10px;
    }

.selecotr-item {
    display: inline-block;
}

.selector-item_radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}

.selector-item_label {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 5px 5px 0 0;
    display: inline-block;
    margin: 0 0 -3px 1px;
    font: 14px open sans,Helvetica,Arial,sans-serif;
    padding: 11px 20px 13px;
    -o-box-shadow: none;
    box-shadow: none;
    opacity: .95;
    transition: border-top.2s;
}

.selector-item_radio:checked + .selector-item_label {
    /*border-top: 1px solid #fe8a7d;*/
    font-weight: 600;
    background: #1d233b;
    color: #fff;
}

.selector-item_label:hover {
    background: #dee2e6;
    color: #000;
    cursor: pointer;
}

.selecotr {
    width: 100%;
    margin: 1px 27px 0px 20px;
}

.p-datatable .p-sortable-column.p-highlight:hover, .p-datatable .p-sortable-column.p-highlight, .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon, .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
    color: var(--theme-default7);
}

.p-datatable .p-sortable-column:focus {
    box-shadow: none !important;
}

.smalfo .input-group-text {
    font-size: 14px;
}

.list-view-dropdown {
    min-width: 190px;
}

@media (max-width: 991px) {
    .resp-logo img {
        max-width: 100% !important;
    }

    .resp-logo .back-btn {
        background: #e4e4e4;
        width: 30px;
        height: 30px;
        border-radius: 7px;
        text-align: center;
        line-height: 27px;
        margin-top: 5px;
        display: none !important;
    }

    .list-view-dropdown.pad-ml0 {
        margin-left: 0px !important;
    }

    .accordion-button {
        padding: 10px !important;
        background: #b4c1d7 !important;
        color: #122341 !important;
    }

        .accordion-button:not(.collapsed) {
            color: #122341 !important;
        }

    .with-add-btn .accordion-button:not(.collapsed)::after {
        right: 16px !important;
        left: auto !important;
        color: #122341 !important;
    }

    .with-add-btn .accordion-button.mobile-button-acordion {
        padding-left: 16px !important;
    }

    .ImagePath .detail-heading {
        display: none !important;
    }

    .ImagePath .detail-value {
        width: 100% !important;
    }

    .ImagePath .asset-upload_image_thnumb {
        max-width: 60px;
        max-height: 60px;
        border-radius: 4px;
        height: 60px;
    }

    .Description {
        flex-wrap: wrap;
        gap: 0px !important;
    }

        .Description .detail-heading, .Description .detail-value {
            width: 100% !important;
        }

    .documetnlisttable .p-datatable .p-datatable-tbody > tr > td.textcenterbock.justify-content-center {
        justify-content: flex-start !important;
    }

    .documetnlisttable .p-datatable .p-datatable-tbody > tr > td.min-max-width-200 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}

.blog-post {
    margin: 0px;
}

    .blog-post .postimg {
        height: 250px;
    }

        .blog-post .postimg.detail {
            height: 450px;
        }

        .blog-post .postimg img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }

    .blog-post .h4 {
        word-break: break-word;
    }

.p-component {
    font-family: Roboto, sans-serif !important;
}

table .btn {
    border-radius: 5px;
    padding: 4px 15px 3px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    text-transform: capitalize;
}

table .btn-themecolor {
    background: #16a085;
    border-color: #16a085;
}

.checklistquestions .accordion-flush .accordion-item .accordion-button, .checklistquestions .accordion-flush .accordion-item .accordion-button.collapsed {
    padding-left: 0px;
    padding-right: 0px;
}

.checklistquestions h4 {
    position: relative;
    padding-left: 20px;
}

.checklistquestions span.sectionno {
    background: #16a085;
    position: absolute;
    left: -20px;
    padding: 6px;
    color: #fff;
    border-radius: 0px 5px 5px 0px;
    width: 30px;
    text-align: center;
}

.checklistquestions .accordion-flush .accordion-item .accordion-button:focus, .checklistquestions .accordion-flush .accordion-item .accordion-button.collapsed:focus {
    box-shadow: none;
}

.checklistquestions .accordion-button:not(.collapsed) {
    color: #16a085;
    background-color: transparent;
    box-shadow: none;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block; /*width: 40px; height: 16px;*/
    margin-right: 8px;
    font-size: 0;
    line-height: 16px;
    overflow: visible;
    margin-top: 12px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    padding: 2px 0 0 8px;
    color: #fff;
}

    .slider:before {
        position: absolute;
        content: "";
        background-color: #f2f3f9;
        transition: .4s;
        box-shadow: inset 0 0 10px rgba(228,229,237,.5);
    }

input:checked + .slider {
    background-color: #0ac282 !important;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    transform: translateX(26px);
}

input:checked + .slider::before {
    background-color: #fff !important;
    border: 1px solid #0ac282
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.slider span {
    display: none;
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    margin-right: 0.75rem;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 0 !important;
}


.border-0 {
    border: 0 !important;
}

.pl-0, .px-0 {
    padding-left: 0 !important;
}

.slider::before {
    height: 24px;
    width: 24px;
    top: 2px;
    left: 4px;
    /*content: "Inactive";*/
    white-space: nowrap;
    color: #000;
    font-weight: bold;
    text-indent: 27px;
    line-height: 22px;
}

.slider #invalid_switch {
    height: 24px;
    width: 24px;
    top: 3px;
    left: 6px;
    text-align: left;
    white-space: nowrap;
    color: #000;
    font-weight: bold;
    text-indent: 27px;
    line-height: 22px;
    position: absolute;
}



input:checked + .slider #valid_switch {
    right: -0px;
    background-color: #0df3a3;
    color: #fff;
    white-space: nowrap;
    text-indent: -92px;
    line-height: 22px;
    top: 3px;
    color: #fff;
    position: absolute;
    display: block;
    font-weight: bold;
}

.slider #valid_switch, input:checked + .slider #invalid_switch {
    display: none;
}

.bg-transparent {
    background-color: transparent !important;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    z-index: 1;
}

input:checked + .slider::before {
    right: -0px;
    background-color: #0df3a3;
    color: #fff;
    /*content: "Active";*/
    white-space: nowrap;
    text-indent: -52px;
    line-height: 22px;
    top: 2px;
}
/*input:checked+.slider:before { transform: translateX(26px); }*/
input:checked + .slider:before {
    transform: translateX(72px);
}

.switch.without-text input:checked + .slider:before {
    transform: translateX(40px);
}

input:checked + .slider {
    text-indent: 0;
    background-color: #e3d2ac;
}

.icon-with-info {
    position: relative;
}

    .icon-with-info span {
        position: absolute;
        width: 30px;
        height: 20px;
        border-radius: 3px;
        border: none;
        top: -6px;
        text-align: center;
        line-height: 20px;
        color: #fff;
        font-size: 13px;
    }

@media (max-width: 1080px) {
    .btn.btn-gradient.color-4 {
        padding: 8px 34px;
        height: 38px;
    }

    .p-datatable table {
        min-width: 1200px !important;
    }

    .manageviewpop .p-datatable table {
        min-width: 100% !important;
    }

    table {
        min-width: 1200px !important;
    }

    .management-table table, .assign-table table {
        margin-bottom: 0;
        min-width: 100% !important;
    }

    .page-wrapper .page-main-header .header-menu > li.full-screen-li {
        display: none;
    }

    .modal-container .modal-dialog .modal-header, .modal-container .modal-dialog .modal-footer {
        padding: 8px;
    }

    .modal-close {
        top: 5px;
    }

    .modal-container .modal-body {
        padding: 10px;
    }

    .btn {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 768px) {
    table {
        min-width: 300px !important;
    }
}

@media (max-width: 1050px) {
    table {
        min-width: 300px !important;
    }
}

@media (max-width: 991px) {
    .page-header .breadcrumb {
        float: left !important;
        margin-top: 20px;
    }

    .admin-form hr {
        box-sizing: border-box;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-footer {
        padding-left: 4px;
    }
}


.Roles_table {
    font-size: 14px;
}

    .Roles_table.mainheading {
        background: #f7f7f7;
    }

.table-head-title {
    background: #fff !important;
    border: none !important;
    padding-left: 0px !important;
}

.greyish-bg-cc {
    background: #fff !important;
}

.Roles_table div.cust-table-cc {
    border: 1px solid #dee2e6;
    border-radius: 0px;
    overflow: hidden;
}

.greyish-bg-cc div {
    padding: 10px !important;
    border-top: 1px solid #dee2e6 !important;
    border-bottom: none !important;
}

.greyish-bg-cc:first-child div {
    border-top: 0px solid #dee2e6 !important;
}

.greyish-bg-cc .form-check-input[type="checkbox"] {
    margin-bottom: 3px;
}

.Roles_table.mainheading {
    background: #4f87b6 !important;
}

    .Roles_table.mainheading div {
        border-bottom: none !important;
        color: #fff;
    }



@media screen and (max-device-width: 991px) and (orientation: landscape) {
    .page-body-wrapper .page-sidebar .user-profile {
        display: none;
    }

    #mainsidebar {
        border-top: 1px solid #e6e6ef;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu {
        height: calc(100vh - 80px);
    }
}



.modal.right.fade .modal-dialog {
    right: -680px;
    transition: opacity 0.3s linear, right 0.3s ease-out;
    top: 70px;
}

.newsletter-subscription .modal-content {
    border-radius: 0;
    border: none
}

.newsletter-subscription.modal.right.fade .modal-dialog {
    width: 680px;
    height: 700px;
    right: -490px;
    max-width: 100%
}

.newsletter-subscription.modal.right.fade.show .modal-dialog {
    right: 10px;
}

.modal.left .modal-dialog, .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    transform: translate3d(0%, 0, 0);
}

.newsletter-subscription .modal-header {
    padding: 0;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: flex-start;
}

.newsletter-subscription::before {
    background: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    right: 0;
    top: 0;
}

.newsletter-subscription .modal-header h2 {
    font-size: 20px;
    margin-bottom: 0;
    padding: 11px 0;
}

.newsletter-subscription .modal-content .close {
    position: relative;
    color: #575757;
    opacity: 1;
    top: 0;
    right: 0;
    text-shadow: none;
    font-weight: normal;
    cursor: pointer;
    width: 45px;
    height: 40px;
    z-index: 99;
    border: none;
    background: none;
    border-right: 1px solid #ddd;
    margin-right: 13px;
}

.p-checkbox {
    box-shadow: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: 16px;
    height: 16px;
}

    .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
        border-color: #16a085;
    }

    .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
        border-color: #16a085;
        background: #16a085;
        color: #ffffff;
    }

    .p-checkbox .p-checkbox-box {
        width: 16px;
        height: 16px;
    }

        .p-checkbox .p-checkbox-box.p-highlight, .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
            border-color: #fe8a7d;
            background: #fe8a7d;
        }

    .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
        border-color: #fe8a7d;
    }

    .p-checkbox .p-checkbox-box .p-checkbox-icon {
        font-weight: 900;
        font-size: 9px;
        position: absolute;
    }

.p-ustom-checkbox label {
    line-height: 16px;
}

.p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #fffefa;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
    background: #fffcf4;
}

.p-datatable .p-datatable-tbody > tr:focus {
    outline: 0rem solid transparent;
    border: 0px solid transparent;
    background: #fbfbfb
}

.select-dropdown .vue-dynamic-select {
    padding: 9px 20px 6px !important;
}

.fc.fc-theme-standard .fc-toolbar .fc-button {
    background: #1d233b !important;
    border: 1px solid #1d233b !important;
    color: #fff !important;
    text-transform: capitalize;
}

    .fc.fc-theme-standard .fc-toolbar .fc-button.fc-button-active {
        background: #16a085 !important;
        border: 1px solid #16a085 !important;
        color: #fff !important;
    }

.fc.fc-theme-standard.fc-direction-ltr .fc-view-harness .fc-event.fc-daygrid-dot-event {
    background: #fe9365 !important;
    border-radius: 3px;
    padding: 0px 10px !important;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(40, 215, 255, 0.07);
}


/**********19-june***********/
.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a {
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden;
}

.label {
    width: 95%;
}

.p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    height: calc(1.5em + 0.75rem);
}
/**********19-june***********/
.no-record-found {
    width: 100%;
    padding: 30px 15px;
    border: 1px solid #dee2e6;
    border-radius: 2px;
    text-align: center;
    color: #c0392b;
    position: relative;
}

    .no-record-found span {
        display: block;
        font-weight: 500;
        padding-top: 10px;
    }

    .no-record-found::before {
        content: "\f15c";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 31px;
        color: #6b6f73;
        padding: 10px;
        height: 70px;
        display: inline-block;
        width: 70px;
        border-radius: 100%;
        text-align: center;
        line-height: 50px;
        border: 1px solid #e8e8e8;
    }

.p-button {
    background: #16a085 !important;
    border: 1px solid #16a085 !important;
}


.justify-content-center .p-column-header-content {
    justify-content: center;
}

.p-calendar .p-button  {
    background: #16a085 !important;
    border-color: #16a085 !important;
}

.swiper-button-next, .swiper-button-prev {
    color: #16a085 !important;
}

.answer-inline p {
    display: inline;
}

.min-max-width-30 {
    min-width: 30px !important;
    max-width: 30px;
    width: 30px;
}

.min-max-width-60 {
    min-width: 60px !important;
    max-width: 60px;
    width: 60px;
}


.min-max-width-70 {
    min-width: 70px !important;
    max-width: 70px;
    width: 70px;
}

.min-max-width-100 {
    min-width: 100px !important;
    max-width: 100px;
    width: 100px;
}

.min-max-width-120 {
    min-width: 120px !important;
    max-width: 120px;
    width: 120px;
}

.min-max-width-150 {
    min-width: 150px !important;
    max-width: 150px;
    width: 150px;
}

.min-max-width-170 {
    min-width: 170px !important;
    max-width: 170px;
    width: 170px;
}

.min-max-width-190 {
    min-width: 190px !important;
    max-width: 190px;
    width: 190px;
}

.min-max-width-200 {
    min-width: 200px !important;
    max-width: 200px;
    width: 200px;
}

.min-max-width-300 {
    min-width: 300px !important;
    max-width: 300px;
    width: 300px;
}

.min-max-width-400 {
    min-width: 400px !important;
    max-width: 400px;
    width: 400px;
}

.min-max-width-500 {
    min-width: 500px !important;
    max-width: 500px;
    width: 500px;
}


.min-max-width-550 {
    min-width: 550px !important;
    max-width: 550px;
    width: 550px;
}

.bigtable table {
    min-width: 2000px;
}

/******************22june***********************/
.with-add-btn {
    position: relative !important;
}

    .with-add-btn .accordion-button {
        padding-left: 45px !important;
    }

        .with-add-btn .accordion-button::after {
            left: 16px !important;
            position: absolute !important;
        }

        .with-add-btn .accordion-button:not(.collapsed)::after {
            left: 16px !important;
            position: absolute !important;
        }

    .with-add-btn .add-css-btns {
        position: absolute !important;
        z-index: 6 !important;
        right: 15px !important;
        top: 20px !important;
        color: #000 !important;
    }

.list-card-view .card {
    border-radius: 0px;
    padding: 5px 10px;
}

    .list-card-view .card .card-main {
        border: 1px solid #ccc;
        border-radius: 5px;
        margin: 5px 0px;
        padding: 0px 10px 10px;
    }

.notification-dropdown .notification {
    font-size: 15px;
    font-weight: 500;
    padding-top: 15px;
}

.p-dropdown-items-container-custom.widthAll .selected-item {
    width: 82%;
}

.vue-dynamic-select .selected-option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}

.no-arrow-cross a.close-icon, .no-arrow-cross i.dropdown {
    display: none;
}


/******************26june***********************/
.p-multiselect {
    width: 100%;
}

.p-dropdown-panel {
    max-width: -moz-min-content;
    max-width: min-content;
}

.listing-option .btn {
    min-height: 38px;
}

.p-multiselect .p-multiselect-label {
    padding: 0.4rem 0.5rem;
}

.form-group.d-flex {
    flex-wrap: wrap;
}

.customtbs button {
    margin-bottom: -1px;
    border: none;
    background: #e1e1e1;
    padding: 10px 28px;
    margin-right: 10px;
    border: 1px solid #d9d9d9;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    cursor: pointer;
    border-bottom: none;
    position: relative;
    z-index: 2;
}

    .customtbs button.selectedtb {
        background: #fff;
    }

.payment-table .p-datatable-table tr th, .payment-table .p-datatable-table tr td {
    min-width: 164px;
}

.user_defined_custom_fields_dropZone label {
    text-align: left
}

.widthAll .placeholder[data-v-777cfe40] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 18px);
}

@media (min-width:1367px) {
    .widthAll .selected-item {
        width: calc(100% - 30px);
    }
}

@media (max-width:767px) {
    .modal-body {
        width: 100%;
        padding: 20px;
        border: none;
        text-align: left;
        background-color: #fff;
        border-radius: 10px;
        max-height: 500px !important;
        overflow: auto;
    }
}

@media (max-width:1366px) {
    .vue-dynamic-select .selected-item {
        position: absolute;
        width: 98%;
    }

        .vue-dynamic-select .selected-item .selected-option {
            width: 83%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .vue-dynamic-select .selected-item a.close-icon {
            top: 3px;
            background: #fff;
        }

    .disable-Control .vue-dynamic-select .selected-item a.close-icon {
        top: 3px;
        background: #e9ecef;
    }

    .btn-danger.custBtn {
        padding: 8px 20px 9px;
    }

    .listing-option .form-group.custWdth {
        width: 20%;
        margin-bottom: 10px !important;
    }

    .CustListing .col-lg-10 {
        width: 100%;
    }

    .CustListing .col-lg-2 {
        width: 100%;
    }

    .listing-option.CustListing {
        flex-wrap: wrap;
    }

    .sub-country .p-dropdown-panel.p-component {
        max-width: 301px !important;
    }
}

@media (max-width:1199px) {
    /*        .listing-option {
        flex-wrap: wrap
    }*/

    .justify-content-end.custSpc {
        margin-top: 16px;
    }
}


@media (max-width:667px) {
    .cke_contents {
        height: 300px !important;
    }
}

.management-table table .media-body {
    text-align: left;
    margin-left: 0 !important;
}

.management-table table tr td {
    padding-left: 0;
    padding-top: 0;
}

/*******29-june*********/
@media only screen and (max-width: 600px) {
    .d-none-xamrine {
        display: none !important;
    }
}

.home-dash-card .card-header {
    padding: .50rem;
}

.home-dash-card .card-body {
    padding-left: 0px;
    padding-right: 0px;
}

    .home-dash-card .card-body th {
        background: #e7e7e7;
        white-space: nowrap;
        font-size: 15px;
    }

.home-dash-card .card {
    height: calc(100% - 30px);
}

.choose-asset .radioBtn {
    visibility: hidden;
}

.addasset {
    border: 4px solid #16a085 !important;
}

.p-datatable-scrollable th.p-frozen-column {
    background: transparent !important;
}

.input-group .vue-dynamic-select .result-list {
    left: 7px;
}



@media only screen and (max-width: 570px) {
    .listing-option button[title="Search"], .listing-option button[title="Reset"] {
        margin-top: 10px
    }
}
/*******04-july*********/
.partition-line {
    position: relative;
}

    .partition-line::before {
        position: absolute;
        content: "- OR -";
        right: -18px;
        top: 50%;
        transform: translatey(-50%);
        background: #fff;
        width: 38px;
        z-index: 1;
    }

    .partition-line::after {
        position: absolute;
        height: 100%;
        width: 1px;
        content: "";
        right: -1px;
        top: 0px;
        background: #ccc;
    }

@media only screen and (max-width: 767px) {
    .partition-line::before {
        left: 0;
        bottom: -20px;
        right: 0;
        top: auto;
        margin: auto;
    }

    .partition-line::after {
        height: 1px;
        width: 100%;
        margin: auto;
        left: 0;
        right: 0;
        bottom: -1px;
        top: auto;
    }
}

.mover-panel-box .table-responsive {
    height: calc(100vh - 385px);
    min-height: calc(100vh - 385px);
    overflow-y: auto !important;
}

.mover-panel-box table {
    min-width: auto !important;
}

.custom-drp .search {
    max-width: 10px;
}

.multi-assetup.profile_upload_thumb {
    margin-bottom: 8px;
}

.multi-assetup .upload_image_thnumb {
    width: 36px;
    height: 36px;
    border-radius: 4px 4px 0 0;
    -o-object-fit: fill;
       object-fit: fill;
    border: 1px solid #eee;
}

.multi-assetup.profile_upload_thumb span {
    width: 100%;
    display: block;
    text-align: center;
    background: #eee;
    border-radius: 0 0 5px 5px;
}

    .multi-assetup.profile_upload_thumb span a {
        color: red;
    }
/*******04-july*********/

.choose-asset .imgWrapper img {
    height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
}


.bookprptycntr {
    background: #f7f7f7;
    padding: 15px;
}

.bookprpty.proImg {
    height: 130px;
    padding-right: 15px;
    width: 100%;
}

.bookprpty.proImg {
    padding-right: 0;
}

.overallStatus {
    min-height: auto;
}

.bookprpty.proImg {
    height: auto;
    padding-bottom: 0 !important;
    padding-right: 0;
    border-radius: 10px !important;
    overflow: hidden;
}

    .bookprpty.proImg.vacationswap {
        height: 200px;
    }

    .bookprpty.proImg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

.p-calendar.p-component.form-control {
}

    .p-calendar.p-component.form-control input {
        margin: 0px !important;
    }


@media only screen and (max-width: 640px) {
    .manageviewpop .p-datatable table {
        min-width: 620px !important;
    }
}

@media only screen and (max-width: 570px) {
    .bookprpty.proImg {
        margin-bottom: 10px;
    }
}

.edit-delete-width {
    max-width: 100px !important
}

@media only screen and (min-width: 1080px) {
    .resly-for-tab {
        overflow: visible;
    }
}


@media only screen and (max-width: 1080px) {
    .resly-for-tab table {
        min-width: 750px !important;
    }

    .fc-view table {
        /*  min-width: auto !important;*/
    }
}


@media only screen and (max-width: 767px) {

    .mover-panel-box {
        width: 100%;
    }

    .mover-controls {
        flex-direction: row !important;
        margin-top: 15px;
        justify-content: center;
        width: 100%;
    }

        .mover-controls button {
            margin-right: 5px !important;
        }

    .list-actions {
        padding: 2px 24px 2px 55px;
    }

    .actions .list-actions {
        padding: 2px 24px 2px 5px;
    }

    .actions-onclick {
        width: 30px;
    }
}

.p-datepicker table {
    min-width: 100% !important;
}

@media screen and (max-device-width: 812px) and (orientation: landscape) {
    .modal-container .modal-dialog-right .modal-body {
        max-height: calc( 100vh - 108px ) !important;
    }

    .modal-footer .form-btn {
        padding-top: 0px;
    }
}

.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    background: #16a085;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background: #16a085;
}


.select-search input.search:focus {
    width: 90% !important;
}

.vue-dynamic-select {
    padding: .325em .5em !important;
}

.fc-day.booked-day {
    background: #c0392b;
    position: relative;
}
/*.fc-day.booked-day::after { content: ""; width: 100%; height: 100%; background: transparent; position: absolute; left: 0; top: 0px; z-index: inherit;  pointer-events: none;}*/
.fc-day.blocked-day {
    background: #6b6f73;
}

    .fc-day.booked-day .fc-event:hover, .fc-day.blocked-day .fc-event:hover {
        background: transparent !important;
    }

    .fc-day.booked-day .fc-event span, .fc-day.blocked-day .fc-event span {
        width: 100%;
        text-align: center;
    }

    .fc-day.booked-day .fc-daygrid-day-number, .fc-day.blocked-day .fc-daygrid-day-number {
        color: #fff;
    }


/* Chat */
.chatbox {
    width: 100%;
    padding: 10px;
    border: 1px solid #cdd5db;
    background: #f7f7f7;
    margin-top: 22px; /*max-height: 300px;*/
    max-height: 250px;
    overflow-y: auto;
}

.chat-text-right { /*min-width: 300px;*/
    width: 90%;
    max-width: 90%;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 10px 10px 0px 10px;
    background: #ecfdf5;
}

    .chat-text-right p {
        margin: 0px;
    }

    .chat-text-right .chatitemname {
        color: #135536;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .5px;
    }

    .chat-text-right .chatdatetime {
        color: #646b71;
        font-size: 10px;
        float: right;
        line-height: 16px;
    }

    .chat-text-right .chatdes {
        font-size: 12px;
    }

.chat-text-left { /*min-width: 300px;*/
    min-width: 90%;
    max-width: 90%;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 10px 10px 10px 0px;
    background: #fff;
}

    .chat-text-left p {
        margin: 0px;
    }

    .chat-text-left .chatitemname {
        color: #104782;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .5px;
    }

    .chat-text-left .chatdatetime {
        color: #646b71;
        font-size: 10px;
        float: right;
        line-height: 16px;
    }

    .chat-text-left .chatdes {
        font-size: 12px;
    }


@media only screen and (max-width: 480px) {
    .chat-text-right, .chat-text-left { /*min-width: 230px;*/
        min-width: 90%;
    }

    table {
        min-width: 300px !important;
    }

        table tr td {
            word-break: break-all;
        }

    .mbAdd {
        margin-left: 0 !important
    }
}

@media only screen and (max-width: 450px) {
    table {
        min-width: 100px !important;
    }

        table tr td {
            word-break: break-all;
        }
}


.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 34px;
    border: 1px solid #ddd;
    padding: 20px;
    box-sizing: border-box;
    width: 99%;
    margin-bottom: 25px;
    margin: 0 auto;
    margin-bottom: 25px;
}

    .filterWrapper .bookprpty.proImg {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
        border: 1px solid #ddd;
        margin-right: 11px;
        padding: 0;
    }

        .filterWrapper .bookprpty.proImg img {
            width: 100%;
        }

    .filterWrapper .bookprpty-desc {
        flex: 1;
    }

.bookprpty-desc h4 {
    font-size: 18px;
}

.bookprpty-desc .price {
    font-weight: bold;
    color: #51504d;
    font-size: 19px;
    margin-bottom: 3px;
}

.bookprpty-desc p {
    margin-bottom: 0;
    font-size: 16px;
}

h2.fc-toolbar-title {
    font-size: 23px !important;
}

.alert.alert-info.custominfo {
    padding: 10px 15px;
}

.vue-dynamic-select input.search:focus {
    width: 90% !important;
}

.vue-dynamic-select .selected-item + input.search:focus {
    width: 10px !important;
}


.p-dropdown.form-control.is-invalid {
    background-image: none;
}



/* Booking Calendar Custom CSS*/

.booking-calendar .fc-toolbar-title {
    font-weight: 400;
}

.booking-calendar .fc.fc-theme-standard .fc-toolbar .fc-button {
    background: #fe8a7d !important;
    border: 1px solid #fe8a7d !important;
    margin: 0px 1px;
}

.booking-calendar .fc-multimonth-title {
    text-align: left !important;
    color: #fe8a7d;
}

.booking-calendar .fc.fc-theme-standard .fc-view-harness th {
    background: none;
    color: #495057;
    text-align: left;
    border: none;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
}

    .booking-calendar .fc.fc-theme-standard .fc-view-harness th a {
        color: #384147;
    }

.booking-calendar .fc.fc-theme-standard .fc .fc-daygrid-day-top {
    color: #384147;
}

.booking-calendar .fc-day .fc-event-main p {
    font-weight: 400;
}

.booking-calendar .fc .fc-toolbar.fc-header-toolbar {
    margin: 0px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-bottom: none;
}

.fc-toolbar-chunk button[title="TODAY"] {
    display: none;
}

.fc-view-harness .fc-day .fc-event-main {
    overflow: hidden
}

.assetdtls .assetnme {
}

.assetdtls .price {
    font-size: 22px;
    color: #fe8a7d;
    line-height: 22px;
    font-weight: 400;
}

.assetdtls .description {
    font-size: 16px;
    color: #384147;
    line-height: 20px;
    margin-bottom: 9px;
}

.assetdtls .scrollCust .tags {
    display: inline-block;
    background: #fff;
    padding: 6px 10px;
    margin: 0px 5px 5px 0px;
    border-radius: 50px;
    border: 1px solid #cecece;
    line-height: 30px;
}

    .assetdtls .scrollCust .tags img {
        width: 30px;
        height: 30px;
        float: left;
        margin-right: 5px;
        border-radius: 100%
    }

/*CSS 17-08-2023*/

@media (min-width:992px) and (max-width:1340px) {
    .payment-table table {
        min-width: 175px !important;
    }
}

@media (max-width:767px) {
    .rightsideBtn button.btn.ml-0 {
        margin-left: 0 !important;
    }

    .rightsideBtn {
        margin-top: 10px !important;
    }

    .mb-sm-2 {
        margin-bottom: 11px !important;
    }

    .custReset {
        margin-top: 0 !important;
        margin-right: 15px;
    }

    .overscrollMob {
        overflow-y: scroll;
    }

    .btn-primar {
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-top: 10px !important;
    }
}


@media (max-width:375px) {
    .listing-option .btn.mbAdd {
        padding: 8px 12px 7px !important;
    }
}

@media (max-width:767px) {
    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr .fc-toolbar-chunk {
        width: 100%;
    }
}



.popper, .tooltip {
    position: absolute;
    z-index: 9999;
    background: #3f3d56;
    color: black;
    width: 150px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
    opacity: 1
}

.style5 .tooltip {
    background: #3f3d56;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: 0;
}

.popper .popper__arrow, .tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.tooltip .tooltip-arrow, .popper .popper__arrow {
    border-color: #3f3d56;
}

.style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
}

.popper[x-placement^="top"], .tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}

    .popper[x-placement^="top"] .popper__arrow, .tooltip[x-placement^="top"] .tooltip-arrow {
        border-width: 5px 5px 0 5px;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        bottom: -5px;
        left: calc(50% - 5px);
        margin-top: 0;
        margin-bottom: 0;
    }

.popper[x-placement^="bottom"], .tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}

    .tooltip[x-placement^="bottom"] .tooltip-arrow, .popper[x-placement^="bottom"] .popper__arrow {
        border-width: 0 5px 5px 5px;
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: transparent;
        top: -5px;
        left: calc(50% - 5px);
        margin-top: 0;
        margin-bottom: 0;
    }

.tooltip[x-placement^="right"], .popper[x-placement^="right"] {
    margin-left: 5px;
}

    .popper[x-placement^="right"] .popper__arrow, .tooltip[x-placement^="right"] .tooltip-arrow {
        border-width: 5px 5px 5px 0;
        border-left-color: transparent;
        border-top-color: transparent;
        border-bottom-color: transparent;
        left: -5px;
        top: calc(50% - 5px);
        margin-left: 0;
        margin-right: 0;
    }

.popper[x-placement^="left"], .tooltip[x-placement^="left"] {
    margin-right: 5px;
}

    .popper[x-placement^="left"] .popper__arrow, .tooltip[x-placement^="left"] .tooltip-arrow {
        border-width: 5px 0 5px 5px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        right: -5px;
        top: calc(50% - 5px);
        margin-left: 0;
        margin-right: 0;
    }

.tooltip-inner {
    background: #3f3d56;
    padding: 0px;
}

@media (max-width:992px) {
    .modal-container .modal-dialog {
        height: 100%;
    }

    .modal-content {
        height: calc(100% - 120px);
    }
}


.ticketslider .swiper {
    height: 470px;
}

    .ticketslider .swiper .sldrcntr {
        height: 100%;
    }

@media (max-width:1180px) {
    .ticketslider .swiper {
        height: 540px;
    }

        .ticketslider .swiper .sldrcntr {
            height: 100%;
        }
}

.modal-dialog .p-dropdown {
    height: 35px;
    line-height: 15px;
}

.p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding: 5px 10px;
    line-height: 25px;
}

.modal-dialog .popup-select-add .p-dropdown {
    height: auto;
}

.modal-container .popup-select-add .p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-top: 0px;
}

#manage-Experience-host .form-check-label {
    padding-left: 5px;
}
/*@media (max-width: 576px) {
.action-list-box{
width: 250px !important;
}

}*/
@media (min-width:992px) and (max-width:1279px) {
    .smallfix_hs {
        max-width: 100%;
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 10px !important;
    }
}

.tablefix table {
    min-width: 100% !important;
}

.vue-dynamic-select .selected-item {
    width: 84%;
}

.form-group .p-dropdown {
    width: 100%;
    padding: 0.375rem 0.75rem !important;
    height: calc(1.5em + 0.75rem + 4px);
    border-radius: 2px !important;
}

.filter-panel .form-group .p-dropdown {
    height: calc(1.5em + 0.75rem + 2px);
}

.custom-dropdown-selected-item {
    border-radius: 2px !important;
}

.p-dropdown .p-dropdown-label {
    padding: 0px;
}

.p-dropdown.p-component.p-inputwrapper .pi.pi-times {
    display: none;
}

.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled .pi.pi-times {
    display: inline-block;
}

.modal-dialog .p-dropdown {
    height: 35px;
    line-height: 15px;
}

.ticketslider .swiper-wrapper {
    height: 270px;
}


.p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding: 0px;
    line-height: 1.5;
}


.numberspinner .input-group-text {
    padding: 0px;
    margin: 0px;
    background: none;
    border: none !important;
}

.numberspinner button {
    background: #1d233b;
    border-radius: 5px 0px 0px 5px !important;
    padding: 0.375rem 0.75rem;
    border: none !important;
    height: 100%;
    cursor: pointer;
}

.numberspinner .input-group-append button {
    border-radius: 0px 5px 5px 0px !important;
}

.numberspinner input {
    text-align: center;
}

/*for asset buy document process 14-09*/
#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 20%;
    float: left;
    position: relative;
    text-align: center;
}

/*Icons in the ProgressBar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
}

    #progressbar .active {
        color: #000000;
    }



    /*Icons in the ProgressBar*/
    #progressbar #account:before {
        font-family: "Font Awesome 5 Free";
        content: "\f15c";
    }

    #progressbar #personal:before {
        font-family: "Font Awesome 5 Free";
        content: "\f2bb";
    }

    #progressbar #payment:before {
        font-family: "Font Awesome 5 Free";
        content: "\f044";
    }

    #progressbar #confirm:before {
        font-family: "Font Awesome 5 Free";
        content: "\f09d";
    }

    #progressbar #account.active:before, #progressbar #personal.active:before, #progressbar #payment.active:before, #progressbar #confirm.active:before {
        content: "\f058";
    }

    /*ProgressBar before any progress*/
    #progressbar li:before {
        width: 39px;
        height: 39px;
        line-height: 34px;
        display: block;
        font-size: 16px;
        color: #ffffff;
        background: #787777;
        border-radius: 50%;
        margin: 0 auto 10px auto;
        padding: 2px;
        z-index: 1;
        position: relative;
        text-align: center;
    }

    /*ProgressBar connectors*/
    #progressbar li:after {
        content: '';
        width: 100%;
        height: 2px;
        background: lightgray;
        position: absolute;
        left: 0;
        top: 19px;
    }

    /*Color number of the step and the connector before it*/
    #progressbar li.active:before, #progressbar li.active:after {
        background: #122341;
    }


#msform .file-control {
    display: none;
}


#msform .label-file {
    width: 100%;
    height: 40px;
    display: inline-block;
    position: relative;
    background-color: #fff;
    padding: 5px 50px 5px 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
    vertical-align: middle;
    overflow: hidden;
    line-height: 30px;
    font-weight: normal;
}


    #msform .label-file:after {
        content: "Browse";
        position: absolute;
        background-color: #e18f24;
        right: 0;
        top: 0;
        height: 40px;
        display: inline-block;
        padding: 8px 15px 0;
        color: #fff;
        line-height: 20px;
        cursor: pointer
    }


.overallStatus {
    background: #e8f3ff;
    margin: 0px;
    padding: 21px;
}

.form-card h4 {
    font-size: 17px;
}

.form-card ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .form-card ul li {
        color: #222;
        font-size: 14px;
        margin-bottom: 5px;
    }

        .form-card ul li i {
            border: 1px solid #222;
            border-radius: 50%;
            padding: 3px;
            font-size: 8px;
            position: relative;
            top: -2px;
            margin-right: 2px;
        }

.overallStatus {
    background: #e8f3ff;
    margin: 0px;
    padding: 21px;
    min-height: 153px;
    border: 1px solid #b0d6ff;
}

.form-card h4 {
    font-size: 17px;
}

.form-card ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .form-card ul li {
        color: #222;
        font-size: 15px;
        margin-bottom: 5px;
    }

.form-card label {
    color: #222;
    font-size: 14px;
}

.form-card table {
    border: 1px solid #ccc;
}

    .form-card table tr td, .form-card table tr th {
        font-size: 13px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 14px;
    }

.form-card .alert {
    padding: 4px 9px;
    font-size: 13px;
    border-radius: 3px;
}

.form-card .btn-default {
    width: 100px;
    background: #616161;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 5px 5px;
    font-size: 13px;
}

.form-card .form-group input.form-control {
    min-height: 30px;
    font-size: 14px;
}

.form-card .form-group .vue-dynamic-select {
    font-size: 14px;
    padding: 0.675em 0.5em;
}

a.modal-close {
    cursor: pointer;
}

.form-card select.form-control {
    -webkit-appearance: auto;
}

#progressbar #account.current:before, #progressbar #personal.current:before, #progressbar #payment.current:before, #progressbar #confirm.current:before {
    content: "\f021";
    font-weight: 900;
}

#progressbar .active, #progressbar .current {
    color: #000000;
}

#progressbar li.current:before {
    background: #2dcee3;
    animation: fa-spin 2s infinite linear;
}
/*#progressbar li.current:before, #progressbar li.current:after {
background: #999292;
}*/
/*end*/

@media(max-width:415px) {
    .configure {
        margin-left: 0px !important;
        margin-top: 8px;
    }
}

@media (max-width: 992px) {
    .modal-content {
        height: auto;
    }
}

@media (max-width: 767px) {
    .btn.btn-pill {
        word-break: break-word;
    }

    .modal-footer button.btn.btn-success {
        margin-left: 0px !important;
    }

    td.header-lg {
        float: left;
        display: block;
        width: 100%;
    }
}

.span-txt span {
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
}


.deleteAccount ul li {
    font-size: 17px;
    margin-bottom: 4px;
}

.deleteAccount ul {
    margin-bottom: 15px;
}

.deleteAccount .form-control {
    border: 1px solid #ccc;
    border-radius: 0;
    height: 49px;
    font-size: 16px;
}

.deleteAccount ul li span.font-danger {
    font-size: 17px;
}

@media (max-width: 480px) {
    .modal-content {
        height: calc(100% - 10px);
    }
}


/*Page: Manage Accounts: Manage-View Pop up*/
@media(max-width: 981px) {
    .selecotr {
        width: 50% !important;
        flex-direction: column;
        max-width: 50%;
        min-width: 80%;
        justify-content: center;
        border-radius: 23px;
        border: none;
    }

    .selecotr-item {
        border: 1px solid #dee2e6;
        border-radius: 46px;
    }

        .selecotr-item:not(:last-child) {
            margin-bottom: 10px;
        }
}
/*Page: My Profile*/
@media(max-width: 768px) {
    .c-toast-container {
        position: absolute;
        display: flex;
        bottom: auto;
        right: auto;
        top: 50%;
        left: 50%;
        overflow: hidden;
        z-index: 9999;
        pointer-events: none;
        transform: translate(-50%,-50%);
        width: auto;
        min-width: 340px;
    }
}



.p-dropdown.p-dropdown-clearable .p-dropdown-label.p-placeholder {
    opacity: .4
}

    .p-dropdown.p-dropdown-clearable .p-dropdown-label.p-placeholder.p-inputtext + svg {
        display: none;
    }

.p-dropdown.p-dropdown-clearable .p-dropdown-label.p-inputtext + svg {
    display: block;
}

@media(max-width: 800px) {
    .modal-dialog {
        min-width: auto;
    }
}
/*CSS 30-10-2023*/
@media(max-width:900px) {
    .modal-content, .modal-header, .modal-title, .modal-title {
        max-width: 800px;
        width: 100%;
        display: block;
        margin: 0 auto;
    }
}

@media(max-width:768px) {
    .modal-content, .modal-header, .modal-title, .modal-title {
        /*            max-width: 600px;*/
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    #manage-earning-reports-filter .form-group, #manage-earning-reports-filter .align-items-end {
        width: 50% !important;
    }
}

@media(max-width:600px) {
    .modal-content, .modal-header, .modal-title, .modal-title {
        max-width: -moz-max-content;
        max-width: max-content;
    }
}



/* 31-10-23 modal mobile css fixed */
@media(max-width:600px) {

    .modal-container.cmnmodel .modal-content {
        min-width: 100%;
        max-width: 100%;
        height: auto;
    }

    .modal-container.cmnmodel .modal-body {
        height: auto;
        max-height: initial;
    }

    .modal-container.cmnmodel .modal-dialog {
        min-width: 100%;
        padding: 0 15px;
    }

    .modal-container.cmnmodel .modal-content h5.modal-title {
        padding-right: 50px;
        font-size: 16px;
    }

    /* common css for popup*/
    .modal-container .modal-dialog {
        height: 100%;
        min-width: 100%;
        padding: 0 15px;
    }

    .modal-content, .modal-header, .modal-title, .modal-title {
        max-width: 100%;
        width: 100%;
        display: block;
        margin: 0 auto;
        height: auto;
    }

    .modal-container .modal-body {
        height: auto;
        max-height: inherit;
    }
}

.packagesModule .cust-table-cc.form-check {
    display: flex;
    flex-wrap: wrap;
}

    .packagesModule .cust-table-cc.form-check .greyish-bg-cc {
        width: 33%;
        padding: 0 20px;
    }

        .packagesModule .cust-table-cc.form-check .greyish-bg-cc .roles_option_heading {
            width: auto;
            padding: 10px 3px !important;
        }

@media (max-width:991px) {
    .packagesModule .cust-table-cc.form-check .greyish-bg-cc {
        width: 50%;
        padding: 0 20px;
    }

    #downloadReportButton ul {
        bottom: -114px !important;
    }

    .over-view {
        justify-content: center;
    }

    .form-group-with-addon.form-group-with-addon-guests input {
        width: calc(100% - -8px) !important;
    }

    .cal-btn {
        width: 100%;
    }

    .addInformation .ticketslider .swiper .sldrcntr {
        /*            height: auto !important;*/
        min-height: 380px !important;
    }

    .dyna-mic {
        display: block !important;
    }
}


@media (max-width:480px) {
    .packagesModule .cust-table-cc.form-check .greyish-bg-cc {
        width: 100%;
        padding: 0 20px;
    }

    .packagesModule .Roles_table {
        width: 100%;
        display: block;
        float: left;
        min-width: 100%;
    }
}

.btm-20 {
    position: relative;
    padding-right: 0.5rem !important;
}

    .btm-20 .set-pos {
        position: absolute;
        bottom: -24px;
    }

.btn-color-green {
    color: #fff !important;
    ;
    background-color: #0df3a3 !important;
    ;
    border-color: #0df3a3 !important;
}

.paymentBx .legend {
    position: absolute;
    top: -12px;
    left: 55px;
    background: #fff;
    padding: 0 21px;
}

.paymentBx {
    position: relative;
}

    .paymentBx .legend .form-check {
        margin-left: 17px;
    }

textarea.form-control {
    min-height: calc(4.5em + (0.75rem + 2px));
}



.select-slide .vue-dynamic-select .selected-item, .select-slide .vue-dynamic-select .selected-item + input.search:focus {
    width: 40%;
    margin: 0 5px 0 10px;
}

.select-slide .vue-dynamic-select .search[data-v-0d81480f] {
    width: 50%;
    margin: 0 5px 0 10px;
}

.select-slide .selected-item ~ .search[data-v-0d81480f], .select-slide .vue-dynamic-select .selected-item + input.search:focus {
    margin-right: 30px !important;
    width: 30% !important;
}

.select-slide .vue-dynamic-select .placeholder[data-v-0d81480f] {
    color: #6c757d;
    opacity: .4;
    font-size: 14px;
}

.web-btn-design button:focus:not(:focus-visible) {
    box-shadow: none !important;
}


/*CSS -end Textarea 03-11-2023*/
.p-datatable .p-datatable-thead > tr > th {
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
}

.p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
    top: 50%;
    margin-top: -7px;
}

.fclndrbox {
    background: #fff;
    position: absolute;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 99%;
    margin-top: -1px;
    box-shadow: 3px 5px 10px 0px #DEDEDE;
    z-index: 9;
}

    .fclndrbox h2.fc-toolbar-title {
        font-size: 15px !important;
    }

    .fclndrbox .fc .fc-button .fc-icon {
        font-size: 1em;
    }

    .fclndrbox .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1em;
    }

    .fclndrbox a, .fclndrbox p, .fclndrbox span, .fclndrbox .btn {
        font-size: 13px;
        font-weight: normal;
    }


.form-items-title {
    color: #2c3e50;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    border-bottom: 1px solid rgba(204,204,204,.35);
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 600;
}

.form-group small, .form-group small .text-primary {
    font-size: 12px;
    color: rgba(0,0,0,.54) !important;
    line-height: 16px;
    font-style: normal;
    margin-top: 5px !important;
    letter-spacing: .3px;
}

.email-template-structure table {
    width: 100% !important;
}

.small-modal .modal-dialog {
    max-width: 500px;
    min-width: 500px;
}

    .small-modal .modal-dialog .modal-header h5 {
        font-size: 20px;
        text-transform: capitalize;
        border-bottom: 2px solid #16a085;
        padding-bottom: 10px;
    }

/* Tiny Editor */
.tox-statusbar__help-text {
    display: none;
}

.tox-statusbar__branding {
    display: none;
}

.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
    justify-content: space-between !important;
}

.tox-tinymce {
    border: 1px solid #cccccc !important;
    border-radius: 2px !important;
}

.p-multiselect.p-multiselect-chip .p-multiselect-token {
    color: #fff;
    border-radius: 2px;
}

    .p-multiselect.p-multiselect-chip .p-multiselect-token:nth-child(4n+1) {
        background: linear-gradient(to right,#404E67,#546686);
    }

    .p-multiselect.p-multiselect-chip .p-multiselect-token:nth-child(4n+2) {
        background: linear-gradient(to right,#16a085,#01dbdf);
    }

    .p-multiselect.p-multiselect-chip .p-multiselect-token:nth-child(4n+3) {
        background: linear-gradient(to right,#0ac282,#0df3a3);
    }

    .p-multiselect.p-multiselect-chip .p-multiselect-token:nth-child(4n+4) {
        background: linear-gradient(to right,#2DCEE3,#5ad9e9);
    }

.p-component, .p-component * {
    word-break: break-all;
}


/* Gradient Widgets */
.card {
    border-radius: 5px;
    box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
    border: none;
    margin-bottom: 20px;
}

.dashboard-widget-cntr .card {
    margin: 0px;
}

.bg-c-yellow {
    background: linear-gradient(to right,#fe9365,#feb798)
}

.bg-c-green {
    background: linear-gradient(to right,#0ac282,#0df3a3)
}

.bg-c-pink {
    background: linear-gradient(to right,#c0392b,#fe909d)
}

.bg-c-lite-green {
    background: linear-gradient(to right,#16a085,#01dbdf)
}

.bg-c-purple {
    background: linear-gradient(to right,#b55efe,#e890fe)
}

.bg-c-skyblue {
}

    .bg-c-yellow *, .bg-c-green *, .bg-c-pink *, .bg-c-lite-green *, .bg-c-purple *, .bg-c-skyblue * {
        color: #ffffff !important;
    }

.p-dropdown .p-dropdown-label.p-placeholder {
    padding: 0px;
}

.small-widgets {
}

    .small-widgets .project-widgets .media .media-body {
        width: 50%;
        text-align: right;
    }

.project-widgets .media .media-body {
    margin-right: 0px;
    margin-left: 20px;
}

.small-widgets .project-widgets .media .media-body h4 {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.small-widgets .project-widgets:nth-child(6n+1) .card, #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+3) .card {
    background: linear-gradient(to right,#fe9365,#feb798)
}

.small-widgets .project-widgets:nth-child(6n+2) .card, #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+1) .card {
    background: linear-gradient(to right,#0ac282,#0df3a3)
}

.small-widgets .project-widgets:nth-child(6n+3) .card, #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+2) .card {
    background: linear-gradient(to right,#c0392b,#fe909d)
}

.small-widgets .project-widgets:nth-child(6n+4) .card {
    background: linear-gradient(to right,#16a085,#01dbdf)
}

.small-widgets .project-widgets:nth-child(6n+5) .card {
    background: linear-gradient(to right,#b55efe,#e890fe)
}

.small-widgets .project-widgets:nth-child(6n+6) .card {
    background: linear-gradient(to right,#2dcee3,#5ad9e9)
}

    .small-widgets .project-widgets:nth-child(6n+1) .card *, .small-widgets .project-widgets:nth-child(6n+2) .card *, .small-widgets .project-widgets:nth-child(6n+3) .card *, .small-widgets .project-widgets:nth-child(6n+4) .card *, .small-widgets .project-widgets:nth-child(6n+5) .card *, .small-widgets .project-widgets:nth-child(6n+6) .card * {
        color: #ffffff !important;
    }




.widget-title {
    font-size: 20px;
    margin-bottom: 10px;
}

.widget-icon-bg {
    background-color: rgba(0,0,0,.2);
    border-radius: 100% !important;
}

.project-widgets .status-history {
    font-size: 16px;
    font-weight: 600;
}

.card-header-border-btm {
    border-bottom: 1px solid #eee !important;
}

#regularTheme.fa-sun {
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABrCAYAAACBtCeBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NjI2MzdkMmEtYjc4Yi1hYTRmLWIzNzAtNTdhNjRhMDA3YTVjIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZBNjhGNzk0OUYyQTExRUVCRjY0RkNGM0E5QUU1OEJDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZBNjhGNzkzOUYyQTExRUVCRjY0RkNGM0E5QUU1OEJDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC42IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1ZDU0MzIzLTA4ODItOGM0Ny04NTYzLWE0NjExMmQ1ZGZjMSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjFlYzMzNzNmLTk4MGUtNDA0Zi1hYzJiLTA5YzA0ZWIzYmEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PimwwoUAAAo3SURBVHja7J15bFfFFsfPr68UaEFoEWSRgKICisgmqGxFlieg8FyDiYJgBeOuUAEFNChgSwWJL1oBNegzebxnBBfUWCgFKiCWTQgIaAAti1ZaRAoIpXVOf+ea+vO3zNyZuff+buebnD9o5/aeM587+0KgqqoKjLyjBJMFBoiRAWKAGBkg/lBiPDk7YOSDtp5b/WGuKSEaNYdZFafNMVWWkQFigBgZIAaIkQFiZIDE98DQ7sAsXgeUqiQyMNVRQpJq0QetPFbVQLow+5ZZn1oAow/F2sWrQNCxlcwuYfaZz6FgbJ9SrBhzV68B6UqONaF/NyAofX0Ioy/F1pD+jTHnqYKiAki3EBgQAqWfD2E0CPl5E8qDbm4D6UZfR1qE36dQ0fYDlH4EIyXC79NUQJEB0p0cSIuRLoUC6R/HMPrHgGEplfKkuyPjkBAYeeQAj5KppAxnViCZOZuYLRRIK6t0ZisoBh5ZUAYzK3ICSEt6YWPB55IpsFuY5Utk0DIyJ3Qjs48FYFhqTB9sJ2aHdFdZh5nNtxlgMgV4YxxUUwNtwrA0XxSGTBsyk9l0SSiDPAwDfftIAsZ0yiNHG/UXmU2TgPIh1bNe0xDyTQbGi251e2cxe1YCCrYFrTwEA335QALGszIwZHpZNTUbgjs8Zgs+h89MslPPkupTo3kFWQqNnvHvHmdWxmwvs93M9tDPY+kQ+fQas4CgP8+Agl0uqvZlWVtz5gjAeFCg+2qpNbO7mQ1ldh2zepzP/cJsDZVIrI5ORkmbS/69LgBlKrOXVGSkyo1y6FAlsywNMAYwm0KNrZ1q9kJmt5MhjPfIz/0R0r9BfuZyQJnMLFtVJqqefs8mB6PBGC8AAyfsvqRxyxBF/uI81ASqzhYRrHBaSL5WOQVDBxALSmYEGA8wW8zxN7AqWkAj3Rs0NeBYO2RAcE1jdIQ0i6NAyVQNQxcQVA41jpYqKfg3OZ5tz2wDs8fAmTV/nKldwuxtCD9XtZh8r6zxs4kUI8QLENTL5LgF4y2OZ65nth4Ur8Jx6j5mq+DvywhAvj9AsWBM80BjsdUpdPxzZrs0zhupVC9mhRCcai8JA2UjZyyeLCGWeALoITkgU6kOEJyZbmQzFs8DiaWLaN6okYdG7PiBvGNjcBj3QPD9/2HWArynEcyedPqlbp+gmgCSs75tWreAqzu2g1YtmkGDlPpQWVUFpWUn4GDxEdi+cx+UHT8hOy2E7dq+2gCkKYjPf1UruX49GDG0H9w8pC8D0TTyKJTB2bHrO3j/43wo3LgNbFySUJfZq8xuqg1AcP5HdNURBvTpAQ9n3AlNUmM3OYFAADpfdXm17dqzH+b++1048MNh0Vf+k3qA+U5kSoKLpWO8kKMJCfD4hFEwIzODC0aormx/CeTmTIH0Prb2H0xzKmPcAjIWYu/g+MuXPuXxMfCvYelSL61bNwlmTMqAQf17ChdMZlf5GchokcT33jUMBqf3UvJihDv5sdHVJUanz/EEpKPI13Zpm1YwZtRwtQ1nYiI88+Q4SEqqI/LYHY416g6fnxDacTJ+zK3V7YdqYe/stuED4L/LvuD+Npi1ZXZAuL7jzF88R1Kzl4UvkyWD81YFHPUx3xzG5W2hV/dO2r6MO0YOhP9/tBLOn6/kfaR/GCDpCrrFudbfrQnkYoi+uMSj4xxAOvP+scHpPbUWVeytde3cAYq2ck9R4Sz0kpCfXacg3z6xgDjdhvyDSiKXune5UrtDPa7pKJK8nd8adVwu5WpJscFt3bKZdofatRXahdTcb0Au4E2Y2rihlsY8VGlpQoPMhn4DUo87YZIzZ0frir2nvt+AcE+9niw/7YhDp06d1uJ/vAAp401YevwEnDnzu3aHDh0tEe1F+q6ElPIkxKny3fsOaHdo916hdxzwG5DqPOBNuOHrHdqdWb/pGy2+xxOQ7bwJ8wq+0lptbd+5F4oP/yTyyDbdmVNzpF4MsfflxtJGjjS40PMQV4X962+wdHkejBl1s5bglyxdIZL8HLN1EWKWzbficECwfpziQAlZTcFxDRD/t3wlDB3UG5pdmKrUiVVrN8HWb/YI1W4Qftd8AcgfZP1TAZF1ZoWzwngkYARv4k4d20HOzCfYmKGOkpcfLD4KD2dmQblYlxdXOBfZ+gJdvg2Iq7YQSbxz9/fwfNZCOHv2nHw390gJZM5YIArjFBZWJzLGLSDLIXiqib9xKtoBE2e8Ar8csz8U2LL9W3hkcjaUHCsTfRSPJvzqZyC4ADFL9CEsKWMfnQnLVhRARUUF/2iUDTLnvfYeTHpuQXVHQVBnmM11KmPcakOsjwFvWrC1DaRJWiO4aeAN0LtnZ2h/WZu/TUSeZt3lbTv2wpr1W2B1YZFMdYeHOKfLBCrShrgJBAjGBt4eVyTVqZMILZs3hZTkeqzknIcTv5XDTyWloOB/D8JTVrgoddopIG5vJd0MwdOrUlXCuXMVcPDHI6p9w6pqlCyMeGlDagoP9iwD7+lRZludfqkXgGC9ck+EUbBbwmsxFrvxYq/c24v9fLwlqNADvuDx7ufcerkTQHh3KmA/fwiNUdzQeQieB5mqIBbPAnmKGc6hj+VMjw3obRCcU6twEMZRCF6E80qUNOMolqfiFchEarATqD4eJ9Cm4Oxpb7BxI5uN9gunca6B4KRnNBiLKJaXdULRBQTPqOeEvAeh3C/wN3DQiDus8Uj19xp8xCPQeP/ufcx+jpIug3xPCOkZTooXIJkRxhUB+soyBKdY8LKBDjQm+JzqervCdgovCMDdhniUbn2M9OjrQgh/+HMuhL+xQkqqB4ZPQ/TFmgAFmABil89ge7KUrDnV97hp+1pml0Hw6Fk44UwkXp1h3ZeyWmCgh9PtsS6fyabfZ3sRyGTgu6IoQIECiF/PZDXA75KhcHsqXsyJx+PwEBBOWpVDcDPFzzZjwcOovNczZVG6LC8BwV6RyOVdFpSEGnBkuqs/kqkQTtiJXmD2EqWXvjNLRRti9ya1ADX8XrviLwfsXRgwh/LCVSDowCybz+Lo/Fawf8WfDh2icdApm8/PkoUiA2SaJIyRELxs2Gv6gnyTgTLNaSD4whckYOC81UrwrtC3ERJQMG+mOwWkpcSgyIKRD97XKvLVLpSJdtpHO72swzSoygOxmxgwMBWX8WO7w3umDweSMmst+eSzyGX81vhnsJ320W63t6gGlFROGMMgeFWrrHoC/y0QpSC/+FVAvn/KCaWMYGx2ulHfTFBi7anBQdpQRTDc0hqKoVwnDBXd3i0EpTQKDPy61kL8a20MKKWUF5tlXqJiYGhBORby85MUgB9gWFpHMZ2MAGOLF0bqqK0hUCwY68B/sqBYO+6OUexKNkSonH7fRo7tJ4cLwb8qpKp4v0oYMr2saFBw7eIs+F+FOmLVsUBVG2Boi1WohIhsidQhu1tZ3fbb7RJiZIAYIEYGiAFiZIAYGSAeU2Ic+jwVou9Qj2sFFJzDMzJVlgFiZIAYIEYe0B8CDAA+JIQn/jy6gwAAAABJRU5ErkJggg==);
    background-size: 18px;
    width: 100%;
    height: 100%;
    background-position: center;
}

    #regularTheme.fa-sun::before {
        content: "";
    }

#light.fa-moon {
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABrCAYAAACBtCeBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NjI2MzdkMmEtYjc4Yi1hYTRmLWIzNzAtNTdhNjRhMDA3YTVjIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI1QjhGNjE3OUYyOTExRUU5RjlEQTExQTQ1NjVEMTJBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI1QjhGNjE2OUYyOTExRUU5RjlEQTExQTQ1NjVEMTJBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC42IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1ZDU0MzIzLTA4ODItOGM0Ny04NTYzLWE0NjExMmQ1ZGZjMSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjFlYzMzNzNmLTk4MGUtNDA0Zi1hYzJiLTA5YzA0ZWIzYmEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm+D1CMAAASVSURBVHja7J3BcdswEEUpjRpgSpBLYApIZuhrcmJKkNMBVYJVglSCdcs1OqSAsASrBZXgAPbCwdCgCFIgdkn+P8PhRJJFDF/+7gKggMXLy0sCydEStwBAIAABEAhAAAQCEACBImvlenGxWMzmBnz59vCkTid1HP/82l842mB3zheunvrMgGTq9FcdGsZOHYfYYGwGsw9Z6uZX6rRVR6qOR3U8K0glV3tm7xBySUouWVsvnzUoBeyIkMUDZaNOe8dbRwJzBpD4ULRLMsdbOqc8DOUW5JBmbRte1yHtSVdkFN6QQwS4xKgit1RwSBwdWt7XsH4rcAUcEs8lz7WKq0naKQc4ZHj5Ju+9grcPeWEA6Re2bG1CQgEQd+/9TMk7OhQAuT1s2VAeAWQ4nXr8TUk9flRZzNVWXT+69OpRZQ3rElN99QEJIC3qO6D4OtQCIOF1y/BI1ifJI4e055FbH36+V/nkhBzCH7be8wlCliwg6y5TwgAybB6x+ycpgIRRiCdQNIwSQGSp9OmbAMjwOcTWBkBkhKx3IG25BEDiKm1zCYDEF4AI05qeJwYQQSoApL8yAJlx2AIQPuUAIidkNX4vgPj1HeAQ6aElBGjX2BaAXFHfBxVuCVsAwpM/3qstALnxhsEh08wfjQUDgPACyQHEP6EXHNcFED53OCs5AGEGUi8cAKQ5XK05rg0gvO4AEA93tM57A0hcbTgvDiAAIjpcbbiSOYC4xbFw2QVA3O4oOdxRX8QGQP5XVqWEtgDIm/RvAVOG61YA8tEdOWNldQaQj6Fqz9gEOMQRqjjLXDjEckfB3QlMHCtFLGcKI2MOVa/ucK2gvZwhDJM3UuamHFH2vkmvQZIJaIfz59azWlqDVn3bCGjKRYWrT+Yfs1xaQxCMxnA1GyDCYDirq9mELIEwdHV1Z78wm5AlEIbW1SVoVxMubXU1lQtr2qUNyHKCMMwWRrnA5rXuc7WcGAw9p/E7YZ6GveKOXduHVhMBYXrfheBm7nx26VlOxBXPwmG05o7RO4QmlvTweTaC5m59t+IbXT+EQJRCk7azE6hg3F/7gM1gNSJHmPmLfGRm3nb58KopSXJtQ1prx5pyA/sDbDeEqk6LaDpD1tfvP018PlLtfGaAUIwkP/QOVa6Q1ZhDqHoxS2VryidzDukeApDRkY8cgl1V3fneJ++NJa+MBZkdaCq6uHFQ5WoE3XQTcswNNzc/Taanz11CVRcgKfV8swTyVeed27xHe+l/+30SZnXnOWh36zZ6Xv0QOMVLeh/2hz5/2Hk+BE4ZDkZd3mNZgDI8jE5AalBO4BAehncOaeg/SJwejd0L34X4omAb3NNv8vYzAxF8s/tgQAiKrryeknGONXVV8L3UgwOxyuIyEfKzsAH7GNshvjg4EAtMTiFsPTFXbNt2WhMJxHKLzi2PIwdxIVfshr7QoEAsMGsKYZsxgqCSNsqcUBQgIwQTHQQLkBqYguBIGnKvCMKBqwEsQGpwNJicAHH9Pjz6bKhYIA44Q88WVtZxlPC8gFggjgrNTOemtbNPDjAdNlOiVkOWq9GAQHz6J8AAJF8dDucSQUwAAAAASUVORK5CYII=);
    background-size: 18px;
    width: 100%;
    height: 100%;
    background-position: center;
}

    #light.fa-moon::before {
        content: "";
    }



/* CSS for Edit Dashboard */
.edit-dashboard .checkbox-section {
}

.edit-dashboard .checkbox-item [type="checkbox"] {
    display: none;
}

.edit-dashboard .checkbox-item + .checkbox-item {
    margin-top: 15px;
}

.edit-dashboard .checkbox-item label {
    display: block;
    padding: 20px 20px 20px 50px;
    background: #ffffff;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    min-width: 250px;
    white-space: nowrap;
    position: relative;
    transition: 0.4s ease-in-out 0s;
    letter-spacing: 1px;
    border: 2px solid #ebebeb;
    box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
}

    .edit-dashboard .checkbox-item label span.numbers {
        display: block;
    }

        .edit-dashboard .checkbox-item label span.numbers img {
            margin-top: 10px;
            width: calc(100% + 30px );
            border: 1px solid #f1f1f1;
            border-radius: 5px;
            margin-left: -30px;
        }

    .edit-dashboard .checkbox-item label:after, .edit-dashboard .checkbox-item label:before {
        content: "";
        position: absolute;
        border-radius: 5px;
    }

    .edit-dashboard .checkbox-item label:after {
        height: 19px;
        width: 19px;
        border: 2px solid var(--theme-default7);
        left: 19px;
        top: 23px;
    }

    .edit-dashboard .checkbox-item label:before {
        background: var(--theme-default7);
        height: 20px;
        width: 20px;
        left: 19px;
        top: 23px;
        transform: scale(5);
        opacity: 0;
        visibility: hidden;
        transition: 0.4s ease-in-out 0s;
        content: "\2713";
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #fff;
    }

.edit-dashboard .checkbox-item [type="checkbox"]:checked ~ label {
    border-color: #b0b0b0;
}

    .edit-dashboard .checkbox-item [type="checkbox"]:checked ~ label::before {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }



/* CSS for Rule Engine */
.div-scroll {
    width: auto;
    min-width: 100%;
    overflow-x: auto;
    max-width: 100%
}

.flowchart-fix {
    min-width: 1170px
}

.fc_parentchild {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    height: auto
}

    .fc_parentchild li {
        width: auto;
        float: left;
        height: auto;
        display: block;
        clear: both;
        margin-bottom: 0px;
        position: relative
    }

        .fc_parentchild li p.shape_oval {
            background: linear-gradient(to right,#fe9365,#feb798);
            border: none;
            height: 100px;
            position: relative;
            margin: 0 0 0 85px;
            text-align: center;
            vertical-align: middle;
            width: 100px;
            border-radius: 100%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            display: flex;
            color: #fff;
            align-content: center;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .fc_parentchild li .shape_oval span {
            font-weight: 700;
        }

        .fc_parentchild li p.shape_polygan {
            background: linear-gradient(to right,#16a085,#01dbdf);
            border: none;
            z-index: 0;
            border-radius: 8px;
            height: 100px;
            list-style: none;
            margin: 24px 0 0 84px;
            position: relative;
            text-align: center;
            vertical-align: middle;
            width: 100px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 0px;
            display: flex;
            flex-wrap: wrap;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            align-content: center;
            align-items: center;
            justify-content: center;
            position: relative;
            z-index: 1;
            overflow: hidden;
        }

            .fc_parentchild li p.shape_polygan span {
                font-weight: 700;
                color: #fff;
                transform: rotate(-46deg);
                -webkit-transform: rotate(-46deg);
                margin: 40px 0px -12px -28px;
            }

                .fc_parentchild li p.shape_polygan span.delete {
                    cursor: pointer;
                    height: 43px;
                    border-radius: 100% !important;
                    width: 43px;
                    margin: 7px 0px 28px 25px;
                    background-color: rgba(0,0,0,.2);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: all ease .3s;
                    position: relative;
                    z-index: 10;
                }

                    .fc_parentchild li p.shape_polygan span.delete:hover {
                        background: #fff;
                        color: #c0392b;
                        transition: all ease .3s
                    }

.fc_subchild li .shape_oval span.results {
    margin-top: 25px;
    font-weight: 700;
    text-align: left;
    width: 80%;
    float: left
}

.fc_subchild li a.resulteditlink {
    color: #cbc93d;
    float: right;
    margin-top: 5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAADICAYAAABS39xVAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAU4SURBVHja7N27i1xlGMDhMyYbUfZCjGZVrGzEFBaKGGwCIriFWGgaq5hOLGxESLyAblIZUwQECZqLgvgnpLKUGHDTRFExRkEtJFio6ZLs5P2Y7+DxMOtcdubMWXgeeJnMLYEz8OP7TubS6Xa7BcBWcJtDAAgWgGABggUgWACCBQgWgGCVlmJOxLzi8AOj2N7wv7cQ83HM/nx9V8wRLwPQthVWitWZHKvfYq7HrMa87WUA2hSsFKvTMS/ErMU8HXMw5kaO1lteCqANW8LFmFN5ZbWWQ/VDnrm8RUzbwo7tITDLYJXbwOcrsbpUuf9sTDcHbTXfdjTfBvAfnSl+W0MZq7QNvBhzIOabDR57ID82rbJejjnppQHqpnUOa74Sq7UBsUqu5liVzwVoJFgLtVi9NCBWzxS981jJ+zEfelmAfiZ9Dqseq4MDYrVS9M5jLedYvVH03u4AMNVg1c9ZDVpZreTHixXQ6JZwvhj+BHu5DUyPv1esgCaDNc45q7M5VsfFCmgqWIvFvx+3KWN1acA28JMcq2Mxh8UKaCJY9Y/bDDrBXm4Dl/PK6k2xApoI1lIlVheHWFlVt4HpnNUhsQJGNe473Z+K+SLmSsxzMd+OECvnrICxjPu2hp358tcBsSrPWe0WK2BWW8L1yvM7/xOrM2IFzDpYpW7R/5sVvM8KaM2WsFN5/lKOVievvPbFfCRWQFuCVa6qnoi5XFtl3RWzTayAtgQrReqPmLvzVK2LFTAN0/wCP4CJ8kOqgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFsDWDlX75+dWYn2L+qswvMe/F3OFwA5uxfYJ/1/6YEzHnYi7kgKUfPbwz5vWYv2OOOuTA2KuiCf6Q6umYlZj7+9x3Ia+wHnHIgVmssF6MeTDmRr6+L+b2mMO1x6Wfrl+OmY85lFdd22L+jDnpJQCaWGGdj9lbu62bt4L91O/7PeYBLwHQRLAWY56N+SxmNebzvHLayM2YJ2NOxRzLc9VLADSxJUwn0S/nP1+J+X6I5+yqrK7EChjJZt/WsCNfzlVu2xNzX2UV9lhlK7hjAqEEBGsi0on1r2I+yNdfi/k65iGHGmhbsNJKK73vame+vjtfLjjUQNuClc7g38xTVC7XHWqgbcEC2HLB6tQuAVoZrPQ/gXO1v1+4gE2b9NsL/ol5J+a7fP3TmGvFcO/RAphqsMqVU/l5wnSS/d3K/efzFJX7p7kVBWwJN1SG6p4hH7+UL6859MDIK6RNfr1MCtCXMQ/ny+tF//NV5QefH83XH4/50eEHmgxWkj56c6TofSSnjNNGW8efi963j55z6IFZBAugEU5+A4IFIFiAYAEIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBYgWA4BIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAbTHLQEGAJ/A0jfnjsfmAAAAAElFTkSuQmCC);
    background-position: -5px -2px;
    height: 32px !important;
    width: 32px !important;
    cursor: pointer;
    border-radius: 50% !important;
    background-color: rgba(40, 167, 69, .8);
    padding: 19px;
    margin-right: 4px
}

.fc_parentchild li:last-child p::before {
    border: none !important
}

.fc_parentchild li p {
    float: left
}

    .fc_parentchild li p span {
        display: block;
        line-height: 20px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }

.fc_subchild li p img {
    left: 50%;
    margin-left: -12px;
    position: absolute;
    top: -35px
}

.fc_subchild li .shape_oval span {
    display: inline-block;
    padding: 0 10px;
    text-align: center
}

.textbetweenline {
    font-size: 12px;
    left: -50px;
    line-height: 14px !important;
    margin: 0;
    padding: 0 !important;
    position: absolute;
    text-align: left !important;
    top: 0;
    width: auto
}

.fc_parentchild li.arrowdown:last-child::after {
    border-left: 6px solid transparent
}

.imgdownarrow {
    left: 129px;
    position: absolute;
    top: 110px;
    z-index: 100
}

.fc_parentchild li.arrowdown {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 60px;
}

    .fc_parentchild li.arrowdown::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-top: 6px solid #505458;
        border-right: 6px solid transparent;
        position: absolute;
        left: 129px;
        bottom: -6px;
    }

    .fc_parentchild li.arrowdown::before {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        left: 134px;
        top: 0;
        background: #505458;
    }

    .fc_parentchild li.arrowdown:last-child::after, .fc_parentchild li.arrowdown:last-child::before {
        display: none;
    }

    .fc_parentchild li.arrowdown:last-child {
        background: 0 0
    }

.fc_parentchild li p.shape_roundbtn {
    background: #fff;
    z-index: 1;
    border: 2px dashed #16a085;
    min-height: 48px;
    list-style: none;
    margin: 0 0 0 110px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
}

    .fc_parentchild li p.shape_roundbtn span {
        margin-top: 13px;
        font-weight: 700;
        color: #16a085;
        text-align: center;
        font-size: 12px;
    }

.fc_parentchild li p:hover.shape_roundbtn {
    background: #16a085;
    color: #fff !important
}

    .fc_parentchild li p:hover.shape_roundbtn span {
        color: #fff !important
    }


.fc_parentchild li.arrowdown:last-child {
    background: 0 0
}

.fc_subchild li .shape_oval {
    background: linear-gradient(to right,#2dcee3,#5ad9e9);
    border: none;
    height: 100%;
    position: relative;
    list-style: none none;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 350px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
    -webkit-box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
}

.fc_parentchild li.arrowdown:nth-child(3n+1) .fc_subchild li .shape_oval {
    background: linear-gradient(to right,#2dcee3,#5ad9e9);
}

.fc_parentchild li.arrowdown:nth-child(3n+2) .fc_subchild li .shape_oval {
    background: linear-gradient(to right,#0ac282,#0df3a3)
}

.fc_parentchild li.arrowdown:nth-child(3n+3) .fc_subchild li .shape_oval {
    background: linear-gradient(to right,#fe9365,#feb798)
}

.form-result li .shape_oval {
    margin: -2px 0 0
}

    .form-result li .shape_oval select {
        margin-top: 32px;
        padding: 5px 1px;
        width: 75%;
        background-color: #f9d99b;
        border: 1px solid #c89025;
        color: #604106;
        font-size: 12px
    }

.shape_oval h3.form-heading {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 0px;
    font-weight: 600;
    background: rgba(0,0,0,.1);
    padding: 15px 15px;
    text-align: left;
}

.shape_oval .btn-white {
    background-color: #fff;
    border: 1px solid #fff !important;
    padding: 10px;
}

    .shape_oval .btn-white span {
        color: #383434 !important;
        background: none;
        -webkit-text-fill-color: #383434 !important;
        font-size: 12px;
        letter-spacing: .5px;
    }

.fc_subchild li {
    background-position: left top 37px
}

    .fc_subchild li .shape_oval table td {
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

        .fc_subchild li .shape_oval table td a {
            color: #fff !important;
            display: block;
            margin: 0px !important;
            font-weight: 500;
        }

            .fc_subchild li .shape_oval table td a i {
                float: right;
            }

                .fc_subchild li .shape_oval table td a i::before {
                    width: 20px;
                    display: flex;
                    height: 20px;
                    align-items: center;
                    justify-content: center;
                    border-radius: 100%;
                    font-size: 13px;
                }


.fc_subchild {
    float: left;
    margin-left: -2px
}

    .fc_subchild.fc_subchildWhen {
        width: 77%
    }

    .fc_subchild li {
        clear: none;
        display: inline-block;
        float: left;
        margin: 26px 0;
        padding-left: 60px;
        position: relative;
    }

        .fc_subchild li::after {
            content: "";
            width: 0;
            height: 0;
            border-top: 6px solid transparent;
            border-left: 6px solid #505458;
            border-bottom: 6px solid transparent;
            position: absolute;
            left: 53px;
            top: 43px;
        }

        .fc_subchild li::before {
            content: "";
            width: 58px;
            height: 1px;
            position: absolute;
            left: 0;
            top: 48px;
            background: #505458;
        }


        .fc_subchild li.arrowright.top50 {
            background-position: left 45px !important
        }

        .fc_subchild li.arrowright.top30 {
            background-position: left 30px !important
        }

        .fc_subchild li a.addtarget_btn {
            background: #fff;
            border: 1px dashed #16a085;
            font-weight: 700;
            margin: 15px 0 0;
            text-align: center;
            width: 120px;
            display: inline-block;
            color: #138732;
            padding-top: 10px;
            padding-bottom: 10px;
            cursor: pointer
        }

        .fc_subchild li a:hover.addtarget_btn {
            background: #138732;
            color: #fff
        }

.fc_subchildWhen li {
    margin: 0
}

.fc_subchild li.arrowright.Dparent::after {
    top: 40%
}

.formsfieldmainunique {
    border: 2px dashed #ccc;
    background: #fff;
    box-sizing: border-box;
    float: left;
    padding: 5px 10px;
    min-height: 140px;
    width: 564px;
    border-radius: 3px;
    box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
}

    .formsfieldmainunique .parenthead {
        background: #eff8ff;
        color: #0074cc;
        width: 100%;
        box-sizing: border-box;
        float: left;
        padding: 10px;
        font-weight: 700;
        border-radius: 3px;
    }

    .formsfieldmainunique .childdivsunique_edit {
        width: 100%;
        float: left;
        padding: 10px
    }

    .formsfieldmainunique .parenthead span.text {
        float: left;
        width: 92%
    }

.form-result .formsfieldmainunique {
    min-height: auto;
    list-style: none
}

.childdivsuniqueheader {
    width: 90%;
    float: left;
    padding: 10px 0;
    box-sizing: border-box
}

.childdivediticon_unique {
    width: 5%;
    float: right;
    padding: 2px 0
}

    .childdivediticon_unique .iconedit_unique {
        padding: 19px;
        margin-top: -5px;
        background: var(--theme-gradient8);
        border-radius: 50% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 18px;
    }

.iconedit_unique {
    display: inline-block;
    width: 32px !important;
    height: 32px !important;
}


.fc_parentchild li p.shape_polygan::before, .fc_parentchild li p.shape_oval::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    transform: skewX(-25deg);
}

.fc_parentchild li p.shape_polygan:hover::before, .fc_parentchild li p.shape_oval:hover::before {
    animation: shine .75s;
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.modal-dialog li::before, .modal-dialog li::after {
    display: none !important;
}

.fc-theme-standard a {
    color: #1d233b;
}

.custom-scrollbar-all {
    max-width: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #0076cc #49506d;
}

    .custom-scrollbar-all::-webkit-scrollbar {
        width: 4px;
        max-width: 250px;
        max-height: 100px;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .custom-scrollbar-all::-webkit-scrollbar-track {
        width: 4px;
        max-width: 250px;
        max-height: 100px;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .custom-scrollbar-all::-webkit-scrollbar-thumb {
        width: 4px;
        max-width: 250px;
        max-height: 100px;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .custom-scrollbar-all::-webkit-scrollbar {
        height: 9px;
        background: #49506d;
    }

    .custom-scrollbar-all::-webkit-scrollbar-thumb {
        background: #0076cc;
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
    }

    .custom-scrollbar-all::-webkit-scrollbar-corner {
        background: #49506d;
    }

.p-multiselect-panel.p-component {
    max-width: 300px;
}

    .p-multiselect-panel.p-component li {
        width: 100%;
    }


.p-datepicker.p-component {
    min-width: auto !important;
}

span.actions.rw_act {
    position: absolute;
    right: 15px !important;
    left: auto;
    margin-top: -18px !important;
}

.pyment-tab.p-datatable-table tr td {
    min-width: 190px;
}

.p-overlaypanel {
    max-width: 300px;
}

    .p-overlaypanel:after {
        border-bottom-color: rgba(0,0,0,0.8)
    }

.p-overlaypanel-content {
    background: rgba(0,0,0,0.8);
    color: #fff
}

.bck-clr {
    background: #f3f3f3;
    margin-bottom: 10px;
    padding: 0px 10px;
    padding-bottom: 24px;
}

button.btn.btn-primary.active {
    background: #c0392b;
    border: 0;
}

.btn-wid {
    width: 160px;
}

.pageSubheading {
    font-weight: normal;
    font-size: 1.5rem;
    color: #1d233b;
    border-bottom: 1px solid #ced4da;
    padding-bottom: 5px;
}

/* custom select*/


#downloadReportButton {
    position: relative;
    cursor: pointer;
    /*z-index:17;*/
}

    #downloadReportButton:hover {
        opacity: 1;
    }

    #downloadReportButton ul {
        display: none;
        position: absolute;
        /* bottom: -85px;*/
        bottom: -78px;
        left: 0px;
        border: 1px solid #16a085;
        border-top: 0px solid #ddd;
        z-index: 7;
        width: 100%;
        border-radius: 0px 0px 10px 10px;
        overflow: hidden;
    }

    #downloadReportButton:hover ul {
        display: block;
    }

    #downloadReportButton ul li {
        float: left;
        width: 100%;
        display: block;
        background: #fff;
        padding: 10px 5px;
        border-bottom: 1px solid #16a085;
        text-align: left;
        cursor: pointer;
    }

        #downloadReportButton ul li.noborder {
            border: none;
        }

        #downloadReportButton ul li a {
            color: #000;
        }

        #downloadReportButton ul li:hover {
            background: #dee2e6;
            color: #000;
        }



/* custom select*/


.row-popup .col-md-12.flex--box {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.row-popup .add-box {
    display: flex;
}

.row-popup button.btn.add-less-btn {
    border: 1px solid #cbcbcb;
}

.row-popup button.btn-popup.btn.btn-pill.btn-gradient.color-4 {
    margin-bottom: 10px;
}

.row-popup {
    display: block
}

    .row-popup .form-group.mb-2 {
        margin: 20px 0px 10px 0px;
    }

.row-popup {
    width: 30%;
    padding: 16px 0px;
    margin: 25px 0px;
}

    .row-popup .col-md-12.flex--box {
        display: block !important;
        align-items: center;
        flex-wrap: wrap;
        gap: 1rem;
    }

.row-popu .form-group.form-block.mb-2 {
    width: 50%;
}

.row-popup {
    padding: 2rem;
    max-height: 530px;
    overflow-y: scroll;
    /* box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 34px 8px rgba(0, 0, 0, 0.12); */
    box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.2);
    margin-left: 8px;
}

    .row-popup .add-box .form-control, .row-popup .add-box .btn {
        border-radius: 0 !important;
        border-color: #ccc !important;
        height: 41px;
    }

/* start css 15-05-2024 */
.top_bar .change-pic {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: 1px solid #e4e4e4;
    line-height: 40px;
    text-align: center;
    background: #1d233b;
    color: #fff;
    font-weight: bold;
    margin-right: 15px;
    overflow: hidden;
}

    .top_bar .change-pic span {
        color: #fff;
    }

.top_bar .media-body sapn {
    color: #818181;
}

.top_bar .media-body h6 {
    margin: 0px;
    font-size: 16px;
    color: #1d233b;
}

.text-success.bg-white {
    /*background: -webkit-gradient(linear,left top,right top,from(#0ac282),to(#0df3a3));
background: linear-gradient(to right,#0ac282,#0df3a3);*/
    background: #16a085 !important;
    color: #fff !important;
    border-radius: 5px !important;
    padding: 5px 8px !important;
}

    .text-success.bg-white i.txt-primary.text-success {
        color: #fff !important;
    }

.text-danger.bg-white {
    /* background: -webkit-gradient(linear,left top,right top,from(#c0392b),to(#fe909d));
background: linear-gradient(to right,#c0392b,#fe909d);*/
    background: #ff6756 !important;
    color: #fff !important;
    border-radius: 5px !important;
    padding: 5px 8px !important;
}

.btn-bg-green, .btn-bg-red:hover, .btn-danger:hover {
    background: var(--theme-gradient8) !important;
    color: #fff;
    border-color: var(--theme-gradient8) !important;
}




.btn-bg-green2 {
    background: #16a085;
    color: #fff;
    border-color: #16a085 !important;
}


.btn-bg-blue {
    background: #122341 !important;
    border-color: #122341 !important;
    color: #fff !important;
}

.btn-bg-blue2 {
    background: #1d233b !important;
    border-color: #1d233b !important;
    color: #fff !important;
}

.btn-bg-red {
    color: #fff;
    background-color: #c0392b;
    border-color: #c0392b;
}



.btn-bg-green:hover, .btn-bg-blue:hover, .btn-bg-green2:hover, .btn-bg-blue2:hover, .btn.btn-gradient.color-4:hover {
    background: var(--theme-default7) !important;
    color: #fff !important;
    border-color: var(--theme-default7) !important;
}

.table-responsive table tr:nth-child(odd) {
    background-color: #e8ecf2 !important;
}

/* .table-responsive table tr:nth-child(odd) th {
        background: #fff !important;
    }*/

.Editdashboard_topBar {
    text-align: center;
}

    .Editdashboard_topBar a {
        font-size: 32px;
        text-transform: capitalize;
        display: flex;
        align-items: center;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

.poup_add_Contact label {
    float: left;
    width: 100%;
    display: block;
}

.poup_add_Contact {
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 15px;
}

    .poup_add_Contact .btn {
        width: 100%;
    }

.poup_add_Contact {
    border-bottom: 1px solid #dee2e6;
}

.page-header .col-md-12.col-lg-6, .page-header .col-sm-6 {
    width: 100%
}

.page-header .page-header-left {
    float: left;
    width: 100%;
}

    .page-header .page-header-left h3 {
        float: left;
    }

    .page-header .page-header-left a {
        float: right;
    }

.page-header .breadcrumb {
    float: left;
}

.Roles_table .table-head-title {
    background: #efefef !important;
    padding-left: 12px !important;
}

span.actions.rw_act {
    border-radius: 50px;
}

.form-itms-title-withButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-sm {
    border: none !important;
    padding: 5px 10px;
}

.action-list-box {
    right: -3px;
}

.btn-overview-header, .btn-answer-header {
    margin-left: 8px;
}

.form-control.p-calendar.p-component {
    border: none !important;
}

.form-group-with-addon { /*display:flex;*/
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #1d233b !important;
    border: 1px solid #1d233b !important;
    border-radius: 0px 4px 4px 0px !important;
    line-height: 23px;
    color: #fff !important;
}

.form-group-with-addon .input-group-addon {
    width: 45px;
    float: left;
}

.input-group.form-group-with-addon.form-group-with-addon-days .input-group-addon {
    width: 60px;
}

.form-group.form-group-with-addon.form-group-with-addon-guests .addon-after {
    width: 110px;
}

.form-group-with-addon .input-group-addon.addon-after {
    float: right;
}

.form-group-with-addon input {
    width: calc(100% - 45px) !important;
}

.form-group-with-addon.form-group-with-addon-days input {
    width: calc(100% - 60px) !important;
}

.form-group-with-addon.form-group-with-addon-guests input {
    width: calc(100% - 10px);
}

.form-group-with-addon .input-group-addon {
    background: #1d233b;
    color: #fff;
    border-color: #1d233b;
}

    .form-group-with-addon .input-group-addon.addon-before {
        border-radius: 4px 0px 0px 4px !important;
    }


    .form-group-with-addon .input-group-addon.addon-after {
        border-radius: 0px 4px 4px 0px;
    }

/* end css 15-05-2024 */
.print-hidden {
    display: none !important;
}

/* start code SB 17-06-2024*/
#booking_detail_top_buttons .btn {
    float: right !important;
}

#booking_detail_top_buttons i {
    padding-right: 8px;
}

.booking_details {
    border-right: 1px solid #ccc;
}

    .booking_details h6 {
        font-weight: bold;
        padding-bottom: 5px;
    }

        .booking_details h6 span {
            float: right;
            font-weight: normal;
        }

.amount-outstanding {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    text-align: center;
}

    .amount-outstanding i {
        padding-right: 10px;
    }

    .amount-outstanding a {
        text-align: center;
        margin: 0px auto;
    }

.hotel_heading {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

    .hotel_heading span {
        font-size: 50%;
        font-weight: normal;
    }

.booking_notss {
    padding-top: 15px;
}

    .booking_notss .col-lg-8 {
        border-right: 1px solid #ccc;
    }

    .booking_notss .col-lg-4 {
        padding-top: 10px;
    }

.sub_heading {
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 10px;
}

.guest-limit-settings {
    padding-bottom: 10px;
}

    .guest-limit-settings .form-check-inline label {
        padding-left: 8px;
        padding-top: 2px;
    }

.popup_subheading {
    padding-bottom: 5px;
    padding-top: 8px;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 10px;
}

.add-box button {
    width: 30px;
    line-height: 37px;
    font-weight: bold;
    padding: 0px;
    border: 0px;
    float: left;
}

    .add-box button:hover {
        color: #fff;
        background: #1d233b;
    }

.add-box input.form-control {
    float: left;
    width: calc(100% - 50px);
}

.popup-child-age-add {
    font-size: 14px;
    color: #2c3e50
}

input.guest-value, input.form-control.guest-value:focus {
    display: inline;
    width: auto;
    padding: 0px 0px 0px 5px;
    border: none !important;
    font-size: 16px;
    background: #1d233b;
    font-weight: bold;
    color: #fff !important;
}

.guest-count {
    background: #1d233b;
    padding: 5px 15px;
    color: #fff;
}

#squid_settings .p-checkbox {
    float: left;
    margin-top: 5px;
}

    #squid_settings .p-checkbox input {
        float: left;
        margin-top: 5px;
    }

.form-check-input {
    margin-right: 10px;
}


.actions_newbox .list-actions {
    max-width: 350px;
}

#action_button2.actions_newbox .list-actions a {
    width: auto !important;
    text-align: center;
}

    #action_button2.actions_newbox .list-actions a i {
        float: none;
    }

    #action_button2.actions_newbox .list-actions a span {
        display: block;
        padding-top: 5px;
    }

#manage-Assets-listing .p-datatable-wrapper {
    min-height: 400px;
}

#action_button2.actions_newbox .list-actions {
    max-width: none;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-wrap: wrap;
    width: 100%;
}



.actions_newbox .list-actions a {
    float: left;
    /* width: 100%;*/
    width: 48%;
    text-align: left;
}

    .actions_newbox .list-actions a i {
        float: left;
        margin: 0px 5px;
    }

.actions_newbox .actions-onclick:nth-child(even) {
    background: none;
}

.action-list-box {
    border-radius: 5px;
}



td.p-frozen-column {
    z-index: 9;
}

.action_icon_Demo .list-actions {
    padding-right: 0px !important;
}

.actions.actions_newbox .close, .actions .close {
    /*background: #fe9365 !important;*/
    background: #c0392b;
    opacity: 1;
    border-radius: 5px !important;
    right: 0px;
    top: 4px;
}


.actions_newbox .list-actions {
    padding-right: 0px;
    padding-left: 0px;
}

.actions-onclick {
    padding: 12px 5px;
}

td.p-frozen-column.openAction {
    z-index: 11;
}

.list-actions a:hover {
    color: #fe9365 !important;
}

#search_popup {
    margin: 0px;
    background: #dee2e6;
    border-radius: 5px 5px 0px 0px;
    padding-top: 16px;
}

.form-group.group--form.col-sm-12.mt-4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(204 204 204 / 35%);
    padding-bottom: 15px;
}

.form-group.group--form h4.form-items-title {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

button.btn.btn-gradient.color-4.btn__1 {
    margin-top: 24px;
}

button.btn.ms-2.px-4.btn-danger.btn__1 {
    margin-top: 24px;
}

.btn.btn-primary.btn__2 {
    margin-top: 24px;
}

.project-widgets .card-footer {
    border-top: 1px solid #fff;
}

.booking-calendar .fc.fc-theme-standard .fc-view-harness th {
    padding-top: 5px;
}

.event-content i {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 16px;
}

.event-content {
    position: relative;
    padding: 5px;
}

    .event-content p {
        margin: 0;
    }

.project-widgets {
    background: #e3fef5;
}

span.sd-time {
    font-size: 25px;
    display: block;
    font-weight: 600;
}

.requested-content .icon-text {
    margin-top: 15px;
}

    .requested-content .icon-text span {
        font-size: 20px;
        font-weight: 600;
    }

    .requested-content .icon-text i {
        font-size: 20px;
        margin-right: 10px;
        color: #358a6b;
    }

.service-schedule {
    position: relative;
}

    .service-schedule::after {
        position: absolute;
        content: "";
        margin: auto;
        background: #43c797;
        width: 1px;
        height: 60px;
        top: 10px;
        left: 0;
        right: 0;
    }

ul.tabs-cc {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.tabs-cc li {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    border-right: 1px solid #ccc;
    width: 100%;
    padding: 10px;
    cursor: pointer;
}

    .tabs-cc li.active-tab {
        background: #f1f1f1;
    }

    .tabs-cc li i {
        width: 100%;
        padding: 10px;
        text-align: center;
        font-size: 20px;
    }

    .tabs-cc li span {
        margin: auto;
        font-size: 16px;
    }

.form-check.servi-sche {
    padding-left: 1.5em !important;
}




.cardCustom .input-group input.form-control {
    width: auto !important;
    border: none !important;
    box-shadow: none !important;
}

.cardCustom .input-group span.input-group-text {
    background: none;
    border: none;
    color: #000;
    box-shadow: none;
    font-weight: bold;
    font-size: 19px;
}

button.btn.btn-default.btncustom {
    background: #f2f2f2;
    color: #0ac282;
}

.card.cardCustom {
    box-shadow: none;
    margin-bottom: 12px;
}


.cleaning-schedule {
}

    .cleaning-schedule .project-widgets {
        background: none;
    }

    .cleaning-schedule.small-widgets .project-widgets .media .media-body h4 {
        font-size: 16px;
    }

    .cleaning-schedule.small-widgets .project-widgets .status-history {
        font-size: 16px;
    }


.schedule-calendar .fc-h-event {
    background-color: #1d233b;
    border: 1px solid #1a1f35;
}

    .schedule-calendar .fc-h-event * {
        white-space: normal;
        font-size: 12px;
    }

    .schedule-calendar .fc-h-event .icons {
        background: #343d64;
        padding: 5px;
        border-radius: 7px;
    }

        .schedule-calendar .fc-h-event .icons .icon-container {
            background: #343d64;
            padding: 5px;
            border-radius: 7px;
            display: inline-flex;
            align-items: center;
        }

.p-calendar.p-component.p-inputwrapper.form-control.closureInput .p-inputtext.p-component {
    padding-left: .75rem !important;
}

/*    .min-height-table .p-datatable-wrapper {
    min-height: 25rem;
}*/

.mbsc-timeline-header-date-text {
    font-size: .800rem !important;
}

.modal-body .bg-div {
    background: #f5f7fb;
    border-radius: 10px;
    padding: 0px 15px 15px 15px;
}

    .modal-body .bg-div .col-md-6.input-col-box {
        padding-bottom: 0px;
    }

    .modal-body .bg-div .col-md-12.input-col-box {
        padding-top: 8px;
    }

    .modal-body .bg-div .col-md-6.input-col-box .p-calendar.p-component.p-inputwrapper.form-control .p-inputtext.p-component {
        width: 100%;
        margin-left: 0px !important;
    }

#dash-input .p-dropdown.p-component.p-inputwrapper {
    width: 100% !important;
}

#ClosureStart.p-calendar.p-component.p-inputwrapper.form-control .p-inputtext.p-component {
    width: 100%;
    margin: 0px;
}

.form-check .form-check-input {
    float: left;
    margin-left: 0 !important;
}


.modal-lg,
.modal-xl {
    max-width: 925px !important;
}

#resume_booking_checkbox input {
    margin-top: 2px !important;
}

#resume_booking_checkbox span, #resume_booking_checkbox input {
    float: left;
}

.icon-container {
    white-space: nowrap;
}

.btn-red {
    color: #c0392b;
}

    .btn-red:hover {
        color: #bd3545;
    }

.footer_next_previousButton {
    width: 100%;
}

    .footer_next_previousButton .btn-primary {
        float: right;
    }

.inputappendbx .input-group-text {
    width: 1rem;
}

    .inputappendbx .input-group-text a.btn {
        line-height: 26px;
        border-radius: 0px 3px 3px 0px !important;
        margin-top: 1px !important;
    }

.p-multiselect-label-container {
}

.manage-experience-filters .p-multiselect {
    width: calc(100% - 2.357rem);
    max-width: calc(100% - 2.357rem);
}

.bookingID-header {
    font-weight: bold;
    font-size: 20px;
}

    .bookingID-header span, .bookingID-header span a {
        font-weight: bold;
        font-size: 20px;
    }

#booking_detail_top_buttons {
    padding-right: 0px;
}

    #booking_detail_top_buttons .btn {
        margin-right: 0px !important;
    }

#bookingID-header-heading {
    padding-left: 0px;
}

.amount-outstanding {
    background: #f1f1f1;
    border-color: #f1f1f1;
    padding: 25px !important;
    font-size: 1.2rem;
    height: 100%;
    display: flex;
    padding: 0px;
    justify-content: center;
    align-items: center;
}

    .amount-outstanding.status-expired {
        background: #c0392b;
        color: #fff;
        border-color: #c0392b;
    }

    .amount-outstanding.status-confirmed {
        background: #16a085;
        color: #fff;
        border-color: #16a085;
    }

    .amount-outstanding.status-closed {
        background: #6c757d;
        color: #fff;
        border-color: #6c757d;
    }

.custom-header-content {
    font-size: 18px !important;
}

.event-HouseKeeping-date-time {
    font-size: 110% !important;
}

.mbsc-timeline .mbsc-schedule-event-inner {
    background: #f3f2ff !important;
}

.widget-icon h1 {
    font-size: 48px !important;
}

#amount-outstanding.amount-outstanding span {
    font-weight: bold;
    font-weight: bold;
    display: block;
    width: 100%;
    font-size: 2.2rem;
}

.mbsc-windows.mbsc-schedule-event {
    width: auto
}

.cust-hand-cursor .widget-icon.widget-icon-bg {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
}

    .cust-hand-cursor .widget-icon.widget-icon-bg i {
        font-size: 17px;
    }

.cleaning-schedule.small-widgets .project-widgets .media .media-body h4 {
    font-size: 20px;
    line-height: 35px;
}

.label.label-light {
    white-space: nowrap;
}

.project-widgets .status-history, .project-widgets .status-history a {
    font-size: 12px;
}

.custom_tabs {
    border-bottom: 1px solid #1d233b;
    width: 100%;
    display: flex;
    margin-bottom: 15px;
}

    .custom_tabs a {
        color: #1d233b;
        border-radius: 5px 5px 0px 0px;
        background-color: #e9e9e9;
        margin-right: 10px;
    }

        .custom_tabs a.active {
            background-color: #1d233b;
            color: #fff;
        }

        .custom_tabs a:hover {
            background-color: #d5d5d5;
            color: #1d233b;
        }

#nav-calendar {
}

    #nav-calendar th {
        line-height: 40px;
    }

.listing-option .btn {
    line-height: normal !important;
}

.with-icon .dynamicvalidation {
    display: none !important;
}

.paddingMargin-bottom0 {
    padding-bottom: 0px !important;
    margin-bottom: 0px;
}

.event-content.eventnm .icons.listing-icon {
    width: auto !important;
    padding-bottom: 10px;
    margin-top: -5px;
    gap: 0px !important;
}

    .event-content.eventnm .icons.listing-icon .btn {
        padding: 5px 10px !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
        border: 0px solid red !important;
    }

.schedule-calendar .fc-h-event .icons.listing-icon {
    padding-bottom: 5px !important;
}

.margin-top2 {
    float: left;
    margin-top: 4px !important;
}

input[type="radio"].form-check-input {
    margin-right: 0px !important;
}

    input[type="radio"].form-check-input.margin-top2 {
        margin-right: 0.25rem !important;
    }

.modal-container .modal-dialog .modal-header.justify-content-center {
    justify-content: left !important;
    border-bottom: 1px solid #dee2e6 !important;
    padding: 10px 15px !important;
}

.modal-container .modal-body.text-center {
    text-align: left !important;
}

.modal-container .modal-dialog .modal-footer.justify-content-center.border-0 {
    border-top: 1px solid #dee2e6 !important;
    padding: 10px 15px !important;
    justify-content: space-between !important;
}

.small-modal .modal-dialog .modal-header h5 {
    border-bottom: none;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.5;
    padding-bottom: 0px;
}



.modal-container .modal-dialog .modal-footer.justify-content-center.border-0 .btn {
    margin-left: 0px;
}

.page-header {
    padding-bottom: 0.5rem !important;
}

.admin-form .form-control {
    padding: 1.3em .75rem;
}


.p-dropdown.p-component.p-inputwrapper {
    border: 1px solid #ccc !important;
}

.modal-dialog .p-dropdown {
    padding-left: 10px;
    padding-right: 10px;
}
/* code for Schedule Cleaning popup*/
.modal-container .p-dropdown.p-dropdown-clearable .p-dropdown-label {
    /*padding-top: 5px;*/
}
/* code for Schedule Cleaning popup*/
#with_export_bottom {
    position: relative;
}

#bottom_export_button {
    position: absolute;
    right: 0px;
    margin-top: -30px;
}

.popup-addButton {
    float: left;
    width: 100%;
    padding: 8px 0px;
}

    .popup-addButton .btn.btn-info {
        float: right;
        margin-right: 0px !important;
    }

#popup_folderList {
    float: left;
    width: 100%;
    padding: 0px;
}

.inline-checkbox {
    float: left !important;
    width: auto !important;
    padding-right: 20px;
}

.p-checkbox.p-highlight .p-checkbox-box {
    background-color: #1d233b;
    border-color: #1d233b;
}

.p-checkbox .p-checkbox-box .p-checkbox-icon {
    width: 10px;
    height: 10px;
    stroke-width: 3;
    stroke: #fff;
}

.p-checkbox {
    float: left;
}

td .p-checkbox {
    float: none;
}

.list-actions a {
    color: #fff;
}

.actions .close {
    opacity: 1;
    height: 37px;
    margin-top: -2px;
    width: 37px;
    font-size: 20px;
    display: flex;
    align-items: end;
    justify-content: center;
    border-radius: 100%;
    padding: 0px !important;
    position: absolute;
    top: 9px;
    right: 8px;
}

.slider.yes span {
    display: block !important;
    font-weight: bold;
    left: 0px;
    position: absolute;
    top: 7px;
    left: 15px;
}

.slider.no span {
    display: block !important;
    font-weight: bold;
    left: 0px;
    position: absolute;
    top: 7px;
    right: 15px;
    color: #000;
    text-align: right;
}

.text-dark.add-child i {
    float: left;
    margin-right: 10px;
}

@media (max-width: 1490px) {
    .listing-option .btn {
        padding: 8px 10px 7px 10px;
        /*            height: auto;*/
    }
}

.dash-card-footer {
    display: flex;
    justify-content: space-between;
}

#housekeeping-widget {
    align-items: flex-start;
    display: flex;
    margin-bottom: 0px;
}

    #housekeeping-widget .card {
        height: 100%;
    }

    #housekeeping-widget .project-widgets {
    }

@media (max-width: 1600px) {
    .project-widgets .media .media-body {
        margin-right: 0px;
    }

    .media-body {
    }

    .card-footer .status-history {
        white-space: nowrap;
    }
}

@media (max-width: 1440px) {
    .project-widgets .card-body {
        padding: 10px;
    }

    .project-widgets .dash-card-footer.px-4 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 1450px) {
    .project-widgets .card-body h3 {
        font-size: 1.3rem;
    }
}

@media (max-width: 1366px) {
    .project-widgets .card-body h3 {
        font-size: 1.4rem;
    }

    .project-widgets .media .widget-icon {
        width: 40px;
        height: 40px;
    }

        .project-widgets .media .widget-icon i {
            font-size: 24px;
        }

    .project-widgets .media .media-body h4, .project-widgets .media .media-body .h4, .Editdashboard_topBar a {
        font-size: 25px;
    }

    #cart-pickupBox .card-header, #cart-ReturnspBox .card-header {
        display: block !important;
    }
}

@media (max-width: 1152px) {
    #housekeeping-widget .project-widgets.mb-4 {
        margin-bottom: 0px !important;
    }
}

.row.booking_notss .col-sm-8.col-lg-8 {
    background: #e7e7e7;
}
/*.p-datatable-thead {z-index:16;}*/
.page-wrapper .page-main-header {
    z-index: 10;
}

.page-body-wrapper .page-sidebar {
    /*z-index: 11;*/
    z-index: 9999999;
}

.page-wrapper .page-main-header .header-menu > li#mobile-theme-change {
    margin-left: 15px;
}

@media (max-width: 1366px) {
    .edit-dashboard .checkbox-item label {
        min-width: auto;
        max-width: 100%;
        white-space: normal;
        height: 100%;
    }

    .edit-dashboard .checkbox-section .checkbox-item {
        height: 100%;
    }
}

@media (max-width: 1280px) {
    .p-datatable-scrollable .p-datatable-wrapper {
        min-width: 100% !important;
    }

    .p-datatable .p-datatable-thead > tr > th.p-frozen-colum {
        display: none !important;
    }

    #view-Inquiry-buttons .btn {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}


@media (max-width: 990px) {
    .project-widgets .media .media-body h4, .project-widgets .media .media-body .h4 {
        font-size: 40px;
    }

    .project-widgets .media .widget-icon {
        width: 50px;
        height: 50px;
    }

    .card-header.admin-form.edit-dashboard .form-group.col-md-3.col-sm-6 {
        width: 50%;
    }

    .filter-panel .listing-option .col-lg-6, .filter-panel .listing-option .col-lg-7 {
        width: 100%;
        padding-bottom: 15px;
    }

    .filter-panel .listing-option .col-lg-6, .filter-panel .listing-option .form-group.col-sm-6.col-md-7.col-lg-7.mb-0.mt-2.mt-lg-0 {
        width: auto;
    }

    .filter-panel .listing-option .btn#downloadReportButton {
        margin-left: 0px !important;
    }

    .p-datatable-wrapper {
        min-width: 100% !important;
    }

    .btn {
        padding-left: 1rem !important;
        padding-right: 1.0rem !important;
    }
    /*.p-dropdown-panel.p-component.p-ripple-disabled { border:1px solid red; min-width:150px !important;}*/
    .input-group small {
        width: 100%;
    }

    #admin-cart-booking-detail #bookingID-header-heading, #admin-cart-booking-detail #booking_detail_top_buttons, #booking-list-table-search.col-lg-6 {
        width: 100%;
    }

    #admin-cart-booking-detail #booking_detail_top_buttons {
        padding: 8px 0px 5px 0px;
    }

        #admin-cart-booking-detail #booking_detail_top_buttons .btn {
            float: left !important;
            margin: 0px !important;
        }

        #admin-cart-booking-detail #booking_detail_top_buttons div.btn {
            float: left !important;
            margin: 0px !important;
            padding: 0px !important;
        }

    #admin-cart-booking-detail .booking_details, #admin-cart-booking-detail .amount-outstanding-box {
        width: 50%;
    }

    #admin-cart-booking-detail .amount-outstanding-box {
        padding: 0px;
        width: 100%;
    }

    .amount-outstanding {
        font-size: 1.4rem;
    }

    #amount-outstanding.amount-outstanding span {
        width: auto;
        font-size: 1.4rem;
        display: inline-block;
        padding-left: 5px;
    }

    .row.booking_notss .col-sm-8.col-lg-8 {
        width: 45%;
    }

    .row.booking_notss .col-sm-4.col-lg-4 {
        width: 55%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #booking-list-table-search-box {
        width: 50%;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    #booking-list-table-search-button {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    #booking-list-table-buttons {
        padding-left: 0px;
    }

        #booking-list-table-buttons div.btn {
            padding-left: 0px !important;
            padding-right: 0px !important;
            margin-left: 0px !important;
        }

    .actions {
        width: 35px;
        height: 35px;
        line-height: 37px;
    }

    .bookprpty.proImg {
        height: auto;
        padding-bottom: 10px;
    }

    .modal-content {
        max-width: 90%;
    }

    #doc-file-upload-box {
        display: block;
    }

        #doc-file-upload-box .form-group.col-md-4.col-sm-6 {
            width: 60%;
            display: block;
            float: left;
        }

    .mobile-theme-change {
        display: none;
    }

    /* .listing-option .btn {
        height: 38px;
    }*/
    #booking-details-box h6.form-heading span {
        width: 100%;
        padding-bottom: 10px;
    }

    #cart-pickupBox .card-header, #cart-ReturnspBox .card-header {
        display: flex !important;
    }
}

@media (max-width: 990px) {
    .page-wrapper .page-main-header .header-menu > li {
        padding: 0px 5px;
    }

        .page-wrapper .page-main-header .header-menu > li#mobile-theme-change {
            display: none;
        }

    #dynamic-menu-options .col-sm-2, #dynamic-menu-options .col-sm-6 {
        width: 25%;
    }

    #blog-cat-options .add_blog_category, #blog-cat-options .col-lg-8, #blog-cat-options .col-lg-9 {
        width: 100%;
    }

    #blog-cat-options .add_blog_category {
        padding-top: 15px;
        padding-left: 0px;
    }

        #blog-cat-options .add_blog_category a {
            margin-left: 0px !important;
        }

    #blog-cat-options .mt-2 {
        margin-top: 0px !important;
    }

    #blog-cat-options .col-sm-2 {
        width: 40%;
    }

    #contact-options .col-lg-9 {
        width: 85%;
    }

    #contact-options .col-sm-4 {
        width: 34%;
    }

        #contact-options .col-sm-4.pe-0 {
            width: 32%;
        }

    #download-Excel-w100-buttons .mx-1.btn.btn-primar.text-white.p-0 {
        padding: 6px 0px 0px 0px !important;
        margin: 0px !important;
    }

    /*        #download-Excel-w100-buttons .btn.btn-gradient.color-4.mx-1 {
        margin-top: 15px !important;
    }*/

    #popup-table table {
        width: 100%;
        min-width: 100% !important;
    }

        #popup-table table td {
            width: auto;
            min-width: 100% !important;
        }

    .mobile-auto-width {
        width: auto !important;
    }

    #addCancellationPolicies a {
        margin-left: 0px !important;
    }
}

.vue-dynamic-select .search {
    border: none !important;
}

.vue-dynamic-select .result-list {
    z-index: 17;
}

.p-component, .p-component * {
    word-break: break-word
}

.p-paginator .p-dropdown {
    line-height: 24px;
}

    .p-paginator .p-dropdown .p-inputtext {
        padding-right: .5rem;
    }

.add-box button.btn.add-less-btn {
    width: 45px;
    border: none !important;
    color: #fff;
    background: var(--theme-gradient8) !important;
    border: none !important;
}

.booking-calendar .btn.btn-success.btn-dummy {
    padding: 9px !important;
    margin-right: 10px !important;
}

.fc .fc-more-popover .fc-popover-body {
    max-height: 300px !important;
    overflow: auto;
}

    .fc .fc-more-popover .fc-popover-body .fc-daygrid-event-harness {
        margin-bottom: 3px;
    }

        .fc .fc-more-popover .fc-popover-body .fc-daygrid-event-harness .makeithalf {
            margin: 0px;
        }

#add-ticket-form div.col-lg-4:last-child {
    width: 100%;
}

.popup-cart-image {
    text-align: center;
}

    .popup-cart-image img {
        max-width: 100%;
    }

    .popup-cart-image div {
        padding-bottom: 15px;
    }

#chekIn .p-tabview-nav-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

    #chekIn .p-tabview-nav-content li {
        background-color: #d5d5d5;
        color: #1d233b;
        border-radius: 5px 5px 0px 0px;
        margin-right: 10px;
        font-weight: normal;
    }

        #chekIn .p-tabview-nav-content li a {
            font-weight: normal;
            color: #1d233b;
            font-size: 14px;
            padding: 0.5rem 1rem;
        }

        #chekIn .p-tabview-nav-content li.p-highlight {
            background-color: #1d233b;
            color: #fff;
            border: none !important;
        }

            #chekIn .p-tabview-nav-content li.p-highlight a {
                color: #fff;
                font-size: 14px;
            }

        #chekIn .p-tabview-nav-content li:last-child:empty {
            display: none;
        }

.cam-image {
    position: relative;
}

#image-cam-box {
    top: 0px;
    left: 0px;
}

    #image-cam-box video {
        max-width: 100%;
        top: 0px;
        top: 0px;
    }

#cart-Damage-Report-heading {
    padding-left: 15px;
    padding-right: 15px;
}

/*.mbsc-windows.mbsc-schedule-event {width:auto !important;}*/
.check-out {
    max-width: 500px;
    padding-bottom: 10px;
}

.check-browser {
    max-width: 525px
}

#chekin_detail_image {
    max-width: 100%;
    border-radius: 10px;
}

#temp-image-left {
    float: left;
}

#left-dash_links ul li .step_name {
    white-space: nowrap !important;
}

#multi-file-display {
    padding-top: 10px;
}

    #multi-file-display .multi-assetup.profile_upload_thumb {
        width: 80px;
        height: 80px;
        float: left;
        position: relative;
        border: 1px solid #eee;
    }

        #multi-file-display .multi-assetup.profile_upload_thumb .asset-upload_image_thnumb {
            max-width: 100%;
            max-height: 100%;
            height: 80px;
        }

        #multi-file-display .multi-assetup.profile_upload_thumb span {
            position: absolute;
            left: 0px;
            bottom: 0;
        }

            #multi-file-display .multi-assetup.profile_upload_thumb span svg {
                width: 21px;
            }

.input-group.mt-stat {
    margin-top: 26px;
}

    .input-group.mt-stat .btn {
        padding: 7px 13px;
        font-size: 13px;
    }

.custom-file.profile-pwt.custwidth {
    width: 100%;
    max-width: 500px; /* Optionally, set a maximum width to control the size */
    padding: 10px;
}


.payment-table .p-paginator-pages .p-paginator-page {
    text-align: center;
}

.payment-table .p-dropdown.p-inputwrapper {
    /* height: 36px;*/
    height: 38px;
    border: 1px solid #ebebeb !important;
    border-radius: 0;
}

    .payment-table .p-dropdown.p-inputwrapper .p-inputtext {
        padding: 5px 8px !important;
    }


@media (max-width:1366px) {
    .input-group.mt-stat .btn {
        padding: 8px 7px;
        font-size: 12px;
    }


    .ms-09 {
        margin-left: 90.25rem !important
    }
}

#signup-phone {
    position: relative;
}

    #signup-phone .p-dropdown {
        float: left;
        width: auto;
        min-width: 165px;
        margin-right: 10px;
        position: relative;
    }

    #signup-phone .p-dropdown-label.p-inputtext {
        padding-right: 30px;
    }

    #signup-phone .invalid-feedback {
        position: absolute;
        left: 13px;
        top: 60px;
    }

.card-body.admin-form.addcompfrm .input-group .form-control {
    width: auto !important;
}

.admin-form #signup-phone .p-dropdown-label.p-inputtext {
    padding-right: 14px;
    border: none;
    padding-top: 0px;
    padding-bottom: 4px;
    display: block;
    font-size: 14px;
}

#signup-phone input.form-control.mb-1 {
    float: left;
    width: auto;
}
/*.invalid-feedback:last-child {
left: 199px !important;
}

.is-invalid.p-dropdown {
border-color: var(--bs-form-invalid-border-color) !important;
}*/

.p-datatable .p-datatable-thead > tr > td.textcenterbock, .p-datatable .p-datatable-thead > tr > th.textcenterbock {
    text-align: center !important
}

    .p-datatable .p-datatable-thead > tr > td.textcenterbock.justify-content-center {
        justify-content: center !important;
    }

    .p-datatable .p-datatable-thead > tr > th.textcenterbock .p-column-header-content {
        justify-content: center !important;
        display: block;
        width: 100%;
    }

.p-datatable .p-datatable-tbody > tr > td.textcenterbock, .p-datatable .p-datatable-thead > tr > th.textcenterbock {
    text-align: center !important
}

    .p-datatable .p-datatable-tbody > tr > td.textcenterbock.justify-content-center {
        justify-content: center !important;
    }

.p-datatable .p-datatable-tbody > tr > th.textcenterbock .p-column-header-content {
    justify-content: center !important;
    display: block;
    width: 100%;
}


#signup-phone .phonedflex {
    display: flex;
    clear: both;
}

    #signup-phone .phonedflex .flexcol {
        position: relative;
    }

        #signup-phone .phonedflex .flexcol .invalid-feedback {
            top: 38px;
            left: 0;
        }

#customer-information-phone-countryCode {
    width: 65%;
    max-width: 65%;
    padding-right: 10px;
    box-sizing: border-box;
}

.customblocklink {
    position: relative;
}

    .customblocklink a.customlink {
        position: absolute;
        right: 0;
        top: 0;
        text-decoration: underline !important;
    }

#signup-phone #customer-information-phone-countryCode .p-dropdown {
    width: 100%;
    max-width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
}

#customer-information-phone-number {
    max-width: 35%;
}

    #customer-information-phone-number input {
        max-width: 100%;
    }

.p-datatable-wrapper .p-datatable-table {
    min-width: 100% !important;
    border-collapse: separate;
    border-spacing: inherit;
}

.cap-tured .catured-refresh {
    bottom: 0px;
    left: 175px;
}

.cap-tured video {
    width: 71%;
    max-height: 355px;
    border-radius: 12px
}

.video-cap {
    display: flex;
    justify-content: flex-start;
}

@media (max-width:1100px) {
    .cap-tured .catured-refresh {
        left: 156px;
    }
}

@media (max-width:1152px) {
    .dash-boookingId {
        order: 1;
        width: 100%;
        padding-bottom: 10px;
    }

        .dash-boookingId .booking-id {
            padding-left: 8px;
        }

        .dash-boookingId br {
            display: none;
        }

    .dash-boookingTime {
        order: 2;
    }

    .dash-boookingAvatar {
        order: 3;
        width: 75%;
    }

    .booking-d-slide {
        position: absolute;
        right: -5px;
        height: 100%;
        top: 0px;
        display: flex;
    }

        .booking-d-slide .d-flex {
            padding: 0px 7px;
            justify-content: center;
            align-items: center;
        }

    .booking-number br {
        display: none;
    }

    .report-filter {
        display: flex;
    }

    .card-header .btn {
        padding: 5px;
    }
}

.cart-tile.border-top {
    position: relative;
}


.check-out i {
    rotate: 180deg;
}

.page-body-wrapper .page-sidebar.close_icon {
    margin-left: -280px;
}

.btn-danger:hover {
    background: #cf4353 !important;
    border-color: #cf4353 !important;
}

#booking_detail_top_buttons div.btn {
    padding-bottom: 5px !important;
}

#booking_detail_top_buttons .btn.btn-danger {
    margin-left: 8px;
}

#booking_detail_top_buttons div.btn {
    min-height: 47px;
}

#holiday_radio div.col-sm-10 label input {
    margin-right: 10px !important;
}

.payment-table #languageList .p-dropdown.p-inputwrapper {
    height: auto !important;
}

#manage-earning-reports-filter .p-button.p-button-icon-only {
    padding: 0.6rem 0;
}

.form-check-input[type=checkbox] {
    margin-right: 0px;
}

input[type="radio"].form-check-input {
    margin-right: 0.25rem !important;
}

.mapinput {
    padding-left: 10px;
}

.payment-table #manage-Experience-host .p-dropdown.p-inputwrapper .p-inputtext {
    padding: 0px !important;
}

@media (max-width: 1700px) {
    #bookingID-header-heading {
        width: 100%;
        padding-left: 10px;
    }
}

@media (max-width: 1536px) {
    .report-filter span.p-calendar.p-component.p-inputwrapper.p-calendar-w-btn.p-inputwrapper-filled {
        max-width: 220px;
    }

    .card-header .btn {
        padding: 8px 16px 7px;
    }
}


@media (max-width: 1400px) {
    #booking_detail_top_buttons .btn {
        padding: 8px 30px 7px;
    }
}

@media (max-width: 1400px) {
    .bookingID-header {
        font-size: 18px;
    }
}

@media (max-width: 1280px) {
    #booking_detail_top_buttons .btn {
        padding: 8px 22px 7px;
    }
}

@media (max-width: 1152px) {
    #booking_detail_top_buttons .btn {
        padding: 8px 10px 7px;
    }
}

@media (max-width: 1024px) {
    #booking_detail_top_buttons {
        display: block !important;
    }

        #booking_detail_top_buttons a.btn, #booking_detail_top_buttons button.btn {
            padding-left: 15px !important;
            padding-right: 15px !important;
            height: 42px;
            line-height: 23px !important;
        }

        #booking_detail_top_buttons .btn {
            float: left !important;
        }



    #custom-Manage-Pricing-Preferences .col-sm-12.col-md-6.col-lg-4 {
        width: 50%;
    }

    #custom-Manage-Pricing-Preferences .col-sm-12.col-md-6 {
        width: 100%;
    }

    #custom-Manage-Pricing-Preferences #apply-Season-By.col-sm-12.col-md-6 {
        width: 100%;
    }
}



@media (max-width: 768px) {
    #admin-cart-booking-detail #booking_detail_top_buttons a.btn.btn-danger {
        margin-right: 5px !important;
    }
}

@media (max-width: 767px) {
    #action_checkin, #action_checkout {
        min-width: 60px;
    }

    #custom-Manage-Pricing-Preferences .form-check.form-check-inline {
        padding-left: 0px !important;
    }

    #addCancellationPolicies.justify-content-end {
        justify-content: flex-start !important;
    }
}

@media screen and (max-width: 990px) and (min-width: 521px) {

    #top_search_inner #booking-list-table-search-box.col-md-4 {
        width: 50%;
    }

    #top_search_inner .col-md-4 {
        width: 24.5%;
    }

    #booking-list-table-buttons {
        padding-left: 5px;
    }

        #booking-list-table-buttons div.btn {
            margin-top: 0px !important;
            height: auto !important
        }
}


@media (max-width: 520px) {
    #booking-list-table-search-button {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    #top_search_inner {
        display: block !important;
    }

    .user-profile .media-body {
        display: none;
    }

    #top_search_inner #booking-list-table-search-box {
        width: 100%;
    }

    #inner_search_button {
        ;
        display: flex;
        flex-wrap: wrap;
    }

        #inner_search_button #booking-list-table-search-button {
            width: 100% !important;
        }

    .filter-panel .listing-option .col-lg-6, .filter-panel .listing-option .col-lg-7 {
        width: 100%;
        padding-bottom: 0px;
    }

    .listing-option #booking-list-table-search .btn {
        height: auto !important;
        border: none !important;
        margin: 0px;
    }

    #booking-list-table-buttons .btn-primar {
        margin-top: 0px !important;
    }

    .booking_details {
        border-right: none;
    }

    #admin-cart-booking-detail .booking_details, #admin-cart-booking-detail .amount-outstanding-box {
        width: 100%;
    }

    #booking_contact_details {
        border-top: 1px solid #ccc;
        padding-top: 15px;
    }

    #cart-pickupBox .card-header, #cart-ReturnspBox .card-header {
        display: block !important;
    }
}

.modal-footer button, .modal-footer .btn {
    padding: 7px 10px !important;
    margin-left: 10px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 21px;
}

.payment-table.payment-list-table .p-datatable-table tr th, .payment-table.payment-list-table .p-datatable-table tr td {
    min-width: 1px !important;
}

.payment-list-table td th {
    white-space: nowrap !important;
}

#manage-earning-reports-filter #downloadReportButton, #downloadReportButton {
    white-space: nowrap !important;
}

@media (max-width: 1280px) {
    #manage-earning-reports-filter .form-group, #manage-earning-reports-filter .align-items-end {
        padding-bottom: 10px;
        width: 33.33%;
    }
}

@media (max-width: 768px) {
    .filter-panel .listing-option {
        display: block;
        width: 100%;
        align-items: normal;
    }

        .filter-panel .listing-option .col-lg-6 {
            display: flex;
            width: 100%;
        }

        .filter-panel .listing-option .col-lg-5 {
            width: auto;
        }

        .filter-panel .listing-option .col-lg-6 .row {
            flex-wrap: nowrap;
            width: 78%;
        }

        .filter-panel .listing-option .col-lg-6, .filter-panel .listing-option .col-lg-7 {
            padding-top: 0px;
        }
}

@media (max-width: 767px) {
    #manage-earning-reports-filter .form-group, #manage-earning-reports-filter .align-items-end {
        padding-bottom: 10px;
        width: 50%;
    }

    #manage-earning-reports-filter button.btn.btn-gradient.color-4.btn__1, #manage-earning-reports-filter .btn.btn-primary.btn__2, #manage-earning-reports-filter button.btn.ms-2.px-4.btn-danger.btn__1 {
        margin-top: 0px;
    }

    .filter-panel .listing-option {
        display: block;
    }
}

@media (max-width: 520px) {
    .filter-panel .listing-option .col-lg-6 {
        display: block;
        width: 100%;
    }

        .filter-panel .listing-option .col-lg-6 .row {
            flex-wrap: wrap;
            width: 100%;
            padding-bottom: 10px;
            margin: 0;
        }

    .filter-panel .listing-option .col-lg-6, .filter-panel .listing-option .col-lg-7 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .filter-panel .listing-option .col-lg-5 {
        padding-left: 0px;
    }

    #manage-earning-reports-filter .form-group, #manage-earning-reports-filter .align-items-end {
        padding-bottom: 10px;
        width: 100%;
    }
}

.input-group-apend .input-group-text {
    height: 100% !important;
}

/*#excluded-days-input label {
    padding-right: 10px;
    padding-left: 10px;
}*/
input#fromNewCard, input#fromSavedCard, input#fromDeposit {
    float: left;
    width: auto !important;
    margin-top: 3px;
}

.checkoutPayment_box {
    float: left;
    width: auto;
}

    .checkoutPayment_box label {
        float: left;
        padding-left: 10px;
    }

.tape-chart-container th.fc-timeline-slot, .tape-chart-container td.fc-timeline-slot {
    min-width: 160px;
}

.icon-table-button {
    display: inline-block;
    margin-bottom: 5px;
}

.cam_uploadedImage {
    height: 150px;
    width: 150px;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
}

    .cam_uploadedImage a {
        position: absolute;
        top: 10px;
        right: 0px;
        padding: 5px 5px 0px 5px;
        font-size: 12px;
        border-radius: 5px;
    }

        .cam_uploadedImage a svg {
            width: 15px;
        }

/* new css for brikTok*/

.page-wrapper .page-main-header {
    background: #f5f7fb;
    box-shadow: none;
    border-bottom: 1px solid #d0d4da;
}

.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li {
    position: relative;
}

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li:before, .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li:first-child:before, .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li:last-child:before {
        width: 25px;
        height: 25px;
        top: 7.7px;
        left: 5px;
        display: block !important;
        position: absolute;
        content: "";
        background: #945e00;
        border-radius: 2px;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li ul.nav-submenu li:before, .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li ul.nav-submenu li:first-child:before, .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li ul.nav-submenu li:last-child:before {
        display: none !important;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li:first-child, .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li:last-child {
        position: relative;
    }



.page-body-wrapper .page-sidebar .main-sidebar .sidebar-link.only-link:before, .nav-submenu li:before {
    display: none !important;
}

/* Asset Manager (usertype21): hide decorative icon slot for grouping-only parents (e.g. Assets) */
.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li.sidebar-group-parent:before {
    display: none !important;
}

.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li.sidebar-group-parent > .sidebar-group-label {
    padding-left: 10px;
}

.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li > a.active i,
.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li > a:hover i {
    color: #fff !important;
}

.page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li > a.active svg, .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li > a:hover svg {
    color: #fff !important;
}

.card .card-header {
    /*background: #e3e8f2;*/
    background: #fff;
}



.p-datatable .p-datatable-thead > tr > th {
    /*background: #4f87b6 !important;*/
    background: #49506d !important;
    color: #fff !important;
}

.table-striped tbody tr:nth-of-type(2n+1), .p-datatable .p-datatable-tbody tr:nth-of-type(2n+1) {
    background-color: #f8f8f8 !important;
    border: 1px solid #f2f2f2 !important;
    box-shadow: none !important;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
    color: #fff !important;
}

.media-body.cust-hand-cursor {
}

#admin_login_box {
    background: url(/img/login.e812e35a.jpeg) top left no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #admin_login_box:after {
        position: absolute;
        top: 0px;
        left: 0px;
        content: "";
        background: rgba(18,35,65,.9);
        width: 100%;
        height: 100vh;
    }

#admin_login {
    width: 100%;
    max-width: 500px;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    z-index: 9
}

    #admin_login img {
        max-width: 200px;
        width: 100%;
    }

.login-logo {
    text-align: center;
    padding-top: 15px;
}

#admin_login_box .btn.btn-gradient.color-2 {
    border-radius: 50px;
    max-width: 50%;
    margin: 0px auto;
    font-size: 1.2rem;
    background: var(--theme-default7);
}

#admin_login_box .btn.btn-danger {
    border-radius: 50px;
    font-size: 1.2rem;
}


/* dummy html code for housekeeping dashboard*/


.top-bar {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    align-items: center;
    flex-wrap: wrap;
}

    .top-bar select,
    .top-bar .date-button {
        padding: 5px 10px;
        margin: 5px;
        font-size: 14px;
    }

.calendar-wrapper {
    overflow-x: auto;
}

.calendar {
    display: grid;
    grid-template-columns: 250px repeat(7, 1fr);
    min-width: 1200px;
    border-top: 1px solid #ccc;
}

.header {
    background: #f4f4f4;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.property-cell {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    background: #f9f9f9;
    border-left: 1px solid #ccc;
}

.status-strip {
    width: 5px;
    height: 100%;
    margin-right: 10px;
    border-radius: 2px;
}

.cell {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    min-height: 70px;
    position: relative;
}

.booking {
    background: white;
    border: 1px solid #ccc;
    border-left: 4px solid #3f9ce8;
    padding: 5px;
    margin-bottom: 4px;
    font-size: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
}

    .booking .name {
        font-weight: bold;
    }

    .booking .time {
        font-size: 11px;
        color: #555;
    }

    .booking .icon {
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 12px;
    }

.add-box {
    border: 2px dashed #3f9ce8;
    height: 100%;
    width: 100%;
    color: #3f9ce8;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

/* Status colors */
.clean {
    background-color: #c6f7e2;
}

.dirty {
    background-color: #ffe3c1;
}

.cleaning {
    background-color: #b4d4ff;
}

.closed {
    background-color: #cccccc;
}

.dirty-occupied {
    background-color: #f6a340;
}

.cleaning-scheduled {
    background-color: #00b894;
}

.legend {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    background: #f4f4f4;
    padding: 10px 0;
    font-size: 13px;
}

.legend-item {
    display: flex;
    align-items: center;
}

    .legend-item span {
        width: 16px;
        height: 16px;
        margin-right: 6px;
        border-radius: 2px;
        display: inline-block;
    }

#dummy-whit_box {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .calendar {
        grid-template-columns: 200px repeat(7, 1fr);
    }

    .top-bar {
        flex-direction: column;
        align-items: flex-start;
    }
}

.priceright {
    text-align: right;
    float: right;
    display: block;
    width: 100%;
}

.pricesright {
    text-align: right;
    width: 100%;
}

.priceright .p-column-header-content {
    justify-content: flex-end !important;
    text-align: right;
    float: right;
    display: block;
    width: 100%;
}

.pricesright .p-column-header-content {
    justify-content: flex-end !important;
    text-align: right;
    float: right;
    width: 100%;
}

/* dummy html code for housekeeping dashboard*/

.methodlist li label {
    margin-left: 4px;
}

ul.methodlist li {
    margin-right: 14px;
}
/*this is css for summernote Start*/
.note-codable {
    color: white !important;
}

.btn-outline-secondary {
    color: black !important;
}

    .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
        color: white !important;
    }

.note-editable li {
    display: list-item !important;
}

.note-modal.show {
    display: flex !important;
    flex-direction: column;
}

.note-modal .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z%27/%3e%3c/svg%3e") center / 1em auto no-repeat !important;
}

.note-modal .btn-primary {
    color: #fff !important;
}

.note-codable {
    background: white !important;
    color: black !important;
}
/*this is css for summernote end*/

.actions-onclick.view-list {
    /* background: #4f87b6;*/
    width: auto;
    padding: 7px 20px;
    border-radius: 5px;
    min-width: 38px;
    text-align: center;
}

    .actions-onclick.view-list:hover {
        background: #71a7d5;
        color: #fff !important;
    }

.manage-token_header h5 {
    font-weight: bold;
    font-size: 1.3rem;
}

    .manage-token_header h5 span {
        display: block;
        width: 100%;
        font-weight: normal;
        font-size: 70%;
    }

a {
    cursor: pointer;
}

.label.label-light.color-3 {
    background: var(--theme-gradient8);
}

    .label.label-light.color-3:hover {
        color: #fff !important;
        background: var(--theme-default7) !important;
    }

/* @media (max-width: 768px) {
    /* Hide table headers */
/*.p-datatable-table thead {
        display: none;
    }*/

/* Display rows as blocks */
/*.p-datatable-table tbody,
    .p-datatable-table tr,
    .p-datatable-table td {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .p-datatable .p-datatable-tbody > tr > td, .payment-table table tr td:nth-child(2), .payment-table table tr th:nth-child(2) {
        width: 100% !important;
        max-width: 100%;
        padding-left: 50% !important;
        position: relative;
    }

    .p-datatable .p-datatable-tbody tr td.mobile-tablecard-image, .p-datatable .p-datatable-tbody tr td.mobile-tablecard-button {
        padding: 0px !important;
    }

        .p-datatable .p-datatable-tbody tr td.mobile-tablecard-button a {
            padding: 20px;
        }

    .p-datatable-table td.mobile-tablecard-image img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    .p-datatable-table td.mobile-tablecard-image [data-label]::before {
        display: none !important;
    }*/
/* Style for each "row card" */
/*.p-datatable-table tr {
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 6px;
        background: #fff;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
        padding: 0.5rem;
    }*/

/* Style each cell */
/*.p-datatable-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 0.75rem;
        border: none !important;
        border-bottom: 1px solid #eee;
        text-align: left;
    }

        .p-datatable-table td:last-child {
            border-bottom: none;
        }*/

/* Add header text before each cell using data-label */
/*.p-datatable-table td [data-label]::before {
            content: attr(data-label) ": ";
            font-weight: 600;
            color: #333;
            text-align: left;
            position: absolute;
            left: 10px;
            font-weight: bold;
            text-align: left;
            width: 50%;
        }*/

/* For images — center them */
/*.p-datatable-table td img {
            max-width: 100px;
            border-radius: 4px;
        }

    .p-datatable .p-datatable-tbody > tr > td, .p-datatable .p-datatable-tbody > tr > td span {
        text-align: right;
        width: 100%;
    }

    .p-datatable .btn {
        float: right;
    }

    .actions-onclick {
        padding: 4px 5px;
        float: right;
    }

    .p-datatable .p-datatable-tbody > tr > td div {
        width: 100%;
        text-align: right;
    }

    #mobile_table {
    }

        #mobile_table .table-striped tbody tr, #mobile_table .p-datatable .p-datatable-tbody tr {
            background: #fff !important;
        }

            #mobile_table .table-striped tbody tr td, #mobile_table .p-datatable .p-datatable-tbody tr td {
                border: none !important;
                border-bottom: 1px solid #e1e1e1 !important;
            }

                #mobile_table .table-striped tbody tr td div, #mobile_table .p-datatable .p-datatable-tbody tr td div {
                    position: relative;
                }

                    #mobile_table .table-striped tbody tr td div:before, #mobile_table .p-datatable .p-datatable-tbody tr td div:before {
                        content: attr(data-title);
                        position: absolute;
                        left: -100%;
                        font-weight: bold;
                    }

    .p-paginator-left-content {
        width: 100%;
        text-align: center;
        display: block;
        padding-bottom: 5px;
    }

        .p-paginator-left-content .row {
            width: 100%;
            text-align: center;
            display: block;
        }

    .manage-token_header .mt-3.mb-3 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important;
    }
}

 */

@media (max-width: 768px) {



    /* Remove ALL lines globally inside table */
    .p-datatable * {
        border: none !important;
    }

    .p-datatable-thead {
        display: none !important;
    }

    /* Card row */
    .p-datatable-tbody > tr {
        display: block;
        background: #fff;
        border-radius: 14px;
        padding: 16px;
        margin: 12px 10px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    }

        /* Cells */
        .p-datatable-tbody > tr > td {
            display: block;
            width: 100%;
            padding: 6px 0;
            border: none !important;
            box-shadow: none !important;
        }

    .p-datatable .p-datatable-tbody > tr > td {
        border: 1px solid #dee2e6 !important;
        border: none !important;
    }

    /* REMOVE any inner box/div lines (this is your issue) */
    .p-datatable-tbody > tr > td > div {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 0 !important;
    }

    /* Hide checkbox */
    .p-datatable-tbody > tr > td:first-child {
        display: none;
    }

    /* Title */
    .p-datatable-tbody > tr > td:nth-child(2) span {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 4px;
        display: block;
    }

    /* Subtitle */
    .p-datatable-tbody > tr > td:nth-child(3) span {
        font-size: 13px;
        color: #777;
        margin-bottom: 10px;
        display: block;
    }

    /* Labels */
    .p-datatable-tbody > tr > td:nth-child(4)::before {
        content: "Email";
        font-weight: 600;
        display: block;
    }

    .p-datatable-tbody > tr > td:nth-child(5)::before {
        content: "Phone";
        font-weight: 600;
        display: block;
    }

    .p-datatable-tbody > tr > td:nth-child(6)::before {
        content: "Work Type";
        font-weight: 600;
        display: block;
    }

    .p-datatable-tbody > tr > td:nth-child(8)::before {
        content: "Priority";
        font-weight: 600;
        display: block;
    }

    /* Status badge */
    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.label {
        display: inline-block;
        padding: 5px 10px;
        border-radius: 20px;
        font-size: 11px;
        background: #fdecea;
        color: #d93025;
        margin: 6px 0;
    }

    /* REMOVE CLOSE BUTTON COMPLETELY */
    .close-action {
        display: none !important;
    }

    /* Remove hamburger */
    .action_icon_1 {
        display: none !important;
    }

    /* Action container */
    .action-list-box {
        position: static !important;
        width: 100% !important;
        display: block !important;
        padding: 0 !important;
        margin-top: 10px;
    }

    .list-actions {
        display: block;
        width: 100%;
    }

        /* FULL WIDTH BUTTON */
        .list-actions a {
            display: block;
            width: 100%;
            background: #1e88e5;
            color: #fff !important;
            text-align: center;
            padding: 14px;
            border-radius: 10px;
            font-size: 14px;
            text-decoration: none;
        }

            .list-actions a i {
                display: none;
            }

            .list-actions a p {
                margin: 0;
                color: #fff;
            }
}

/* start code of mobile app only*/

#mobile_bottom_button {
    display: none;
}

.card .card-header#color-box-header {
    background: none !important;
}

.h-box {
    float: left;
    width: 19%;
    margin: 0px .5%;
    padding: 25px;
    border-radius: 10px;
    font-size: 1.3rem;
}

    .h-box span {
        float: left;
        width: 100%;
    }

    .h-box.color-1 {
        background: #b8c7d7;
    }

    .h-box.color-2 {
        background: #ebe5d9;
    }

    .h-box.color-3 {
        background: #eaccbe;
    }

    .h-box.color-4 {
        background: #c1d9cc;
    }

    .h-box.color-5 {
        background: #ecdbbf;
    }

/* start mobile app css*/
#mobile-app_back_button {
    display: none !important;
}

@media (max-width: 991px) {
    .page-body-wrapper .page-sidebar, .page-wrapper .page-main-header {
        background: #002a3a !important;
    }

    .h-box {
        width: 49%;
        margin-bottom: 15px !important;
    }

    .page-wrapper .page-main-header {
        padding: 60px 0px 122px 0px;
        border-radius: 0px;
        background-image: none;
        background: #122341;
        background-size: auto;
        width: 100%;
        z-index: 111;
    }

    .page-body-wrapper {
        top: 85px;
        background: #fff !important;
        position: relative;
        z-index: 99;
        border-radius: 10px;
        width: 100%;
        margin: 0 auto;
        overflow-y: scroll;
        max-height: calc(100vh - 125px);
        z-index: 999;
        border-radius: 23px 23px 0 0;
        padding-bottom: 75px;
    }

        .page-body-wrapper .page-body {
            margin-top: -13px !important;
        }

    .nav-right.col.p-0 {
        display: none !important;
    }

    .page-wrapper .page-main-header .toggle-sidebar {
        cursor: pointer;
        margin-right: 30px;
        padding: 0;
        float: right;
        position: absolute;
        right: 0px;
    }

    .page-wrapper .page-main-header span.for-icon {
        background: #fff;
        position: fixed;
        z-index: 9999999999;
        top: 35px;
        right: 15.5%;
        border-radius: 0;
        outline: none;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        padding: 0;
    }

    .container-fluid.pt-4.dashboard-widget-cntr {
        background: #fff !important;
    }

    .page-wrapper .page-main-header span.for-icon i {
        color: #161616;
    }

    .page-body, .project-widgets {
        background: #fff !important;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a i,
    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li:before {
        display: none !important;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li a {
        text-wrap: auto;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a {
        padding: 10px 5px;
        display: block;
        background: none !important;
        text-align: left;
        font-size: 16px;
        padding: 10px 5px;
        margin-bottom: 0 !important;
        text-transform: capitalize !important;
    }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a span {
            font-size: 16px;
            text-transform: uppercase;
        }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li p {
        display: none !important;
    }


    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li {
        border-bottom: 1px solid #eeeeee29;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar {
        height: 100vh;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a.sub_moduleRoute {
        padding: 10px 5px !important;
    }

    .page-header {
        /*border: 1px solid red;*/
        z-index: 9;
        position: fixed;
        width: 62%;
        top: 16px;
        color: #fff;
        left: 16%;
    }

        .page-header .col-md-12.col-lg-6 h3, .page-header .col-md-6.col-lg-6 h3 {
            text-align: center !important;
            display: block !important;
            width: 100%;
            color: #fff;
            font-size: 20px;
            font-weight: 500;
            text-align: left !important;
        }

        .page-header .col-md-12.col-lg-6 .breadcrumb.pull-right {
            display: none !important;
            text-align: center;
        }

    .page-header-left a {
        display: none !important;
    }

    .card-body.payment-table.pt-0 .form-group.col-sm-3 {
        width: 100%;
    }

    .admin-form .form-control {
        width: 100% !important;
    }

    footer {
        display: none !important;
    }

    .table-striped tbody tr:nth-of-type(2n+1), .p-datatable .p-datatable-tbody tr:nth-of-type(2n+1) {
        background: #f8f8f8 !important;
    }

    .card .card-header {
        background: none !important;
    }

    .page-title-right {
        display: none !important;
    }

    .p-datatable .p-datatable-tbody > tr > td div. {
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu {
        display: block;
        padding-bottom: 20px;
    }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu li {
            padding-left: 0px;
        }

            .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu li svg {
                display: none;
            }

            .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu li a span {
                padding-left: 0px;
            }

    #mobile_bottom_button {
        display: block;
        z-index: 999;
        width: 100%;
        padding: 15px;
        text-align: center;
        height: 78px;
        left: 0px;
        position: fixed;
        bottom: 0px;
        background: #fff;
    }

        #mobile_bottom_button a {
            border-radius: 50px;
            padding: 10px;
            font-size: 1.2rem;
            color: #fff;
            text-decoration: none;
            background-color: #945e00 !important;
            max-width: 80%;
            width: 100%;
            margin: 0px 10%;
            display: block;
        }

    .payment-table .btn-gradient {
        width: 48%;
    }

    .

    #mobile-admin-Dashboard {
    }

    #mobile-admin-Dashboard li:first-child, mobile-admin-Dashboard:last-child {
        display: none;
    }

        #mobile-admin-Dashboard li li, mobile-admin-Dashboard:last-child li {
            display: block !important;
        }

            #mobile-admin-Dashboard li li:last-child {
                display: none !important;
            }

    #mobile-admin-Dashboard li {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
        gap: 10px;
        align-items: stretch; /* 🔑 makes children equal height */
    }

        #mobile-admin-Dashboard li li {
            flex: 0 0 48%; /* 2 items per row */
            background: #f7f7f7;
            border-radius: 6px;
            padding: 12px;
            box-sizing: border-box;
            display: flex !important; /* make li a flex container */
            align-items: center; /* vertically center content */
            justify-content: center; /* horizontally center if needed */
            text-align: center;
            min-height: 160px;
        }

            #mobile-admin-Dashboard li li a {
                color: #fff;
            }

            #mobile-admin-Dashboard li li span {
                width: 100%;
                display: block;
                font-size: 18px;
            }

            #mobile-admin-Dashboard li li:nth-child(1) {
                background: #122341;
            }

            #mobile-admin-Dashboard li li:nth-child(2) {
                background: #945e00;
            }

            #mobile-admin-Dashboard li li:nth-child(3) {
                background: #4a636a;
            }

            #mobile-admin-Dashboard li li:nth-child(4) {
                background: #424656;
            }

            #mobile-admin-Dashboard li li:nth-child(5) {
                background: #525e34;
            }

            #mobile-admin-Dashboard li li:nth-child(6) {
                background: #873d0e;
            }

            #mobile-admin-Dashboard li li:nth-child(7) {
                background: #93511e;
            }

            #mobile-admin-Dashboard li li:nth-child(8) {
                background: #776544;
            }

            #mobile-admin-Dashboard li li .vue-feather__content {
                height: 38px;
            }

    #mobile-app_back_button i {
        color: #fff;
    }

    #mobile-app_back_button {
        float: left;
        width: auto;
        position: absolute;
        top: 40px;
        display: block !important;
        left: 4.5%;
    }
}

.listing-desktophide {
    display: none
}

/* start code of mobile app only*/
.custom-alert-padding {
    padding: 10px !important;
    font-size: 1.1rem !important;
}

a {
    cursor: pointer !important;
}
/*.actions-onclick.view-list{float:none !important;}*/
.actions-onclick.view-list {
    float: left;
    height: 45px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    line-height: normal;
    padding: 0px 5px !important;
    background: #122341;
}

    #action_button2.actions_newbox .list-actions a span, .actions-onclick.view-list span {
        display: block;
        width: 100%;
        padding-top: 5px !important;
    }


.max-datefilter {
    min-width: 190px;
}

.p-datatable .p-datatable-tbody > tr > td span.mobile-label {
    display: none
}

.listing-option .form-group + .form-group {
    padding-left: 0 !important;
}

.filter-panel #downloadReportButton {
    width: auto;
    line-height: 19px !important;
}

.fc .fc-toolbar .fc-button-group > .fc-button {
    margin-right: 0;
    margin-left: 0;
}

.card-header .btn.btn-danger {
    min-width: 38px;
}

.page-header-right h1 {
    margin: 0;
}

.minbx {
    min-width: 150px;
}

.d-flex.caltwo {
    min-width: 308px;
}

@media (max-width:1600px) {
    .card-header .btn {
        padding: 8px 10px 7px;
    }

    .max-datefilter {
        min-width: 168px;
    }
}


@media (max-width:1440px) {

    .max-datefilter {
        min-width: 138px;
    }

    .p-calendar.p-component.p-inputwrapper.form-control .p-inputtext.p-component {
        padding: 11px 9px 9px;
    }
}

@media (max-width:1366px) {

    .card-header .btn {
        padding: 8px 7px 7px;
        font-size: 12px;
        line-height: 19px !important;
    }

    .card-header .fullbx .btn.btn-danger {
        padding: 8px 14px 7px !important;
    }

    .col-sm-12.moreopt {
        width: 100%;
    }

    .threecolumnbx.singlebx {
        width: 100%;
        margin-top: 15px;
    }

    .caltwo {
        min-width: 230px;
    }

    .moreopt .form-group.colbx {
        width: 25% !important;
    }
}

@media (max-width:1280px) {
    .max-datefilter {
        min-width: 121px;
    }

    .form-group.fullbx {
        width: 66.66667% !important;
    }

    .listing-option .threecolumnbx .btn {
        padding: 8px 8px !important;
    }

    .form-group.fullbx.fullwrap {
        width: 100% !important;
    }

        .form-group.fullbx.fullwrap > .d-flex {
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        .form-group.fullbx.fullwrap > .d-flex {
            flex-wrap: wrap;
        }

    #manage-earning-reports-filter .form-group.fullbx.fullwrap > .d-flex .form-group {
        width: 24%;
    }

    #manage-earning-reports-filter .form-group.fullbx.fullwrap.housewrap > .d-flex .form-group {
        width: 32%;
    }

    #manage-earning-reports-filter .form-group.fullbx.fullwrap > .d-flex .form-group
    #manage-earning-reports-filter .form-group.fullbx.fullwrap > .d-flex .form-group.calwrap {
        width: 48%;
    }

    .d-flex.caltwo {
        min-width: 100%;
    }
}


@media (max-width:1199px) {

    .listing-option .threecolumnbx .btn {
        padding: 4px 10px 4px !important;
        line-height: 27px !important;
    }

    #manage-earning-reports-filter.filteropt .threecolumnbx .form-group {
        width: auto !important;
    }

    #manage-earning-reports-filter.filteropt .colbx {
        width: 30% !important;
    }

    #manage-earning-reports-filter.filteropt .fullbx {
        width: 70% !important;
    }

    .card .card-header .fullbx .d-flex {
        justify-content: flex-start;
        align-items: center;
    }

    #manage-earning-reports-filter.filteropt .fullbx .d-flex {
        flex-wrap: wrap;
    }

    #manage-earning-reports-filter .form-group.fullbx.fullwrap > .d-flex .form-group.calwrap .caltwo {
        display: flex;
        flex-wrap: nowrap;
    }

    #manage-earning-reports-filter.filteropt .form-group.fullbx.fullwrap {
        width: 100% !important;
    }
}


@media (max-width:991px) {
    .p-datatable .p-datatable-tbody > tr > td span.mobile-label {
        text-align: left;
        position: absolute;
        left: 7px;
        font-weight: 600;
        width: 45%;
        display: block
    }

    .listing-option .threecolumnbx .btn {
        padding: 4px 10px 4px !important;
    }

    div#booking-list-table-search-button\ {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
        padding-bottom: 0
    }

    .listing-option .form-group + .form-group {
        padding-left: 12px !important;
    }



    .listing-option .btn {
        line-height: 30px !important;
        padding: 1px 15px !important;
        min-width: 38px;
        height: 38px;
    }

    .filter-panel .listing-option .form-group {
        padding-left: 0 !important;
    }

    .listing-option .form-group + .form-group {
        padding-left: 0px !important;
    }

    .listing-option .row {
        margin: 0;
    }

    .filteropt .listing-option .d-flex {
        margin-top: 0px;
        width: 100%;
    }

    .fullbx > .d-flex {
        flex-wrap: wrap;
        margin-top: 0;
    }

    .listing-option .form-group + .form-group {
        margin-top: 0 !important;
    }

    .btn.btn-gradient.color-4 {
        margin-left: 0 !important;
    }

    #manage-earning-reports-filter.filteropt .colbx {
        width: 100% !important;
    }

    #manage-earning-reports-filter.filteropt .fullbx {
        width: 100% !important;
        padding: 0 0px !important;
    }

    .fullbx .d-flex {
        flex-wrap: nowrap;
        align-items: center;
    }

    .filteropt .listing-option .fullbx .d-flex {
        margin-top: 0px;
        width: auto;
    }

    #manage-earning-reports-filter .fullbx .form-group, #manage-earning-reports-filter .fullbx .align-items-end {
        margin-bottom: 0 !important;
    }

    #manage-earning-reports-filter .fullbx > .d-flex .form-group.max-datefilter {
        width: 47% !important;
    }

    #manage-earning-reports-filter.filteropt .threecolumnbx .form-group {
        margin-bottom: 0 !important;
    }

    .todayheader .page-header-right {
        display: none;
    }

    #manage-earning-reports-filter .moreopt .fullbx > .d-flex .form-group.max-datefilter, #manage-earning-reports-filter .moreopt .fullbx > .d-flex .form-group.max-datefilter + .form-group {
        width: 100% !important;
        margin: 0 !important;
    }

    #manage-earning-reports-filter .form-group.fullbx.fullwrap > .d-flex .form-group {
        width: 24% !important;
    }

        #manage-earning-reports-filter .form-group.fullbx.fullwrap > .d-flex .form-group.calwrap {
            width: 48% !important;
        }

    #admin_login_box .btngroup-login .btn.btn-gradient.color-2 {
        max-width: 100%;
        width: 100%;
        border-radius: 8px !important;
        background: rgb(164 133 50) !important;
    }
}


@media (max-width:767px) {

    .listing-option .threecolumnbx .btn {
        padding: 4px 10px 4px !important;
    }

    .filteropt .listing-option .fullbx > .d-flex {
        flex-wrap: wrap;
    }

    .admin-form .form-control {
        padding: 9px;
    }

    .btn.btn-gradient.color-4 {
        margin-left: 0 !important;
    }

    .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1.5em;
        flex-wrap: wrap;
    }

    #manage-earning-reports-filter .form-group.fullbx.fullwrap > .d-flex .form-group {
        width: 100% !important;
    }

        #manage-earning-reports-filter .form-group.fullbx.fullwrap > .d-flex .form-group.calwrap {
            width: 100% !important;
        }

    #manage-earning-reports-filter .form-group.fullbx.fullwrap > .d-flex .form-group {
        margin-left: 0 !important;
    }
}

body.light .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a i, body.light .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a:hover i {
    color: #fff !important;
}

body.light .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a:hover {
    color: #fe8a7d !important;
}

.modal-body .card-body, .modal-body .project-widgets .card {
    height: 100%;
}

.fc-event-draggable .view-icon {
    position: absolute;
    right: 5px;
    top: 9px;
}

.modal-body .form-group.col-sm-12.mb-0 i {
    float: left;
    padding-right: 10px;
}

.popup_start_Date {
    float: left;
    width: 100%;
    line-height: normal;
}

.popup_start_time {
    float: left;
    width: auto;
    padding-right: 10px;
    border-right: 1px solid #000;
    line-height: normal;
}

.popup_start_bedrooms {
    float: left;
    width: auto;
    padding-left: 10px;
    line-height: normal;
}

.p-dropdown-label.p-inputtext.p-placeholder, .p-dropdown-label.p-inputtext {
    display: flex;
    justify-content: left;
    align-items: center;
}

.#action_button2.actions_newbox.large_icon .list-actions .action-list-box {
    display: flex;
}

#action_button2.actions_newbox.large_icon .list-actions a {
    width: 32% !important;
    display: flex;
    justify-content: flex-start;
}

    #action_button2.actions_newbox.large_icon .list-actions a span {
        display: inline;
        float: left;
        width: calc(100% - 45px);
        text-align: left;
        text-wrap: auto;
    }

.phone_dropdown {
    position: relative;
    float: left;
}

.p-dropdown.p-component.p-inputwrapper.is-invalid {
    border-color: #c0392b !important;
}

#signup-phone .phone_dropdown .invalid-feedback {
    position: relative;
    left: auto;
    top: auto;
}

td .label.label-light {
    width: auto;
}

td a {
    color: #000;
    text-decoration: underline !important;
}

td span.list-actions a {
    text-decoration: none !important;
}

th {
    font-weight: normal;
    font-size: 15px;
}

.fa.fa-arrow-left.me-2 {
    padding-right: 5px;
}

td.p-frozen-column.openedActionBox {
    z-index: 999;
}

.actions i {
    width: auto !important;
}

    .actions i.close {
        width: 37px !important;
    }

.icon_center_box {
    text-align: center;
    width: 100%;
    display: block;
}

th.justify-content-center, td.justify-content-center {
    justify-content: left !important;
}


.admin-form .p-calendar.form-control {
    padding: 0px !important;
}

#add-ticket-Asset-Information .ticketslider .swiper-wrapper, #add-ticket-Asset-Information .ticketslider .swiper {
    height: auto;
}

.btn.btn-gradient.color-4.ms-2 {
    margin-left: 15px !important;
}

@media (max-width:1280px) {
    #chk-outDate, #chk-inDate {
        width: 50%;
    }
}

@media (max-width:1152px) {
    #is-Moved-To-Market-Place {
        max-width: none !important;
        width: auto;
    }

    #is-Moved-To-Market-Place-buttons {
        width: 100%;
    }
}

#chk-inDate .fclndrbox, #chk-outDate .fclndrbox {
    /*width: 200%;*/
    width: 100%;
}

@media (max-width:767px) {
    #chk-inDate .fclndrbox, #chk-outDate .fclndrbox {
        width: 100%;
    }
}

@media (max-width:460px) {
    #chk-inDate .fclndrbox {
        width: 100% !important;
    }

    #chk-outDate, #chk-inDate {
        width: 100%;
    }
}
/* start code for mobiel admin app*/
@media (max-width: 991px) {

    .page-body-wrapper {
        border-radius: 0px;
    }

    .page-header .col-md-12.col-lg-6 h3, .page-header .col-md-6.col-lg-6 h3 {
        text-align: center;
        color: #fff;
        font-size: 1.1rem;
        font-weight: normal;
        white-space: nowrap;
    }

    .page-wrapper .page-main-header {
        padding: 0px
    }
}



/* mobile advance filter css start */



.atf-toggle {
    display: none;
}

/* PANEL */
.atf-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background: #122341;
    color: #fff;
    border-radius: 15px 15px 0 0;
    transition: max-height 0.4s ease;
    z-index: 99998;
}

.adv-search-btn {
    background: #0099d2;
    color: #ffffff;
}

/* OPEN STATE */
.atf-toggle:checked ~ .atf-panel {
    max-height: 85vh;
    padding: 15px;
}

/* HEADER */
.atf-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

    .atf-header h5 {
        font-size: 22px;
        font-weight: bold;
        color: white;
    }

/* CLOSE */
.atf-close {
    font-size: 24px;
    cursor: pointer;
    color: #ffffff;
    background: #39527f;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: normal;
    margin-bottom: 15px;
}

/* BUTTON */
.atf-mobile-btn {
    position: fixed;
    top: 80px;
    right: 52px;
    width: 70px;
    background: transparent;
    color: #000000;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    cursor: pointer;
    z-index: 9999;
    height: 50px;
    overflow: hidden;
}

/* HIDE BUTTON WHEN OPEN */
.atf-toggle:checked ~ .atf-mobile-btn {
    display: none;
}

/* SCROLL IF CONTENT BIG */
.atf-panel {
    overflow-y: auto;
}

/* MOBILE ONLY */
@media (min-width: 992px) {
    .mobile-advance-filter {
        display: none;
    }
}



/* mobile advance filter css start */



@media (min-width:992px) {
    .header-mobile-left {
        display: none;
    }
}




div#profile_thumb_upload input.form-control {
    height: 35px;
}

.logoutopt {
    display: none;
}

.mobileflexbtn {
    display: none
}

.layoutbx .col-lg-12 mobile-layout-wrapper {
}

.layoutbx .card-body.payment-table {
    padding: 0 !important;
    margin-bottom: 15px;
}

/* splity css added new 3-4-26 */
@media (max-width:991px) {
    .page-header {
        /* border: 1px solid red; */
        padding-top: 8px;
    }

    .page-body-wrapper {
        background: #f2f2f2 !important;
    }

    body {
        background: #f2f2f2 !important;
    }

    .page-body, .project-widgets {
        background: transparent !important;
    }

    .page-wrapper .page-main-header {
        background: #00293a
    }

        .page-wrapper .page-main-header span.for-icon {
            top: 18px;
        }
    /*.page-wrapper .page-main-header {
        z-index:9999999999999999999999;
    }*/
    #mobile-app_back_button {
        top: 24px;
        display: block !important;
        left: 2.5%;
        z-index: 9999999999;
    }

    .page-body-wrapper .page-sidebar {
        background: #0c283a;
    }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li:before {
            display: none !important;
            visibility: hidden
        }

    .page-body-wrapper {
        top: 74px;
        padding-bottom: 0;
        max-height: 100%;
    }

    .card.listcardwrap {
        box-shadow: none;
        padding: 0;
    }




    .p-datatable .p-datatable-tbody > tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 10px;
    }

        .p-datatable .p-datatable-tbody > tr > td {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border: none;
            padding: 8px 10px;
            width: 100%;
        }

            /* THIS is where data-label is used */
            .p-datatable .p-datatable-tbody > tr > td::before {
                content: attr(data-label) !important;
                font-weight: 600;
                color: #6c757d;
                text-align: left;
            }

            .p-datatable .p-datatable-tbody > tr > td > * {
                flex: 1;
                text-align: right;
            }

    /* Hide table headers */
    .p-datatable .p-datatable-thead {
        display: none;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td, .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:first-child, .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
        border-width: 1px !important;
        width: 100% !important;
    }

    .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td,
    .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
        border-top-width: 0 !important;
        max-width: 100%;
    }

    .p-datatable.p-datatable-gridlines.p-datatable-scrollable .label.label-light.color-5 {
        text-align: center;
        width: -moz-max-content;
        width: max-content;
        flex: none;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.mobile-tablecard-button {
        width: 100%;
    }

        .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.mobile-tablecard-button:before {
            display: none;
        }

        .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.mobile-tablecard-button a {
            text-align: center;
            text-decoration: none;
        }

        .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.mobile-tablecard-button a {
            text-align: center;
            text-decoration: none !important;
            padding: 10px 15px;
            border-radius: 11px;
            background-color: #c4a052;
            border-color: #c4a052;
            width: 100%;
        }

            .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.mobile-tablecard-button a + a {
                background: #0c283a;
            }

    .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
        background-color: #0c283a !important;
        border-color: #0c283a !important;
        color: #fff !important;
    }

    .page-header {
        width: 56%;
        top: 17px;
        color: #fff;
        left: 14%;
        z-index: 999;
        /*z-index:9999999999;*/
        overflow: hidden;
    }

    .logoutopt {
        right: 14px;
        position: absolute;
        width: 35px;
        height: 34px;
        top: 17px;
        padding: 0;
        display: block
    }

    .page-wrapper .page-main-header .logoutopt span.for-icon {
        position: relative;
        top: 0;
        left: 0;
        background: #ffffff;
    }

        .page-wrapper .page-main-header .logoutopt span.for-icon i {
            color: #000;
        }

    .p-datatable .p-datatable-tbody > tr {
        margin: 0 0 15px 0;
        padding: 0;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a span {
        font-size: 15px;
        text-transform: capitalize;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu {
        padding-bottom: 0;
        margin-bottom: 0px;
        padding-left: 0px;
    }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu li a {
            padding: 5px 15px;
            position: relative;
            font-weight: 400;
        }

        .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li .nav-submenu li:last-child {
            border-bottom: none
        }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li > a.active, .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li > a:hover {
        color: #c4a052;
    }

    .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar {
        height: calc(100vh - 30px);
        /*padding-top: 52px;*/
        padding: 0px;
        margin: 0px;
    }

    .p-datatable .p-datatable-tbody > tr > td .custimg {
        width: auto;
        flex: initial;
    }

    .noshadowbx .card, .noshadowbx .card-body {
        box-shadow: none;
        background: transparent
    }

        .noshadowbx .card-body.payment-table {
            background: #f2f2f2;
            box-shadow: none !important;
            padding: 0 !important;
        }

    .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td.lastchild:before {
        display: none
    }

    .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td.lastchild {
        width: 100%;
    }

        .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td.lastchild .label {
            text-align: center;
            text-decoration: none !important;
            padding: 10px 15px;
            border-radius: 11px;
        }

        .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td.lastchild a.label {
            text-align: center !important;
        }

    .p-paginator-left-content {
        display: none;
    }

    /*    .form-btn.mobile-fixed-button .btn.btn-danger {
        background: #989898;
        border-color: #989898;
    }*/

    .form-btn.mobile-fixed-button {
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
        left: 0;
        right: 0;
        padding: 14px 10px 7px 10px;
        display: flex;
        justify-content: center;
        z-index: 1;
    }

        .form-btn.mobile-fixed-button .btn {
            width: 46% !important;
            border-radius: 5px;
            font-size: 16px;
            line-height: 17px;
            font-weight: 500;
            padding: 11px 34px;
            height: auto;
        }



    .card-body.admin-form {
        padding-bottom: 0px !important;
        background: #fff;
    }

    .p-datatable .p-datatable-tbody > tr > td > .thumb-img {
        text-align: right !important;
    }

    .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td.threecol {
        max-width: 33%;
        display: inline-block;
        margin-bottom: 14px;
        border-top: 1px solid #ccc !important;
        padding-top: 21px !important;
    }

        .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td.threecol div {
            text-align: center
        }

        .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td.threecol a.bg-white {
            background: #c4a052 !important;
            color: #fff !important;
            padding: 8px 9px !important;
        }

    a.assetheading {
        font-weight: 500;
        text-decoration: none !important;
    }

    .p-datatable-scrollable .p-datatable-wrapper {
        min-width: 100% !important;
        max-height: inherit !important;
        overflow: inherit !important;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-footer {
        padding: 6px 12px !important;
        border-radius: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    }

    .page-body-wrapper {
        top: 0;
        padding-bottom: 0;
        max-height: 100%;
        z-index: inherit;
        overflow: hidden
    }

    .container-fluid.noshadowbx {
        top: 0px;
        overflow-y: scroll;
        position: relative;
        z-index: 9;
        padding-bottom: 80px;
    }

    .bookprptycntr {
        background: #fff;
    }

    .book-property .col-sm-12.col-lg-2 {
        width: 100%;
    }

    .bookprpty.proImg.vacationswap {
        width: 100%;
        padding-right: 0;
        border-radius: 10px;
        overflow: hidden;
        padding-bottom: 0;
    }

    .form-group.customtbs {
        padding-left: 14px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 0px;
    }

    .customtbs button {
        z-index: inherit;
    }

    .modal-container {
        z-index: 999;
    }

    .form-group.col-md-6.mbspc {
        margin-top: 15px !important;
    }

    .text-center.textright-sm {
        text-align: right !important;
    }

    .d-flex.fullmb .btn-gradient {
        width: 100%;
        background: #c4a052;
    }

    .form-control.bg-light.addfieldtxt {
        overflow: hidden;
    }

    #admin_login_box {
        padding: 0 20px;
    }

    .small-widgets {
        padding-top: 0px;
    }

    .dashboard-widget-cntr .project-widgets {
        margin-bottom: 10px !important;
    }

    .icon-with-info span {
        top: -12px;
        right: -7px;
        color: #fff;
        font-size: 13px;
    }



    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act {
        position: relative;
        right: 0 !important;
        margin-top: 0 !important;
        background: none;
        padding: 0 0px;
        left: 0;
        width: 100%;
        display: flex !important;
        margin: 0 auto;
    }

        .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box {
            background: none !important;
            margin-top: 0;
        }

            .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list {
                padding: 12px 0 4px 0;
                width: 100% !important;
                background: none !important;
                text-align: center;
                display: flex;
                border-top: 1px solid #ccc !important;
                gap: 5px;
            }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.mobile-tablecard-button a p {
        padding-top: 0;
    }

    .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td a.label {
        text-decoration: none !important;
        text-align: center !important
    }

    .checkboxesDv.hidecheck {
        display: none !important;
    }

    .modal-content {
        max-width: 100%;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td .p-radiobutton.p-component {
        display: flex;
        justify-content: end;
    }

    .p-radiobutton .p-radiobutton-box {
        border-color: #ccc;
        background: #ccc;
    }

    .p-radiobutton.p-highlight .p-radiobutton-box {
        border-color: #2196F3;
        background: #2196F3;
    }

    .modal-container .modal-body .form-btn {
        padding-top: 10px;
        float: right;
    }

    .modal-container .modal-body .row > .row {
        margin: 0;
    }

    .ticketnotes .form-group.col-sm-12.mt-4 {
        margin-top: 10px !important;
    }

    .ticketnotes .mb-cust {
        margin-top: 15px;
    }

    .modal-container .ticketnotes .modal-body {
        overflow-y: scroll;
    }

    .card .card-body .col-md-5.col-lg-4.mb-4.mb-noc {
        margin-top: 3px !important;
        margin-bottom: 15px !important;
    }

    .addInformation .ticketslider .swiper .sldrcntr {
        min-height: auto !important;
        padding: 0;
    }

    .imgWrapper {
        height: 238px;
        border-radius: 0px;
    }

        .imgWrapper img {
            width: 100%;
            height: 100% !important;
        }

    .addInformation .swiper-button-prev {
        top: 24%;
        left: 22px;
    }

    .addInformation .swiper-button-next {
        top: 24%;
        right: 22px;
    }

        .addInformation .swiper-button-next:after, .addInformation .swiper-button-prev:after {
            font-size: 13px;
            background: #000;
            border-radius: 50%;
            width: 32px;
            height: 30px;
            text-align: center;
            padding: 2px;
            line-height: 25px;
            color: #fff;
        }

    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a p {
        padding-top: 0;
        display: contents;
        color: #333;
        font-size: 13px;
    }

    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a i {
        display: block;
        font-size: 14px !important;
        margin-right: 5px;
    }

    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:first-child i {
        color: #ca8a04 !important;
    }

    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:nth-child(2) i {
        color: #1670A1 !important;
    }

    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:nth-child(3) i {
        color: #7c3aed !important;
    }

    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:nth-child(4) i {
        color: #122341 !important;
    }

    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:nth-child(5) i {
        color: #16a085 !important;
    }

    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list.flexlistthree {
        display: flex
    }
        /*.modal-footer{display:none !important;}*/

        .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list.flexlistthree a {
            width: 100%;
        }

            .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list.flexlistthree a.text-warning {
                color: #fff;
                background-color: #c0392b;
                border-color: #c0392b;
            }

            .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list.flexlistthree a.text-primary {
                color: #fff;
                background-color: #c4a052;
                border-color: #c4a052;
            }

    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list .actions-onclick.view-list {
        width: 100%;
    }

    .actions-onclick.view-list.text-warning {
        color: #fff;
        background-color: #c4a052;
        border-color: #c4a052;
    }

    .card-body.payment-table.p-0.padding0 {
        padding: 0 !important;
    }

    .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td.max50-mb {
        max-width: 50%;
        display: inline-block;
        text-align: center !important;
    }

        .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td.max50-mb div {
            text-align: center
        }

            .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td.max50-mb div .btn-bg-blue, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td.max50-mb div .btn {
                width: 100%;
                display: inline-block;
                height: 37px;
                padding: 9px !important;
                background: #ffffffeb !important;
                color: #0c283a !important;
            }

    .property.d-flex.book-property.bookprptycntr.flex-wrap {
        padding: 0;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.status a.label {
        flex: inherit;
        float: right;
        display: block;
        clear: both;
        text-align: right;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.status {
        text-align: right !important;
        float: right;
        justify-content: space-between !important;
        display: flex !important;
    }

        .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.status:before {
            width: 50%;
        }

    .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td.lastchild .btn-pill.btn-danger.color-4 {
        width: 100%;
        text-decoration: none !important;
    }

    .p-datatable .p-datatable-tbody > tr > td .mb-wauto {
        justify-content: flex-end !important;
        gap: 12px;
    }

    .mb-spc-top {
        margin-top: 15px;
    }

    .property.d-flex.book-property.bookprptycntr.flex-wrap.propspc {
        padding: 10px;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td span.label {
        flex: none;
    }

    .filter-panel.hidemobile {
        display: none;
    }

    .p-datatable .p-datatable-tbody > tr > td img.table-img {
        height: auto;
        width: 137px;
        flex: none;
    }

    .p-datatable .p-datatable-tbody > tr > td.assetsimg {
        text-align: right;
        justify-content: space-between !important;
    }

    .p-datatable .p-datatable-tbody > tr > td .view-list.chaticon {
        flex: none;
    }

    .hidemobilerw {
        display: none;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.assetsimg a.label {
        width: auto;
        flex: none;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.assetsimg a.text-success {
        width: auto;
        flex: none;
    }

    .property.d-flex.book-property.bookprptycntr.flex-wrap.propspc .col-lg-10.ps-3 {
        padding-left: 5px !important;
    }

    .container-fluid.noshadowbx.nospcbtm {
        padding-bottom: 0;
    }

    .p-datatable .p-datatable-tbody > tr > td.imgflex {
        justify-content: space-between !important;
    }

    .manageticket-tab .p-datatable tr {
        display: flex !important;
        position: relative;
        overflow: hidden;
        flex-wrap: wrap !important;
    }

        .manageticket-tab .p-datatable tr td:nth-child(2) {
            padding-top: 16px !important
        }

            .manageticket-tab .p-datatable tr td:nth-child(2) span {
                color: #825100 !important;
                font-size: 14px;
                text-decoration: underline;
            }

        .manageticket-tab .p-datatable tr td:nth-child(3) span {
            font-weight: 700;
            color: #000;
            font-size: 16px;
            margin-bottom: 0;
            width: 80%;
        }

        .manageticket-tab .p-datatable tr td:nth-child(7) {
            position: absolute;
            right: 0;
            width: auto !important;
            min-width: auto;
            top: 13px;
        }

        .manageticket-tab .p-datatable tr td:nth-child(8) {
            display: none !important
        }

        .manageticket-tab .p-datatable tr td {
            display: flex !important;
            padding: 3px 15px !important;
            text-align: left;
            flex-direction: column;
            align-items: flex-start !important;
            flex: inherit !important;
        }

            .manageticket-tab .p-datatable tr td::before {
                text-align: left;
            }

            .manageticket-tab .p-datatable tr td.ticketnumb::before, .manageticket-tab .p-datatable tr td.ticketstat::before {
                display: none
            }

            .manageticket-tab .p-datatable tr td.ticketnumb {
                border-bottom: 1px solid #ccc !important;
                padding-bottom: 10px !important;
                font-weight: bold;
            }

            .manageticket-tab .p-datatable tr td.ticketstat {
                position: absolute;
                top: -2px;
            }



            .manageticket-tab .p-datatable tr td.assigned::before, .manageticket-tab .p-datatable tr td.assignedto::before {
                display: inline-block;
                margin-right: 10px;
            }

            .manageticket-tab .p-datatable tr td.assigned {
                padding-top: 21px !important;
            }

            .manageticket-tab .p-datatable tr td.assignagent::before, .manageticket-tab .p-datatable tr td.changestatus::before {
                display: none
            }

            .manageticket-tab .p-datatable tr td.assignagent, .manageticket-tab .p-datatable tr td.changestatus {
                float: left;
                max-width: 50% !important;
                min-width: auto !important;
                text-align: center !important;
                padding-bottom: 26px !important;
            }

                .manageticket-tab .p-datatable tr td.assignagent .btn, .manageticket-tab .p-datatable tr td.changestatus .btn {
                    background: none !important;
                    border: 1px solid rgba(48, 48, 46, 1) !important;
                    color: #333;
                    width: 100%;
                }



            .manageticket-tab .p-datatable tr td[data-label="Ticket Number"] {
                padding-bottom: 0 !important;
                padding-top: 13px !important;
            }

                .manageticket-tab .p-datatable tr td[data-label="Ticket Number"]:before {
                    color: #aaa;
                    display: none;
                }

                .manageticket-tab .p-datatable tr td[data-label="Ticket Number"] span {
                    font-size: 15px;
                    color: #fff;
                    font-weight: bold
                }

            .manageticket-tab .p-datatable tr td[data-label="Subject"] {
                padding-top: 12px !important;
                height: 46px;
                overflow: hidden;
                padding-bottom: 10px !important;
            }

                .manageticket-tab .p-datatable tr td[data-label="Ticket Number"] span, .manageticket-tab .p-datatable tr td[data-label="Subject"] span {
                    text-align: left;
                    color: #000000;
                    margin-bottom: 0;
                    font-weight: 500;
                }

                .manageticket-tab .p-datatable tr td[data-label="Subject"] span, #manage-buying-process td:nth-child(2), .assetnme {
                    font-size: 20px;
                    color: #000;
                    font-weight: bold;
                    line-height: 28px;
                }

    .card .card-body .voting-box .col-md-4 {
        width: auto !important;
        padding: 4px;
    }

    .inside-search #search_button {
        right: 10px !important
    }

    .max-mobile-width {
        max-width: 100% !important;
    }

    .inside-search {
        background: #fff;
        padding-left: 10px !important;
        border-radius: 10px;
    }

    .card-header.admin-form .inside-search #search_box input {
        background: transparent !important;
        padding-left: 10px !important;
        width: 97%;
    }

    .mobile-layout-wrapper #housekeeping-widget {
        padding: 0px !important;
    }

        .mobile-layout-wrapper #housekeeping-widget .project-widgets .media div {
            width: 100%;
            text-align: center;
            margin: 0px;
        }

        .mobile-layout-wrapper #housekeeping-widget .project-widgets .media {
            flex-wrap: wrap;
        }

    .assetnme {
        margin-bottom: 0px;
    }

    #user-exp table, #user-exp table tr {
        display: flex;
        padding-bottom: 10px;
    }

        #user-exp table tr {
            flex-wrap: wrap;
            position: relative;
            padding: 9px 6px;
        }

    #user-exp td {
        min-width: -moz-max-content !important;
        min-width: max-content !important;
        padding: 0px !important;
        text-indent: 10px;
    }

        #user-exp td:nth-child(1) {
            order: 2;
            padding-bottom: 10px !important;
            padding-top: 5px !important;
            font-size: 15px;
            text-transform: capitalize;
            border-bottom: 1px solid #e0e0e0 !important;
            margin-bottom: 16px;
        }

        #user-exp td:nth-child(2) {
            order: 1;
            text-decoration: none !important;
            font-size: 18px;
            font-weight: 600;
            max-width: 82% !important;
            min-width: auto !important;
            text-align: left;
            text-indent: 0;
            padding-left: 10px !important;
        }

        #user-exp td:nth-child(3) {
            display: none;
            order: 3;
        }

        #user-exp td:nth-child(4) {
            color: #247c2e !important;
            font-size: 16px;
            font-weight: 600;
            order: 6;
            width: 70% !important;
            padding-bottom: 6px !important;
        }

            #user-exp td:nth-child(4) span {
                font-size: 19px;
            }

        #user-exp td:nth-child(5) {
            order: 5;
            padding-bottom: 5px !important;
            padding-top: 5px !important;
            font-size: 16px;
            border-bottom: 1px solid #e0e0e0 !important;
            margin-bottom: 22px;
            display: none;
        }

        #user-exp td:nth-child(6) {
            position: absolute;
            top: 15px;
            right: 16px;
            width: auto !important;
            order: 4;
        }

            #user-exp td:nth-child(6) span {
                padding: 3px 6px;
                border-radius: 4px;
                line-break: normal;
                text-indent: 0px;
            }

        #user-exp td:nth-child(7) {
            order: 7;
            width: 30% !important;
            padding-right: 16px !important;
            float: right;
            position: absolute;
            right: 0;
            bottom: 10px;
        }

            #user-exp td:nth-child(7) button {
                width: auto !important;
                text-align: center !important;
                text-indent: 0px;
                height: auto;
                padding: 8px 29px;
                background: #026b46;
                border-color: #026b46;
            }




    #book-property-buyer_details {
        padding-left: 0px !important;
    }

        #book-property-buyer_details .row {
            background: #f7f7f7;
            border-radius: 10px;
            margin-top: 10px;
            margin: 0px;
            display: flex;
            flex-wrap: nowrap;
        }

        #book-property-buyer_details .col-sm-3 {
            padding-top: 10px;
            width: 30%;
        }

        #book-property-buyer_details .col-sm-9 {
            padding-top: 10px;
            padding-bottom: 10px;
            width: 70%;
        }

            #book-property-buyer_details .col-sm-9 p {
                padding-bottom: 4px;
                margin-bottom: 0px;
            }

    .page-body-wrapper, .page-body {
        /* background: #fff !important;*/
    }
    /* for property details details */
    .mobile-height-auto {
        height: auto !important;
    }

    .mobile-white-bg {
        background: #fff !important;
    }

    #book-property-buyer_details .col-sm-3 img {
        max-width: 100%;
        border-radius: 5px;
    }

    #manage-buying-process tr {
        display: flex;
        flex-wrap: wrap;
    }

        #manage-buying-process tr td {
            justify-content: flex-start;
        }

    #housekeeping-widget .project-widgets {
        width: 49%;
        margin-bottom: 10px !important;
    }

    #notifications-table table tr td.remove-button-app {
        position: absolute;
        top: 0px;
        right: 0px;
        width: auto !important;
        min-width: -moz-max-content !important;
        min-width: max-content !important;
    }

    .mobile-voting-button {
        justify-content: space-around;
    }

    #notifications-table table tr {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }

        #notifications-table table tr td:nth-child(1) {
            order: 2;
            padding-top: 0px !important;
        }

        #notifications-table table tr td:nth-child(2) {
            order: 1;
            font-size: 20px;
            padding-bottom: 10px !important;
        }

        #notifications-table table tr td:nth-child(3) {
            order: 3;
            padding-bottom: 10px !important;
        }

            #notifications-table table tr td:nth-child(3) a {
                text-align: center;
                padding: 8px 34px;
                height: 38px;
                font-weight: 400;
                font-size: 14px;
                border-radius: 29px !important;
            }

                #notifications-table table tr td:nth-child(3) a span {
                    color: #fff;
                    font-size: 14px;
                }

        #notifications-table table tr td:nth-child(4) {
            order: 4;
        }


        #notifications-table table tr td.remove-button-app a {
            width: auto !important;
        }

    #manage-buying-process td:nth-child(2) {
        order: 1;
        justify-content: flex-start;
        padding-bottom: 0px !important;
        padding-top: 10px !important;
        top: 0px !important;
        width: calc(100% - 100px) !important;
    }

    #notifications-table table tr td {
        padding-bottom: 0px !important;
    }

        #notifications-table table tr td, #notifications-table table tr td div {
            text-align: left;
        }

    #manage-buying-process tr {
        background: #f8f8f8 !important;
        border: 1px solid #f2f2f2 !important;
    }

    #manage-buying-process td:nth-child(1) {
        order: 3;
        padding-bottom: 0px !important;
    }

    #manage-buying-process td img {
        width: 100%;
    }

    #manage-buying-process td:nth-child(3) {
        order: 2;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #manage-buying-process td:nth-child(4) {
        order: 4;
        position: absolute;
        right: 0px !important;
        left: auto;
        width: auto !important;
        min-width: auto;
        padding-top: 10px !important;
    }

    #manage-buying-process td:nth-child(5) {
        order: 5;
    }

        #manage-buying-process td:nth-child(5) a {
            text-align: center;
            padding: 8px 34px;
            height: 38px;
            font-weight: 400;
            font-size: 14px;
            border-radius: 29px !important;
        }

    .manageticket-tab .p-datatable tr td[data-label="Subject"]:before, .manageticket-tab .p-datatable tr td[data-label="Ticket Status"]:before {
        display: none;
    }


    .manageticket-tab .p-datatable tr td[data-label="Ticket Status"] {
        position: absolute;
        right: 0;
        top: 5px;
        text-align: right;
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
        width: auto !important;
        min-width: auto;
    }

        .manageticket-tab .p-datatable tr td[data-label="Ticket Status"] span {
            max-width: 61px;
            overflow: hidden;
        }

        .manageticket-tab .p-datatable tr td[data-label="Ticket Status"] .label.label-light.color-3 {
            background: #489a3e2e;
            color: #489a3e;
        }

        .manageticket-tab .p-datatable tr td[data-label="Ticket Status"] .label.label-light.color-5 {
            background: #c0392b26;
            color: #c0392b;
        }

    .manageticket-tab .p-datatable tr td[data-label="Work Type"] {
        /*position: absolute;
            top: 63px;*/
        width: 50% !important;
    }

        .manageticket-tab .p-datatable tr td[data-label="Work Type"]::before {
            display: none
        }

    .manageticket-tab .p-datatable tr td[data-label="Priority"] {
        float: left;
        max-width: -moz-max-content !important;
        max-width: max-content !important;
        min-width: auto !important;
        text-align: center !important;
        padding-bottom: 10px !important;
        position: absolute;
        right: 70px;
        top: 6px;
    }

        .manageticket-tab .p-datatable tr td[data-label="Priority"]:before {
            display: none
        }

        .manageticket-tab .p-datatable tr td[data-label="Priority"] span {
            color: #BA1A1A;
            border: 1px solid #BA1A1A !important;
            padding: 1px 5px;
            border-radius: 5px;
            font-size: 14px;
        }

    .manageticket-tab .p-datatable tr td[data-label="Work Type"] span {
        text-align: center !important;
    }

    .manageticket-tab .p-datatable tr td[data-label="Work Type"]:before {
        text-align: center !important;
    }

    .manageticket-tab .p-datatable tr td[data-label="Email Address"] {
        padding-top: 15px !important;
        display: none;
    }

    .manageticket-tab .p-datatable tr td[data-label="Phone Number"] {
        display: none;
    }

    .manageticket-tab .p-datatable tr td[data-label="Vendor"] {
        display: flex;
        justify-content: start !important;
        max-width: 24% !important;
        float: left;
        min-width: auto !important;
        padding-left: 16px !important;
        padding-right: 0 !important;
        text-align: left !important;
        align-items: flex-start;
        padding-bottom: 17px !important;
        padding-top: 5px;
        position: absolute;
        padding-top: 1px !important;
        right: 9px;
        top: 40px;
    }

        .manageticket-tab .p-datatable tr td[data-label="Vendor"] a {
            background: none;
        }

        .manageticket-tab .p-datatable tr td[data-label="Vendor"]:before {
            color: #34b0a5;
            font-weight: 600;
            position: relative;
            top: 3px;
        }

        .manageticket-tab .p-datatable tr td[data-label="Vendor"] a span {
            position: relative;
            background: none !important;
            color: #34b0a5;
            font-weight: 600;
        }

        .manageticket-tab .p-datatable tr td[data-label="Vendor"] i.fa {
            display: none;
        }


        .manageticket-tab .p-datatable tr td[data-label="Vendor"] span {
            position: absolute;
            top: 7px;
            left: 54px;
        }

            .manageticket-tab .p-datatable tr td[data-label="Vendor"] span span {
                position: relative;
                top: auto;
                left: auto;
            }

    .manageticket-tab .p-datatable .actions-onclick p {
        font-size: 15px;
    }

    .manageticket-tab .p-datatable tr {
        justify-content: space-between !important;
    }

    .card-body.payment-table.ownedProperttable tr {
        overflow: hidden;
        position: relative;
    }

    .card-body.payment-table.ownedProperttable {
        padding: 0 !important;
    }

        .card-body.payment-table.ownedProperttable tr td.assetimg:before {
            display: none;
        }

        .card-body.payment-table.ownedProperttable tr td.assetimg {
            padding: 0 !important;
            overflow: hidden
        }

            .card-body.payment-table.ownedProperttable tr td.assetimg div {
                width: 100%;
                height: 215px;
                border-radius: 15px;
                overflow: hidden;
                padding-bottom: 15px !important;
            }

                .card-body.payment-table.ownedProperttable tr td.assetimg div img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                }

        .card-body.payment-table.ownedProperttable tr td.assetname, .card-body.payment-table.ownedProperttable tr td.assetdate {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

            .card-body.payment-table.ownedProperttable tr td.assetname:before, .card-body.payment-table.ownedProperttable tr td.assetdate:before, .card-body.payment-table.ownedProperttable tr td.Assetview:before {
                display: none;
            }

            .card-body.payment-table.ownedProperttable tr td.assetname span, .card-body.payment-table.ownedProperttable tr td.assetdate div {
                text-align: left !important
            }

                .card-body.payment-table.ownedProperttable tr td.assetname span, .card-body.payment-table.ownedProperttable tr td.assetname span a {
                    font-size: 20px
                }

                    .card-body.payment-table.ownedProperttable tr td.assetname span a {
                        text-decoration: none;
                        color: #000;
                    }

        .card-body.payment-table.ownedProperttable tr td.Assetview {
            position: absolute;
            right: 19px;
            max-width: -moz-max-content !important;
            max-width: max-content !important;
            min-width: auto !important;
            padding: 0 !important;
            margin-top: -21px;
        }

    .mobileflexbtn {
        display: none;
    }

    .card-body.payment-table.ownedProperttable tr td.Assetview span {
        width: -moz-max-content !important;
        width: max-content !important;
        min-width: auto !important;
    }

    .card-body.payment-table.ownedProperttable tr {
        display: block;
        width: 100%;
    }

        .card-body.payment-table.ownedProperttable tr td {
            display: block;
            width: 100%;
        }

            .card-body.payment-table.ownedProperttable tr td div {
                text-align: left !important
            }

            .card-body.payment-table.ownedProperttable tr td.assetform, .card-body.payment-table.ownedProperttable tr td.assetshare {
                float: left;
                max-width: 50% !important;
                min-width: auto !important;
                text-align: center !important;
                padding-bottom: 10px !important;
            }

                .card-body.payment-table.ownedProperttable tr td.assetform span, .card-body.payment-table.ownedProperttable tr td.assetshare span {
                    text-align: center !important;
                }

    .card-body.payment-table.ownedProperttable .p-datatable tr td.max50-mb {
        float: left;
        max-width: 36px !important;
        min-width: auto !important;
        text-align: center !important;
        padding-bottom: 10px !important;
        position: absolute;
        top: 18px;
        right: 19px;
        padding: 0 !important;
    }

        .card-body.payment-table.ownedProperttable .p-datatable tr td.max50-mb + .max50-mb {
            right: 66px;
        }

        .card-body.payment-table.ownedProperttable .p-datatable tr td.max50-mb div {
            text-align: center !important
        }

    .card-body.payment-table.ownedProperttable .p-datatable tr td.assetslot {
        float: left;
        max-width: 100% !important;
        min-width: auto !important;
        text-align: center !important;
        padding-bottom: 10px !important;
    }

        .card-body.payment-table.ownedProperttable .p-datatable tr td.assetslot::before {
            display: none !important
        }

        .card-body.payment-table.ownedProperttable .p-datatable tr td.assetslot a.btn {
            text-decoration: none !important;
            padding: 9px 15px;
            width: 100%;
        }




    .vacationswaptable.payment-table .p-datatable tr {
        overflow: hidden;
        position: relative;
    }

    .vacationswaptable.payment-table {
        padding: 0 !important;
    }

        .vacationswaptable.payment-table .p-datatable td.assetimg:before {
            display: none;
        }

        .vacationswaptable.payment-table .p-datatable td.assetimg {
            padding: 0 !important;
            overflow: hidden
        }

            .vacationswaptable.payment-table .p-datatable td.assetimg div {
                width: 100%;
                height: 215px;
                border-radius: 15px;
                overflow: hidden;
                padding-bottom: 15px !important;
            }

                .vacationswaptable.payment-table .p-datatable td.assetimg div img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                }

        .vacationswaptable.payment-table .p-datatable tr td.assetname, .vacationswaptable.payment-table .p-datatable tr td.location {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

            .vacationswaptable.payment-table .p-datatable tr td.assetname a {
                font-size: 20px;
                font-weight: 600;
                text-decoration: none !important
            }

            .vacationswaptable.payment-table .p-datatable tr td.assetname:before, .vacationswaptable.payment-table .p-datatable tr td.location:before {
                display: none !important
            }

            .vacationswaptable.payment-table .p-datatable tr td.assetname div, .vacationswaptable.payment-table .p-datatable tr td.location div {
                text-align: left !important
            }

        .vacationswaptable.payment-table .p-datatable tr td.date {
            float: left;
            max-width: 50% !important;
            min-width: auto !important;
            text-align: center !important;
            padding-bottom: 10px !important;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

            .vacationswaptable.payment-table .p-datatable tr td.date:before {
                display: block;
                width: 100%;
            }

            .vacationswaptable.payment-table .p-datatable tr td.date div {
                text-align: left !important
            }




    .buyprocesstable.payment-table .p-datatable tr {
        overflow: hidden;
        position: relative;
    }

    .buyprocesstable.payment-table {
        padding: 0 !important;
    }

        .buyprocesstable.payment-table .p-datatable td.assetimg:before {
            display: none;
        }

        .buyprocesstable.payment-table .p-datatable tr td.justify-content-center.status {
            position: absolute;
            right: 0;
            top: 2px;
            width: -moz-max-content !important;
            width: max-content !important;
            min-width: auto !important;
        }

        .buyprocesstable.payment-table .p-datatable td.assetimg {
            padding: 0 !important;
            overflow: hidden
        }

            .buyprocesstable.payment-table .p-datatable td.assetimg div {
                width: 100%;
                height: 215px;
                border-radius: 15px;
                overflow: hidden;
                padding-bottom: 15px !important;
            }

                .buyprocesstable.payment-table .p-datatable td.assetimg div img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                }

        .buyprocesstable.payment-table .p-datatable tr td.assetname, .buyprocesstable.payment-table .p-datatable tr td.assetownername {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

            .buyprocesstable.payment-table .p-datatable tr td.assetname::before, .buyprocesstable.payment-table .p-datatable tr td.assetdate::before, .buyprocesstable.payment-table .p-datatable tr td.assetownername::before, .buyprocesstable.payment-table .p-datatable tr td.assetstatus::before {
                display: none !important
            }

            .buyprocesstable.payment-table .p-datatable tr td.assetname a {
                font-size: 20px;
                font-weight: 600;
                text-decoration: none !important;
                text-align: left !important
            }

        .buyprocesstable.payment-table .p-datatable tr td.assetdate {
            padding-top: 5px !important;
            padding-bottom: 0 !important;
        }

        .buyprocesstable.payment-table .p-datatable tr td.assetstatus {
            float: left;
            max-width: -moz-max-content !important;
            max-width: max-content !important;
            min-width: auto !important;
            text-align: center !important;
            padding-bottom: 10px !important;
            position: absolute;
            top: 18px;
            right: 19px;
            padding: 0 !important;
        }

            .buyprocesstable.payment-table .p-datatable tr td.assetstatus .label.label-light.color-1 {
                background: #55a719;
            }

    .hidemobilepage {
        display: none;
    }

    .mobileflexbtn {
        display: flex;
        justify-content: space-between;
        padding: 10px 8px 12px;
    }

        .mobileflexbtn i {
            padding: 10px;
            background: #dfdfdf;
            border-radius: 50%;
        }
}

#signup-phone {
    position: relative;
}

    #signup-phone .p-dropdown {
        float: left;
        width: auto;
        min-width: 165px;
        margin-right: 10px;
        position: relative;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        padding: 6px 0px;
    }

    #signup-phone.contry_drop .p-dropdown {
        width: 100%;
    }

    #signup-phone .p-dropdown-label.p-inputtext {
        padding-right: 30px;
        border: none;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    #signup-phone .invalid-feedback {
        position: static;
        left: 15px;
        top: 69px;
        width: auto !important;
    }

    #signup-phone .phone-req {
        left: 232px !important;
        margin-top: 5px;
    }

    #signup-phone input.form-control.mb-1 {
        float: left;
        width: auto;
    }

.input-group-withicon {
    width: 100%;
}

    .input-group-withicon .invalid-feedback {
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -25px;
    }

/* start code for admin mobile app */
.mobile-show {
    display: none !important;
}

.mobile-layout-wrapper #housekeeping-widget {
    padding: 15px;
}

    .mobile-layout-wrapper #housekeeping-widget .project-widgets {
        background: #fff;
    }

@media (max-width: 991px) {
    .mobile-table-box.hide-1 td:first-child {
        display: none !important;
    }

    .mobile-hide {
        display: none !important;
    }

    .mobile-show {
        display: inline-block !important;
    }

    #manage-Company-Users-Table, .mobile-table-box {
        background: #efefef;
    }

        #manage-Company-Users-Table table, .mobile-table-box table {
        }

            .mobile-table-box table tr {
                float: left;
                width: 100%;
            }



            #manage-Company-Users-Table table td, .mobile-table-box table td {
                text-align: left !important;
                justify-content: flex-start !important;
                padding: 0px 10px 5px 10px !important;
                width: 100% !important;
                height: auto;
            }

                #manage-Company-Users-Table table td *, .mobile-table-box table td * {
                    text-align: left !important;
                    line-height: normal;
                }

        #manage-Company-Users-Table #action-list, .mobile-table-box #action-list {
            max-width: 100%;
            display: flex;
            flex-wrap: wrap;
            padding: 0px;
        }

        #manage-Company-Users-Table table td #action-list a, .mobile-table-box table td #action-list a {
            width: 48%;
            text-align: center !important;
            margin-bottom: 5px !important;
        }

    .mobile_flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #mobile-user-name, #vendorslist td:first-child, #pop-cat-listing td:nth-child(2), #popup_work_table td:nth-child(2) {
        font-size: 2.2rem;
        font-weight: bold;
        text-decoration: none !important;
        padding-bottom: 0px !important;
        background: #00293a;
        border-radius: 10px 10px 0px 0px;
    }

        #pop-cat-listing td:nth-child(2) span {
            padding-bottom: 10px;
        }

    #pop-cat-listing td:nth-child(3), #pop-cat-listing td:nth-child(3) span {
        padding-bottom: 0px !important;
        margin-bottom: 0px;
    }

    #pop-cat-listing td img {
        width: 100%;
    }

    #pop-cat-listing td:nth-child(2) span a, #popup_work_table td:nth-child(2) a {
        font-size: 1.3rem;
        text-decoration: none;
        color: #fff;
        text-decoration: none !important;
        padding-bottom: 10px;
    }

    #popup_work_table td:nth-child(3), #popup_work_table td:nth-child(3) span {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    #popup_work_table td:nth-child(2) a {
        float: left;
        margin-right: 3.5rem;
    }

    #pop-cat-listing td:nth-child(4), #popup_work_table td:first-child {
        display: none;
    }

    #popup_work_table td:nth-child(4) .text-center, .mobile-table-box td.mobile-edit-buttons .text-center {
        display: flex !important;
        justify-content: space-between !important;
    }

        #popup_work_table td:nth-child(4) .text-center a, .mobile-table-box td.mobile-edit-buttons .text-center a, .mobile-table-box table td.mobile-edit-buttons a {
            width: 50%;
            text-align: center !important;
            padding: 10px !important;
        }


    #vendorslist td:nth-child(2) {
        background: #00293a;
        color: #fff !important;
        padding-top: 0px !important;
        font-weight: normal !important;
    }

    #vendorslist tr {
        position: relative;
    }

    #vendorslist td:nth-child(2) span {
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
    }

    #vendorslist td:nth-child(3) {
        padding-bottom: 0px !important;
        font-size: 15px !important;
    }

    #vendorslist td:nth-child(4) {
        display: none;
    }

    #vendorslist td:nth-child(5) {
        padding-top: 5px !important;
    }

    #vendorslist td:nth-child(6), #pop-cat-listing td:nth-child(5) { /*for status */
        position: absolute;
        z-index: 89;
        top: 18px;
        right: 10px;
        width: auto !important;
        min-width: auto !important;
        padding: 0px !important;
    }

    .mobile-table-box tr {
        position: relative;
    }

    #popup_work_table .mobile-workType {
        right: 10px;
        display: flex;
        width: auto !important;
        padding: 0px !important;
        margin: 0px;
        position: absolute;
        top: 13px;
        z-index: 89;
        background: #0ac282;
        padding: 2px 10px 2px !important;
        border-radius: 3px;
        font-weight: 400;
        font-size: 14px;
        color: #ffffff !important;
        line-height: 21px;
        min-width: auto;
    }


    #vendorslist td:nth-child(6) a span, #pop-cat-listing td:nth-child(5) a span { /*for status padding and text */
        padding: 2px 10px 2px !important;
        border-radius: 3px;
        padding: 5px 15px;
        font-weight: 400;
        font-size: 14px;
        color: #ffffff;
        display: inline-block;
        text-transform: capitalize;
        text-align: center;
        width: 100%;
        line-height: 21px;
    }

        #vendorslist td:nth-child(6) a span.color-3, #pop-cat-listing td:nth-child(5) a span.color-3 { /*for status color */
            background: #0ac282;
        }

    #pop-cat-listing td:nth-child(8), #pop-cat-listing td:nth-child(9) {
        width: 50% !important;
        float: left;
    }

    #vendorslist td:first-child a {
        font-size: 1.3rem;
        text-decoration: none;
        color: #fff;
        text-decoration: none !important;
    }

    #mobile-user-phone {
        font-weight: normal;
    }

    .mobile-table-box table td.p-frozen-column {
        padding-bottom: 0px;
    }

        .mobile-table-box table td.p-frozen-column span span {
            display: flex;
            flex-wrap: wrap;
        }

        .mobile-table-box table td.p-frozen-column a {
            width: 48% !important;
            white-space: normal !important;
            text-align: center !important;
        }


    /*.p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:nth-child(1) {
        background: #fe9365 !important;
    }
    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:nth-child(2) {
        background: #0ac282 !important;
    }
    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:nth-child(3) {
        background: #945e00 !important;
    }
    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:nth-child(4) {
        background: #122341 !important;
    }
    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:nth-child(5) {
        
        background: #c0392b !important;
    }
    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:nth-child(6) {
        background: #49506d !important;
    }*/
    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:nth-child(7) {
    }

    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box a:nth-child(8) {
    }


    #mobile-user-type {
        padding-top: 10px;
    }

    .actions.rw_act {
        height: auto;
    }

    .card-header.admin-form {
        position: relative;
        bottom: 0px;
        left: 0px;
        width: 100vw;
        /* display: none; */
        z-index: 9999;
        /*background: transparent; background: #eff2f5 !important;*/
        background: #fff !important;
        margin-top: 85px;
        padding: 10px 15px !important;
    }


        .card-header.admin-form .listing-option div.col-lg-6.pb-0, .card-header.admin-form .listing-option div.col-lg-6.col-xl-5 {
            display: none;
        }

        .card-header.admin-form .listing-option div#downloadReportButton,
        .card-header.admin-form .listing-option div.col-xl-7.col-lg-6 .btn-danger {
            display: none !important;
        }

        .card-header.admin-form .listing-option .btn.btn-gradient.color-4.mx-1,
        .card-header.admin-form .listing-option .btn.btn-primary, card-header.admin-form .listing-option a {
            width: 100%;
            font-size: 16px;
        }

    section.page-body {
        position: relative;
    }

    .input-group {
        flex-wrap: nowrap;
    }

    .form-items-title {
        padding-top: 15px !important;
        margin-top: 0px;
    }

    .switch {
        width: 102px;
        height: 29px;
    }

    .form-btn {
        padding-top: 0px;
        padding-bottom: 10px;
    }

        .form-btn button, .form-btn a {
            width: 48%;
        }

    .form-group.mt-4 {
        margin-top: 0px;
    }

    .modal-open {
        overflow: hidden;
    }

    .modal-content .mobile-table-box {
        height: auto !important;
    }

    #app {
        padding-top: 90px;
    }
}

.voting-box .card.border {
    border: 1px solid #dfdfdf !important;
    height: 100%;
}

.voting-box .badge {
    background: #c3c3c3;
    color: #000;
}

.voting-box .small.mt-1.text-muted {
    padding-top: 5px;
    margin-top: 5px;
}

.voting-box .alert.alert-primary {
    padding: 5px;
    text-transform: capitalize;
}

.voting-box .small {
    padding-bottom: 5px;
    font-weight: bold;
}

.voting-box .progress {
    border: none !important;
    background: #e7e7e7 !important;
}

.voting-box .card.border.Passed {
    background: #f0fffa;
}

    .voting-box .card.border.Passed .label.label-light.color-3 {
        background: #02704a !important;
    }

.voting-box .card.border.Failed {
    background: #fff1f1;
}

.voting-box .Passed .progress, .voting-box .Failed .progress {
    background: #9e9e9e !important;
}

.voting-box .card.border.Passed .btn.btn-light, .voting-box .card.border.Failed .btn.btn-light {
    display: none;
}

.voting-box .btn.border-success:hover {
    background: #0ac282 !important;
    color: #fff !important;
}

.voting-box .btn.border-danger:hover {
    background: #c0392b !important;
    color: #fff !important;
}

.voting-box .btn.border-secondary:hover {
    background: #6c757d !important;
    color: #fff !important;
}
/* end code for admin mobile app */


/* new css startered 12-5-26 */

.mb-login-info {
    display: none;
}

a.addticketlink .btn.btn-gradient span.plus {
    display: none;
}

.actionbuttonbx .btn span {
    display: none;
}

.listing-option .btn.btn-gradient .plus {
    display: none;
}

#admin_login .mblogo {
    display: none;
}

@media (max-width:991px) {

    #admin_login .dsklogo {
        display: none;
    }

    #admin_login .mblogo {
        display: block;
        margin: 0 auto;
    }

    #admin_login_box {
        /* background: url(../../images/logni-bg2.png) center center no-repeat !important;*/
        background: url(/img/bg2.f5190a05.jpg) center center no-repeat !important;
        background-size: cover !important;
    }

        #admin_login_box:after {
            display: none
        }

    #app {
        padding-top: 0px;
    }

    #admin_login {
        position: absolute;
        bottom: 0;
        border-radius: 25px 25px 0 0;
        padding: 28px 28px 55px 28px !important;
    }

        #admin_login img {
            max-width: 150px;
            width: 100%;
        }

        #admin_login label {
            display: none;
        }

            #admin_login label.form-check-label {
                display: inline-block;
                font-weight: 400 !important;
            }

    #admin_login_box .btn.btn-gradient.color-2 {
        max-width: 100%;
        font-size: 1rem;
    }

    .mb-login-info {
        display: block;
    }

    #admin_login .login-logo {
        position: fixed;
        top: 27px;
        left: 0;
        right: 0;
    }

    #admin_login .input-group-apend .input-group-text {
        height: 100% !important;
        background: transparent;
        border-color: #c1a14d;
        color: #000;
    }

    .mb-login-info h3, .mb-left h3 {
        font-weight: 500;
        font-size: 24px;
        padding-top: 25px;
        text-align: center;
        color: #c1a14d;
    }

    .mb-login-info p {
        color: #fff;
        text-align: center;
    }

    .form-control {
        min-height: 47px;
        line-height: 33px;
        border: 1px solid #c1a14d !important;
        border-radius: 7px !important;
    }

    #admin_login .mb-left {
        text-align: left !important;
    }

    .form-control.username {
        padding: 0.5rem 1rem 0.5rem 2.2rem;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAtCAYAAADcMyneAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAD1SURBVHja7JjBDcMwCEWD5bk6QkfocB2hI3Qxmkskq21iwBCwApccEiVPn883CiDiErnKErwSMAETsFN19AXv572XU3B08/Z42QASwLZCCqhqixlw/0AvPiSDnkNPBaGBAzcFGapBFEAI5UGmryBKi1WjxQIQLeC0FcTmim4eXM/OkZyDaB70aXFHRdWJFm8zG+ToumW+D84Q1PE2auE+KFK7ngC1F0MkWDj69aEENZQKxRuu961i4DGQeG3vmz8tpsC1LVmfV91uvttdtbzCnGJUnWIFMDFocYBj5eL8J8mZcXOdfTABqWdxKpiACTgB4EeAAQAMJE/Z3j2NbgAAAABJRU5ErkJggg==) top left no-repeat !important;
        background-size: 20px !important;
        background-position: 11px 10px !important;
    }

    .form-control.userpass {
        padding: 0.5rem 1rem 0.5rem 2.2rem;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAtCAYAAADcMyneAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADRSURBVHja7JnLDYNADESZVeqihJSQ4lJCSqAxB6ScENmf7cWgscQJoX0a24MNEJEpcqQpeDw0Dy/vZ438yN2cXx8fBSvhtpDfNS7FDXB7UH/ATrhuyGQMh1LNtUJadfEerAQq5oAZ9dDbwe4KrhYBrc1c3qiTs3pqFe+rIAGvAoijeVD5OjO1rRQF7t/ZrEH3ibpkyGtatAxCmyEgAc/aiys6EREUFOtVkzVIQAIOBnRd3K18EEwxAQkYdZo5cw1lil0AG7/7mcbR2Yj+r+4rwACuQzkiY18nWgAAAABJRU5ErkJggg==) top left no-repeat !important;
        background-size: 20px !important;
        background-position: 11px 10px !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    #admin_login .form-group .input-group-text {
        border-radius: 5px !important;
    }

    .col-lg-12.mobile-layout-wrapper {
        padding: 0;
    }

    .dashboard-widget-cntr .col-lg-12.pt-4 {
        padding-top: 0 !important;
    }

    .dashboard-widget-cntr .small-widgets {
        padding-top: 0;
    }

    .dashboard-widget-cntr {
        border-radius: 0;
        background: #fff;
        padding: 15px 15px 10px 15px !important;
        margin-top: 85px;
        overflow-y: scroll;
        height: calc(100vh - 126px);
    }

    #expense-voting-widgets .project-widgets {
        margin-bottom: 10px !important;
        padding: 0px 5px !important;
    }

    #expense-voting-widgets {
        padding: 0 8px;
        margin-bottom: 8px;
    }

    .mobile-layout-wrapper .card-body.layoutbx, .mobile-wraper-body {
        /*border-radius: 25px 25px 0 0;*/
        border-radius: 0px;
        background: #fff;
        padding: 5px 15px 10px 15px !important;
        margin-top: 97px;
        overflow-y: scroll;
        height: calc(100vh - 90px);
    }

    .cad-page {
        border-radius: 0;
        background: #fff;
        padding: 15px 5px 10px 5px !important;
        margin-top: 85px;
        overflow-y: scroll;
        height: calc(100vh - 124px);
    }

    .mobile-layout-wrapper .card-body.layoutbx.nobtnbottm {
        height: calc(100vh - 99px);
    }

        .mobile-layout-wrapper .card-body.layoutbx.nobtnbottm.frontnavpages {
            height: calc(100vh - 155px);
        }

    .payment-table .no-record-found {
        margin-top: 0;
    }

    .mbpd-left0 {
        padding-left: 0 !important
    }

    .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable {
        margin-top: 0px !important;
        height: calc(100vh - 214px);
    }

        .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable td:nth-child(1) {
            order: 1;
        }

        .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable td:nth-child(2) {
            order: 2;
        }

        .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable td:nth-child(3) {
            order: 3;
        }

        .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable td:nth-child(4) {
            order: 4;
            display: none;
        }

        .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable td:nth-child(5) {
            order: 5;
            padding-bottom: 10px !important;
            font-size: 15px !important;
        }

            .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable td:nth-child(5):before {
                display: none !important;
            }

        .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable td:nth-child(6) {
            display: none;
            order: 6;
        }

    .mobile-nopadding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable td:nth-child(7) {
        order: 7;
    }

    .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable td:nth-child(8) {
        order: 8;
    }


    .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable a.btn.btn-pill.btn-secondary.color-4 {
        background: #0c283a !important
    }


        .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable a.btn.btn-pill.btn-secondary.color-4 i {
            font-size: 22px;
            color: #fff;
        }

    .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable td {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    .mobile-layout-wrapper .card-body.layoutbx.ownedProperttable i.fa-file-alt {
        font-size: 22px;
    }

    .mobile-layout-wrapper .card-body.layoutbx.margin0 {
        margin-top: 0px;
    }

        .mobile-layout-wrapper .card-body.layoutbx.margin0.frontnavsearch {
            height: calc(100vh - 180px);
        }

    /*    .page-body-wrapper {
        background: url(../../images/bg-inner.png) top left no-repeat !important;
        background-size: cover !important;
    }*/

    #doc_listing {
        border: 1px solid red !important;
        background: #fff;
        overflow: auto;
    }

    .card.bginner {
        /* background: url(../../images/bg-inner.png) top left no-repeat !important;
        background-size: cover !important;*/
        background: #fff;
    }

    .page-wrapper .page-main-header {
        /* background: transparent;*/
        background: #122341;
        border: none;
    }

    .card-header.admin-form .filter-panel {
        background: #eff2f5;
        border-radius: 9px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .card-header.admin-form #property_detail_filter .filter-panel {
        padding-bottom: 10px !important;
        padding-left: 7px !important;
    }

    .cad-hero {
        background: none !important;
        box-shadow: none !important;
        border-radius: 0px !important;
        gap: 10px !important;
        border-bottom: 1px solid #dadada !important;
        padding-bottom: 10px !important;
    }

    .cad-hero__badges {
        margin-bottom: 0px;
    }

    .cad-chip span {
        color: #122341;
    }

    .cad-hero__title {
        color: #3087bd !important;
        font-weight: 600 !important;
        padding-right: 125px !important;
        margin: 0px !important;
    }

    .cad-hero__left .cad-hero__thumb {
        order: 2;
        padding-top: 0px !important;
    }

    .cad-hero__left .cad-hero__copy {
        order: 1;
        padding: 0px;
    }

    #asset_details_content_box div.asset-detail-readonly-section:nth-child(2) .col-lg-12.mb-3 {
        display: none;
    }

    #asset_details_content_box .asset-detail-readonly-section.mb-4 {
        margin-bottom: 0px !important;
    }

    #asset_details_content_box .form-group {
        max-width: 100%;
    }

        #asset_details_content_box .form-group .attribute-boolean-field {
            padding-bottom: 8px;
        }

    #asset_details_content_box .row .form-group:last-child .attribute-boolean-field {
        padding-bottom: 0px;
    }

    #asset_details_content_box #book-property-box.expdetailbx {
        border-radius: 0px;
        border: 0px;
        border-bottom: 1px solid #d4d4d4;
        padding: 0px;
        padding-bottom: 10px;
    }

    #asset_details_content_box .form-items-title {
        padding-bottom: 0px;
        border: none !important;
    }

    #asset_details_content_box .asset-detail-readonly-section .col-lg-12.mb-3 {
        margin-bottom: 10px !important;
    }

    #asset_details_content_box h4.form-items-title {
        margin-bottom: 0px;
    }

    #asset_details_content_box .form-group .attribute-boolean-field strong {
        font-weight: normal;
    }

    #property_detail_filter .filter-panel .listing-option .form-group .p-multiselect.p-component {
        background: none !important;
        border: none !important;
    }


    #mobile-detail-descriptionbox p {
        margin-bottom: 0px;
    }

        #mobile-detail-descriptionbox p.price {
            padding-top: 5px;
            padding-bottom: 5px;
        }

    .card-header.admin-form .filter-panel #search_dropdown {
        display: none;
    }

    .card-header.admin-form .btn-danger {
        display: none;
    }

    .card-header.admin-form #search_box {
        width: 100%;
        padding-right: 0 !important;
    }

        .card-header.admin-form #search_box input.form-control {
            border: none !important;
            outline: none;
            box-shadow: none;
            /*height: 52px;*/
            height: auto;
            padding: 0 !important;
            padding-left: 10px !important;
            background: none;
            line-height: 54px;
        }


    .filter-panel .listing-option {
        display: block;
        padding: 0 0px;
        width: 100%;
        margin: 0;
        height: 52px;
    }

    a.addticketlink .btn.btn-gradient {
        background: #825100;
        border-radius: 50%;
        width: 54px !important;
        height: 54px !important;
    }

    a.addticketlink, a.addbtn {
        position: fixed;
        right: 21px;
        bottom: 148px;
    }

        a.addticketlink .btn.btn-gradient span.plus {
            display: block;
        }

        a.addticketlink .btn.btn-gradient span.hidetextmb {
            display: none;
        }

    .custom-dropdown-selected-item {
        min-height: 46px;
    }

    .admin-form label {
        font-weight: 600;
        text-transform: uppercase;
    }

    #basic-addon2 a.btn.btn-pill {
        min-height: 44px;
        line-height: 28px;
    }

    .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list a {
        width: -moz-max-content !important;
        width: max-content !important;
        background: transparent;
        color: #000 !important;
        padding: 4px 10px !important;
        height: auto;
        display: flex;
        border-radius: 5px;
    }

        .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list a p {
            text-transform: uppercase;
            font-weight: 600;
        }

        .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list a:nth-child(1) {
            color: #ca8a04 !important;
            border: 1px solid #ca8a04 !important;
            padding: 8px 15px !important;
        }

            .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list a:nth-child(1) p {
                color: #ca8a04 !important;
            }

        .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list a:nth-child(2) {
            color: #1670A1 !important;
            border: 1px solid #1670A1 !important;
            padding: 8px 15px !important;
        }

            .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list a:nth-child(2) p {
                color: #1670A1 !important;
            }

        .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list a:nth-child(3) {
            color: #7c3aed !important;
            border: 1px solid #7c3aed !important;
            padding: 8px 15px !important;
        }

            .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list a:nth-child(3) p {
                color: #7c3aed !important;
            }

        .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list a:nth-child(4) {
            color: #122341 !important;
            border: 1px solid #122341 !important;
            padding: 8px 15px !important;
        }

            .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list a:nth-child(4) p {
                color: #122341 !important;
            }

        .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list a:nth-child(5) {
            color: #16a085 !important;
            border: 1px solid #16a085 !important;
            padding: 8px 15px !important;
        }

            .p-datatable .p-datatable-tbody > tr > td span.actions.rw_act span.action-list-box #action-list a:nth-child(5) p {
                color: #16a085 !important;
            }

    .manageticket-tab .p-datatable tr td a.text-primary {
        color: #825100 !important;
    }

    .manageticket-tab .p-datatable tr td.mobile-tablecard-button {
        padding-top: 0px !important;
    }

        .manageticket-tab .p-datatable tr td.mobile-tablecard-button.hidecheck {
            display: none !important;
        }

    .page-header .breadcrumb {
        display: none;
    }

    .expensetable .p-datatable .p-datatable-tbody > tr > td.actionbuttonbx .btn[title="View Document"] {
        display: none;
    }

    .expensetable .p-datatable .p-datatable-tbody > tr > td > * {
        text-align: left;
    }

    .expensetable .p-datatable .p-datatable-tbody > tr > td .headingsub a {
        text-decoration: none !important;
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
    }

    .expensetable .p-datatable .p-datatable-tbody > tr > td .priceright {
        color: #247c2e;
        font-size: 16px;
        font-weight: 600;
    }

    .expensetable .p-datatable .p-datatable-tbody > tr > td.blankhide {
        display: none;
    }

    .expensetable .p-datatable .p-datatable-tbody > tr > td.padding0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .expensetable .p-datatable .p-datatable-tbody > tr > td.lastfoot {
        position: absolute;
        right: 0;
        width: auto !important;
        min-width: auto !important;
        top: 7px;
    }

        .expensetable .p-datatable .p-datatable-tbody > tr > td.lastfoot a.p-2.btn-bg-red {
            padding: 5px 6px !important;
        }

    .no-record-found {
        margin-top: 80px;
    }

    .actionbuttonbx .btn span {
        display: block;
    }

    .actionbuttonbx .btn i {
        display: none;
    }

    .actionbuttonbx .btn {
        background: none;
    }

    .expense-voting-page #expense-voting-widgets .project-widgets .media .widget-icon h1.expense-voting-stat-value strong {
        color: #fff !important;
    }

    .expense-voting-page #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+2) .card .widget-icon h1 strong {
        color: #fff !important;
    }

    .expensetable .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.actionbuttonbx {
        border-top: 1px solid #e0e0e0 !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .expensetable .p-datatable .p-datatable-tbody > tr > td.actionbuttonbx .btn {
        background: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    .actionbuttonbx .btn.expense-payment-tracking-fab.me-1 {
        border: 1px solid #734800 !important;
        max-width: 40%;
        margin-right: 15px !important;
    }

    .actionbuttonbx .btn.expense-payment-tracking-fab {
        border: 1px solid #1670A1 !important;
        border-radius: 5px !important;
    }

        .actionbuttonbx .btn.expense-payment-tracking-fab span {
            display: block;
            color: #1670A1;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 12px;
        }

        .actionbuttonbx .btn.expense-payment-tracking-fab.me-1 span {
            color: #734800;
        }

    .modal-content {
        max-height: 75vh;
    }

    .modal-container .modal-body {
        max-height: 58vh;
    }

    .expensetable .p-datatable .p-datatable-tbody > tr {
        position: relative
    }

        .expensetable .p-datatable .p-datatable-tbody > tr > td.catname {
            position: absolute;
            top: 40px;
            text-align: right;
            width: -moz-max-content !important;
            width: max-content !important;
            right: 0;
            min-width: auto;
        }

            .expensetable .p-datatable .p-datatable-tbody > tr > td.catname span.catnamespn {
                color: #1670A1;
                background: #1670a12e;
                padding: 1px 6px;
            }

        .expensetable .p-datatable .p-datatable-tbody > tr:nth-child(2n) td.catname span.catnamespn {
            color: #091b39;
            background: #dbe2ff;
            padding: 1px 6px;
            border-radius: 4px;
        }

        /* Odd rows - different color */
        .expensetable .p-datatable .p-datatable-tbody > tr:nth-child(2n+1) td.catname span.catnamespn {
            color: #489a3e;
            background: #489a3e29;
            padding: 1px 6px;
            border-radius: 4px;
        }

    .expense-voting-page.mobile-layout-wrapper {
        padding: 0;
    }

    .voting-panel .card-body {
        background-color: #f8f8f8 !important;
        border: 1px solid #f2f2f2 !important;
        box-shadow: none !important;
    }

    .expense-voting-page .voting-dl dt {
        display: none;
    }

    .expense-voting-page .voting-dl .title {
        font-size: 18px;
        font-weight: 600;
    }

    .expense-voting-page .voting-dl .desc {
        font-size: 14px;
        color: #777;
        margin-bottom: 10px;
    }

    .expense-voting-page .voting-dl .amount {
        color: #247c2e;
        font-size: 16px;
        font-weight: 600;
    }

    .expense-voting-page .voting-dl dd {
        margin-bottom: 0px;
    }

    #expense-voting-widgets .project-widgets {
        width: 33%;
    }

    .expense-voting-page .voting-dl dd.hidemb {
        display: none;
    }

    #expense-voting-widgets .project-widgets .media {
        align-items: center !important;
        flex-direction: column-reverse !important;
    }

    #expense-voting-widgets .card-body {
        border-radius: 8px;
    }

    #expense-voting-widgets .project-widgets .media .media-body h3 {
        color: #fff !important;
        text-align: center;
        font-size: 14px;
        line-height: 15px;
        height: auto;
    }

    #expense-voting-widgets .project-widgets .media .media-body {
        width: 100%;
    }

    #expense-voting-widgets .bg-c-lite-green {
        background: #1ca480;
    }

    #expense-voting-widgets .bg-c-green {
        background: #bb5461;
    }

    #expense-voting-widgets .bg-c-yellow {
        background: #d39a45;
    }

    #expense-voting-widgets .bg-c-purple {
        background: #3087bd;
    }

    #expense-voting-widgets .bg-c-pink {
        background: #333;
    }

    #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+2) .card, #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+1) .card {
        background: #f8f8f8;
    }

    #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+3) .card, #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+2) .card {
        background: #f8f8f8;
    }

    #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+1) .card, #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+3) .card {
        background: #f8f8f8;
    }

    #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+4) .card {
        background: #f8f8f8;
    }

    #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+2) .card .widget-icon h1 strong, #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+2) .card .widget-icon h1 stong {
        color: #825100 !important;
    }

    #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+3) .card h1 strong, #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+3) .card h1 strong {
        color: #247c2e !important;
    }

    #expense-voting-widgets .small-widgets .project-widgets:nth-child(6n+1) .card h1 strong, #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+1) .card h1 strong {
        color: #247ec2 !important;
    }

    #expense-voting-widgets.small-widgets .project-widgets:nth-child(6n+4) .card h1 strong {
        color: #452cb2 !important;
    }

    #expense-voting-widgets .media h3 {
        font-size: 16px;
        margin-bottom: 1px;
        height: 22px;
        overflow: hidden;
        display: block;
        width: 100%;
    }

    #expense-voting-widgets .project-widgets .media {
        align-items: flex-start;
        flex-direction: column;
    }

        #expense-voting-widgets .project-widgets .media .media-body {
            margin-right: 0px;
            margin-left: 0;
        }

    #expense-voting-widgets .small-widgets .project-widgets .media .media-body {
        width: 100%;
        text-align: left;
    }

    #expense-voting-widgets .project-widgets .media .widget-icon {
        width: auto;
        height: auto;
        margin: 0;
    }

        #expense-voting-widgets .project-widgets .media .widget-icon h1 {
            text-align: left;
            margin: 0;
            font-size: 32px !important;
            line-height: 39px;
        }

    .addressDesc p.lastadddesc {
        margin-bottom: 0;
    }

    .filter-panel .listing-option #search_button {
        position: absolute;
        right: 51px;
        top: 4px;
    }

        .filter-panel .listing-option #search_button.noFilter {
            right: 6px;
        }

        .filter-panel .listing-option #search_button .btn.btn-gradient {
            padding: 4px 8px !important;
            background: transparent;
            color: #000;
            font-size: 18px;
            height: auto;
            margin-top: 12px;
        }

            .filter-panel .listing-option #search_button .btn.btn-gradient:hover {
                background: #fff
            }

            .filter-panel .listing-option #search_button .btn.btn-gradient::before {
                content: "\f002";
                font-family: "Font Awesome 6 Free";
                font-weight: 900;
                margin-right: 6px;
            }

            .filter-panel .listing-option #search_button .btn.btn-gradient span {
                display: none;
            }

    .filter-panel .hidemob {
        display: none
    }

    .listing-option .btn.btn-gradient .plus {
        display: block;
    }

    .listing-option .hidetextmb {
        display: none;
    }

    .card-header.admin-form .filter-panel.filterexp {
        background: none;
    }

        .card-header.admin-form .filter-panel.filterexp .addexprw a.btn {
            line-height: 49px !important;
        }

        .card-header.admin-form .filter-panel.filterexp .addexprw {
            position: fixed;
            right: 18px;
            bottom: 92px;
            width: -moz-max-content;
            width: max-content;
            padding-right: 0;
        }

            .card-header.admin-form .filter-panel.filterexp .addexprw .btn-gradient, .mobile-addButton {
                background: #825100;
                border-radius: 50%;
                width: 54px !important;
                height: 54px !important;
                line-height: 34px !important;
            }

    .mobile-addButton {
        position: fixed;
        right: 21px;
        bottom: 148px;
        color: #fff;
        font-size: 16px;
        line-height: 54px !important;
        text-align: center !important;
        cursor: pointer !important;
    }

    .card-header.admin-form .filter-panel.filterexp .listing-option {
        height: auto;
    }

    .form-items-title.mnone {
        display: none
    }

    input[type="file"]::-webkit-file-upload-button {
        height: 45px;
        padding: 0 15px;
        border: none;
        background: #e9ecef;
        cursor: pointer;
    }

    /* For modern browsers */
    input[type="file"]::file-selector-button {
        height: 45px;
        padding: 0 15px;
        border: none;
        background: #e9ecef;
        cursor: pointer;
    }

    .voting-panel i.text-primary {
        color: #825100 !important
    }

    .mobile-layout-wrapper .card-body.layoutbx.nobtnbottm .card-header.admin-form {
        margin-top: 0;
    }

    .card-header.admin-form.mnone {
        display: none;
    }

    .meeeting-shed-btn {
        position: relative;
        top: 155px;
        z-index: 1;
        margin-top: -57px;
    }

        .meeeting-shed-btn .btn-group .btn {
            color: #333 !important;
            border-radius: 5px 5px 0 0 !important;
            padding: 6px 10px;
            height: auto;
            background: #fff
        }

            .meeeting-shed-btn .btn-group .btn.btn-gradient.color-4 {
                background: #825100 !important;
                color: #fff !important
            }

        .meeeting-shed-btn .col-12 {
            display: flex;
            padding-left: 22px;
        }

        .meeeting-shed-btn .btn-group.flex-wrap {
            gap: 10px;
        }

    .meetingschedtab .p-datatable .p-datatable-tbody > tr > td.mnone {
        display: none;
    }

    .meetingschedtab .p-datatable .p-datatable-tbody > tr > td > *, .meetingschedtab .p-datatable .p-datatable-tbody > tr > td {
        text-align: left;
        justify-content: flex-start;
        padding: 4px 14px !important;
        font-size: 15px;
    }

        .meetingschedtab .p-datatable .p-datatable-tbody > tr > td.createon, .meetingschedtab .p-datatable .p-datatable-tbody > tr > td.createdname {
            display: none;
        }

        .meetingschedtab .p-datatable .p-datatable-tbody > tr > td.submittedFrom {
            display: none;
        }

    .meetingschedtab .p-datatable .p-datatable-tbody > tr {
        position: relative
    }

        .meetingschedtab .p-datatable .p-datatable-tbody > tr > td.heading {
            font-size: 18px;
            font-weight: 600;
            padding-top: 8px !important;
            text-transform: capitalize;
        }


        .meetingschedtab .p-datatable .p-datatable-tbody > tr > td.mstatus {
            position: absolute
        }

        .meetingschedtab .p-datatable .p-datatable-tbody > tr > td.mstatus {
            position: absolute;
            right: 0;
            width: -moz-max-content !important;
            width: max-content !important;
            display: block;
            min-width: auto;
            top: 9px;
        }

        .meetingschedtab .p-datatable .p-datatable-tbody > tr > td.participant {
            padding-top: 0 !important;
            padding-bottom: 6px !important
        }

            .meetingschedtab .p-datatable .p-datatable-tbody > tr > td.participant span {
                padding: 0 !important;
                font-weight: normal;
                margin-bottom: 2px;
                font-size: 15px;
            }

                .meetingschedtab .p-datatable .p-datatable-tbody > tr > td.participant span .badge-more {
                    width: auto !important;
                    display: inline-block;
                    font-size: 14px;
                    padding: 1px 9px !important;
                    display: none;
                }

        .meetingschedtab .p-datatable .p-datatable-tbody > tr > td.mstatus span {
            color: #16a085;
            background: #fff;
            padding: 1px 6px !important;
            border-radius: 4px;
            border: 1px solid #16a085 !important;
            font-size: 14px;
        }

            .meetingschedtab .p-datatable .p-datatable-tbody > tr > td.mstatus span.label-light.color-7 {
                color: #1685a0;
                background: #fff;
                padding: 1px 6px !important;
                border-radius: 4px;
                border: 1px solid #1685a0 !important;
                font-size: 14px;
            }

        .meetingschedtab .p-datatable .p-datatable-tbody > tr.meeting-status-completed > td.mstatus span {
            color: #fd350099;
            background: #fff;
            padding: 1px 6px !important;
            border-radius: 4px;
            border: 1px solid #fd350099 !important;
        }

    .meetingschedtab .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.lastfoot .text-center {
        padding: 0 !important;
        width: 50%;
    }

    .mobile-layout-wrapper .card-body.layoutbx.nobtnbottm.meetingschedtab {
        margin-top: 100px;
        height: calc(100vh - 134px);
    }

    .meetingschedtab .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr.meeting-status-completed > td.lastfoot {
        display: none;
    }

    .meetingschedtab .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.lastfoot {
        border-top: 1px solid #e0e0e0 !important;
        padding-top: 12px !important;
        padding-bottom: 10px !important;
        padding-left: 10px !important;
    }

        .meetingschedtab .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.lastfoot .btn-bg-red {
            background: #1670A1;
            border-radius: 50% !important;
            width: 36px;
            height: 36px;
            display: inline-block;
            float: right;
        }

    .meetingschedtab .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.videofoot {
        position: absolute;
        bottom: 4px;
        width: -moz-max-content !important;
        width: 21% !important;
        min-width: auto;
        text-align: right;
        display: block;
        right: 58px;
    }


    .meetingschedtab .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.createdname {
        /* position: absolute;
        bottom: 21px;*/
        position: relative;
        width: -moz-max-content !important;
        width: 59% !important;
        min-width: auto;
        text-align: left;
        display: none;
        left: 16px;
        font-weight: bold;
        padding: 0 !important;
    }

    .meetingschedtab .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.videofoot a {
        background: #825100;
        border-radius: 50% !important;
        width: 36px;
        height: 36px;
        display: inline-block;
        padding: 0px !important;
        text-align: center;
        line-height: 35px;
        color: #fff;
        position: relative;
        top: 3px;
    }

    .votingtable .p-datatable .p-datatable-tbody > tr > td.namehead {
        padding-top: 6px !important;
    }

        .votingtable .p-datatable .p-datatable-tbody > tr > td.namehead span {
            font-weight: bold;
            font-size: 16px;
        }

    .votingtable .p-datatable .p-datatable-tbody > tr > td * {
        text-align: left;
    }

    .votingtable .p-datatable .p-datatable-tbody > tr > td {
        justify-content: start;
    }

    .votingtable .p-datatable .p-datatable-tbody > tr > td {
        padding: 2px 13px !important
    }

        .votingtable .p-datatable .p-datatable-tbody > tr > td.mnone {
            display: none;
        }

    .form-group.col-sm-12.mt-4.resmt {
        margin-top: 0 !important;
    }

    .bookprpty.proImg {
        margin-bottom: 17px;
    }

    .assetdtls .price {
        font-size: 22px;
        color: #247c2e;
        line-height: 22px;
        font-weight: 600;
    }

    .booking-calendar .fc.fc-theme-standard .fc-toolbar .fc-button {
        background: #122341 !important;
        border: 1px solid #122341 !important;
        margin: 0px 1px;
    }

    .row.filterrow {
        display: none;
    }

    .payment-table .fc-multimonth-month table tr td:nth-child(2), .payment-table .fc-multimonth-month table tr th:nth-child(2) {
        width: auto !important;
    }

    .payment-table .fc-multimonth-month table tr td, .payment-table .fc-multimonth-month table tr th {
        width: auto !important;
    }

    .payment-table table.fc-col-header tr td:nth-child(2), table.fc-col-header tr th:nth-child(2) {
        width: auto !important;
    }

    .payment-table table.fc-col-header table tr td, table.fc-col-header table tr th {
        width: auto !important;
    }

    .payment-table table.fc-col-header tr {
        float: none;
        width: 100%;
    }

    .payment-table .fc-multimonth-month table tr {
        float: none;
        width: 100%;
    }

    .booking-calendar .fc-multimonth-title {
        text-align: left !important;
        color: #323232;
        padding-left: 10px;
    }

    .btnflexrw a.btn.mb-spc-top.fullwidth {
        width: 100%;
    }

    .btnflexrw .btn.btn-pill.btn-gradient {
        width: 71%;
    }

    .btnflexrw {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .btnflexrw .btn-danger.me-2 {
            margin-right: 0 !important;
        }

    .documetnlisttable .p-datatable .p-datatable-tbody > tr > td {
        justify-content: flex-start;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .documetnlisttable .p-datatable .p-datatable-tbody > tr > td > * {
            flex: 1;
            text-align: left;
        }

        .documetnlisttable .p-datatable .p-datatable-tbody > tr > td.title {
            padding-bottom: 0 !important;
        }

            .documetnlisttable .p-datatable .p-datatable-tbody > tr > td.title div {
                font-weight: bold;
                font-size: 16px;
            }

        .documetnlisttable .p-datatable .p-datatable-tbody > tr > td.none {
            display: none
        }

        .documetnlisttable .p-datatable .p-datatable-tbody > tr > td.download {
            position: absolute;
            right: 0;
            max-width: none !important;
            min-width: auto !important;
            bottom: -3px;
            width: -moz-max-content !important;
            width: max-content !important;
        }

    .documetnlisttable .p-datatable .p-datatable-tbody > tr {
        position: relative
    }

    .card-body.admin-form.mp-0 {
        padding: 0 !important;
    }

    .fitlerhidedoc {
        display: none
    }

    .accordion-body .input-group.border-bottom .col-sm-12.col-md-6 {
        width: 50%;
        text-align: left;
        justify-content: flex-start;
    }

    .accordion-body .input-group.border-bottom {
        gap: 15px;
    }

    .hidefilter {
        display: none;
    }

    .card-body.payment-table.padnone {
        padding: 0px !important;
    }

    .card-header.admin-form.hidemb {
        display: none;
    }

    .container-fluid.noshadowbx.noscroll {
        padding-bottom: 0;
        overflow: auto;
    }

    .overallStatus {
        min-height: auto;
    }

    .docsteptable .p-datatable .p-datatable-tbody > tr > td * {
        text-align: left;
    }

    .docsteptable .p-datatable .p-datatable-tbody > tr {
        position: relative
    }

        .docsteptable .p-datatable .p-datatable-tbody > tr > td:last-child {
            position: absolute;
            right: 3px;
            bottom: 10px;
            min-width: auto !important;
            width: -moz-max-content !important;
            width: max-content !important;
        }

        .docsteptable .p-datatable .p-datatable-tbody > tr > td {
            text-align: left;
            justify-content: start;
            padding-top: 4px !important;
            padding-bottom: 4px !important;
        }

            .docsteptable .p-datatable .p-datatable-tbody > tr > td.docname {
                font-weight: bold;
                font-size: 18px;
                padding-top: 12px !important;
            }

            .docsteptable .p-datatable .p-datatable-tbody > tr > td.none {
                display: none
            }

            .docsteptable .p-datatable .p-datatable-tbody > tr > td.lastchildicon {
                width: -moz-max-content !important;
                width: max-content !important;
                min-width: auto !important;
                position: absolute;
                right: 0;
                bottom: 8px;
            }

                .docsteptable .p-datatable .p-datatable-tbody > tr > td.lastchildicon a {
                    width: -moz-max-content;
                    width: max-content
                }

    .input-group.profileuplflex {
        flex-direction: column;
    }

        .input-group.profileuplflex input.form-control {
            height: 47px !important;
        }

        .input-group.profileuplflex #profile_thumb_upload {
            padding-right: 0;
        }

    .overallStatus {
        padding: 12px 17px;
    }

    .docsteptable .p-datatable .p-datatable-tbody > tr > td:before {
        display: none;
    }

    .appointment-list .p-datatable .p-datatable-tbody > tr > td {
        text-align: left;
        justify-content: start;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

        .appointment-list .p-datatable .p-datatable-tbody > tr > td.none {
            display: none
        }

        .appointment-list .p-datatable .p-datatable-tbody > tr > td.assetsnm {
            font-weight: bold;
            font-size: 18px;
            padding-right: 53px !important;
        }

        .appointment-list .p-datatable .p-datatable-tbody > tr > td.bookingnumb {
            padding-top: 16px !important;
        }

        .appointment-list .p-datatable .p-datatable-tbody > tr > td.selectedopt a {
            width: 100%;
            text-align: center !important;
            text-decoration: none !important;
            padding: 9px 10px;
        }

    .appointment-list .p-datatable .p-datatable-tbody > tr {
        position: relative
    }

        .appointment-list .p-datatable .p-datatable-tbody > tr > td.selectedopt span {
            width: 100%;
        }

    .appointment-list table.p-datatable-table.p-datatable-scrollable-table {
        padding: 0;
        border: none;
    }

    .appointment-list .p-datatable .p-datatable-tbody > tr > td.delete {
        width: -moz-max-content !important;
        width: max-content !important;
        min-width: auto !important;
        position: absolute;
        right: 0;
        top: 13px;
    }

        .appointment-list .p-datatable .p-datatable-tbody > tr > td.delete a {
            width: -moz-max-content;
            width: max-content
        }

    .expmodel .modal-footer {
        justify-content: space-between
    }

        .expmodel .modal-footer .btn {
            width: 48% !important;
        }

    .participant-avatar {
        background: #122341;
    }

    .badge-more[data-v-66dbb268] {
        background: #12234124;
        color: #122341;
        border-radius: 12px;
        font-size: 12px;
    }

    .addressmblist label {
        display: none;
    }

    .addressmblist .form-control.bg-light {
        background: #fff !important;
        line-height: 23px;
    }

    #manage-Company-Users-Table, .mobile-table-box.assetdetailbx {
        background: #fff;
    }

        #manage-Company-Users-Table, .mobile-table-box.assetdetailbx .col-lg-12 {
            display: flex;
            flex-direction: column;
        }

            #manage-Company-Users-Table, .mobile-table-box.assetdetailbx .col-lg-12 .mobile-show {
                order: 2
            }

            #manage-Company-Users-Table, .mobile-table-box.assetdetailbx .col-lg-12 .property {
                order: 1
            }

    .calendar-icon {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        color: #666;
        font-size: 16px;
    }

    .add-ticket-page .add-ticket-form .add-ticket-field {
        padding-left: 0;
        padding-right: 0;
    }

    .cad-hero-stat__value {
        font-size: 1.7rem !important;
        font-weight: 600 !important;
    }

    .cad-hero-stat__label {
        margin-top: 0 !important;
        font-size: 0.65rem !important;
        opacity: 0.9;
        position: relative;
        line-height: 0.65rem !important;
    }

    .cad-hero {
        gap: 10px !important;
        min-height: auto !important;
    }

    .cad-hero__thumb {
        width: 100% !important;
        height: 155px !important;
        border-radius: 10px !important;
        margin-top: 10px;
        display: none !important;
    }

    .cad-hero-wrap {
        margin-bottom: 0px !important;
    }

        .cad-hero-wrap .cad-hero__right .cad-hero-stat {
            position: absolute;
            text-align: center;
            min-width: 75px;
            top: 0px;
            right: 0px;
            z-index: 888;
            background: #3087bd;
            width: 75px;
            height: auto;
            border-radius: 9px;
            padding: 7px 0;
        }

    .cad-hero__badges span.cad-chip.cad-chip--location i {
        margin-top: 3px;
    }

    .cad-hero__badges span.cad-chip.cad-chip--location {
        background: none;
        border: none;
        padding: 5px 125px 0px 0px;
        font-weight: normal !important;
        color: #505050 !important;
        line-height: 16px;
        align-items: start
    }

    .cad-hero__copy {
        min-height: auto !important;
        width: 100%;
        padding: 0 19px;
    }

    .cad-hero {
        padding: 0 0 11px 0 !important;
        overflow: hidden;
        position: relative;
        gap: 0 !important;
    }

    .cad-hero {
        flex-direction: column;
    }

    .cad-hero__left {
        flex-direction: column;
        width: 100%;
        gap: 0px !important;
    }

    .cad-hero-stat {
        position: relative;
        text-align: right;
        min-width: 48px !important;
    }

    .cad-chip {
        border-radius: 0 !important
    }

    .cad-quick__row .col-12.col-sm-6.col-lg-3 {
        width: 50%;
    }

    .cad-activity-row {
        flex-direction: column;
        position: relative;
    }

    .cad-activity-row__badge {
        position: absolute;
        right: 0;
        top: 22px;
    }

    .cad-coowners__row {
        position: relative;
    }

    .cad-dot {
        position: absolute;
        left: 25px;
    }

    .filter-panel .listing-option.inside-search {
        display: none;
    }

    .col-md-4.voting-box.mb-3 {
        padding: 3px;
    }

    .filter-panel .listing-option.inside-search {
        display: none;
    }

    .row.expensemobspc .col-md-6.mb-3 {
        margin-bottom: 8px !important;
    }

    .col-md-4.voting-box.mb-3 {
        padding: 3px;
    }

    #voting-proposals-widgets .col-md-6.project-widgets {
        width: 33%;
    }

        #voting-proposals-widgets .col-md-6.project-widgets .media {
            flex-direction: column-reverse;
        }

            #voting-proposals-widgets .col-md-6.project-widgets .media .media-body {
                margin: 0;
                width: 100%;
            }

                #voting-proposals-widgets .col-md-6.project-widgets .media .media-body h3 {
                    font-size: 0.9rem;
                    text-align: center;
                    line-height: 1;
                    margin-bottom: 2px;
                }

    #voting-proposals-widgets .widget-icon {
    }

        #voting-proposals-widgets .widget-icon h1 {
            font-size: 32px !important;
        }

    #voting-proposals-widgets .widget-icon {
        height: 34px;
    }

    .voting-panel h5.card-title.mb-3 {
        margin-bottom: 0 !important;
        text-transform: capitalize;
    }

        .voting-panel h5.card-title.mb-3 i {
            display: none;
        }

    .voting-panel .voting-dl {
        margin-top: 0px;
    }

    .cad-section-label {
        padding: 0px;
        font-size: 13px;
    }

    .mobile-box1 button {
        background: #1ca480 !important;
        align-items: center !important;
        color: #fff !important;
    }

    .mobile-box2 button {
        background: #3087bd !important;
        align-items: center !important;
        color: #fff !important;
    }

    .mobile-box3 button {
        background: #bb5461 !important;
        align-items: center !important;
        color: #fff !important;
    }

    .mobile-box4 button {
        background: #d39a45 !important;
        align-items: center !important;
        color: #fff !important;
    }

        .mobile-box1 button span, .mobile-box2 button span, .mobile-box3 button span, .mobile-box4 button span {
            background: none !important;
            color: #fff !important;
            font-size: 1.1rem;
            font-weight: normal !important;
        }

        .mobile-box1 button i, .mobile-box2 button i, .mobile-box3 button i, .mobile-box4 button i {
            font-size: 38px;
        }

    .cad-section-label {
        padding: 10px 0px;
        font-size: 13px !important;
        color: #000 !important;
        letter-spacing: 0px !important;
    }

    .mobile-card-box {
        border: 0px solid red;
    }

        .mobile-card-box .cad-card__head {
            width: 100%;
            border-bottom: 1px solid #d5d5d5 !important;
            padding-bottom: 10px;
        }

        .mobile-card-box .cad-card__head-left span {
            font-size: 16px !important;
        }

        .mobile-card-box .cad-card__head-left i {
            border: 1px solid red;
            display: none;
        }

    .cad-card__head a {
        padding: 5px;
        border-radius: 5px;
        background: #fff;
        color: #16a085 !important;
        border: 1px solid #16a085 !important;
    }
}


.note-toolbar.card-header {
    background: #f2f2f2;
    border-bottom: 1px solid #858585;
}

.note-editor.note-frame.card {
    border: 1px solid #858585 !important;
}

.vl-overlay.vl-full-page {
    z-index: 99999;
}

.asset-category-field--imagepath .asset-category-upload-control {
    align-items: start !important;
}


.expense-voting-page .voting-dl dt {
    font-weight: 500;
    margin-bottom: 16px;
}

    .expense-voting-page .voting-dl dt label {
        font-weight: bold;
        display: block;
        line-height: 17px;
        font-size: 15px;
    }

.senderinfo h5 {
    font-weight: 600;
    font-size: 20px;
}

.senderinfo hr {
    color: #898989;
}

.btn.btn-gradient.color-4.m-1 {
    margin-left: 4px !important;
}

.btn-registration {
    background: #13a7fd;
    color: #fff;
    border-radius: 28px;
    font-size: 16px;
}

    .btn-registration:hover, .btn-registration:active {
        background: #1296e3;
        color: #fff;
    }

#admin_login_box .btngroup-login .btn.btn-gradient.color-2 {
    margin: 0;
    max-width: auto;
    font-size: 16px;
}

/*mobile app design */
.mobile-join-meeting_button {
    display: none;
}

@media (max-width: 991px) {
    nav[data-pc-section="paginatorwrapper"] {
        display: none;
    }

    li:has(> a[title="Manage Buying Process"]) {
        display: none !important;
    }

    * {
        pointer-events: auto;
    }

    .meetingschedtab .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.videofoot {
        text-align: left !important;
    }

    #booking-detail-table {
        border: 0px solid red;
    }

    .appointment-list .table-responsive.border {
        border: none !important;
    }

    #booking-detail-table table td:nth-child(6) {
        display: none !important;
    }

    #booking-detail-table.table.table-striped .p-datatable tr td:nth-child(4),
    #booking-detail-table.table.table-striped .p-datatable tr td:nth-child(5) {
        width: auto !important;
        min-width: -moz-fit-content !important;
        min-width: fit-content !important;
        position: relative;
        padding-left: 82px !important;
    }

        #booking-detail-table.table.table-striped .p-datatable tr td:nth-child(4):before {
            position: absolute;
            left: 14px;
            top: 4px;
            font-weight: bold;
            content: "Check-In" !important;
        }

        #booking-detail-table.table.table-striped .p-datatable tr td:nth-child(5):before {
            position: absolute;
            left: 5px;
            top: 4px;
            font-weight: bold;
            content: "Check-out" !important;
        }

    #booking-detail-table.table.table-striped .p-datatable tr td:nth-child(7) {
        display: none !important;
    }

    #booking-detail-table.table.table-striped .p-datatable tr td:nth-child(8) {
        display: block !important;
        width: -moz-max-content !important;
        width: max-content !important;
        min-width: auto !important;
        position: absolute;
        right: 0;
        top: 13px;
    }

    #booking-detail-table.table.table-striped .p-datatable tr td.delete {
        display: none !important
    }

    .table-striped tbody tr:nth-of-type(2n+1), .p-datatable .p-datatable-tbody tr:nth-of-type(2n+1), .table-striped tbody tr.ticket-row.meeting-status-completed {
        position: relative;
        background: #fff !important;
    }

    .table-striped tbody tr.ticket-status-assigned:nth-of-type(2n+1) {
    }

    .table-striped tbody tr:nth-of-type(2n+1).ticket-status-assigned, .p-datatable .p-datatable-tbody tr:nth-of-type(2n+1).ticket-status-assigned {
    }

    .meeting-status-completed a.disabled {
        display: none !important;
    }

    .mobile-join-meeting_button {
        display: block;
    }

    .meetingschedtab .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.videofoot {
        width: 50% !important;
        left: 0px;
        right: auto;
        text-align: right;
        bottom: 8px;
    }

        .meetingschedtab .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td.videofoot a.mobile-join-meeting_button {
            width: 100% !important;
            text-align: center;
            border-radius: 5px !important;
            text-decoration: none !important;
            font-size: 1.2rem;
            background: #122341 !important;
            font-size: 15px;
            max-width: 99px;
        }

    .hidemobbx {
        display: none;
    }

    .row.mobile-voting-button {
        display: none;
    }


    .label.label-light.color-3 {
        background: #fff;
        color: #16a085;
        border: 1px solid #16a085 !important;
    }

    .label.label-light.color-5 {
        background: #fff;
        color: #c0392b;
        border: 1px solid #c0392b !important;
    }

    .form-group.spcleftright {
        padding: 0 13px !important;
    }

    .mbbox-info {
        background: rgba(100, 117, 137, 0.05);
        padding: 10px 14px;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

    .modal-footer button, .modal-footer .btn {
        border-radius: 5px;
    }

    .mbbox-info strong {
        color: #000;
        font-size: 18px;
    }

    .mbbox-info .text-danger.mt-2 {
        margin-top: 0 !important;
        font-weight: 600;
    }

    .mbbox-info + h6.form-items-title.mb-3 {
        padding-top: 5px !important;
    }

    .modal-container .modal-body {
        padding: 15px;
    }

    .modal-container .modal-dialog .modal-header, .modal-container .modal-dialog .modal-footer {
        padding: 10px 15px;
    }

    .modal-close {
        top: 9px;
    }

    .mobile-layout-wrapper .card-body.layoutbx.nobtnbottm .card-header.admin-form.dropdownvotesco {
        display: none !important;
    }

    .votingtable .p-datatable .p-datatable-tbody > tr > td.badgeslot {
        position: absolute;
        right: 0;
        width: auto !important;
        min-width: auto;
        top: 11px;
    }

    .votingtable .p-datatable .p-datatable-tbody > tr {
        position: relative;
        padding: 7px 0px;
    }

        .votingtable .p-datatable .p-datatable-tbody > tr > td.badgeslot .bg-c-pink {
            background: #fff;
            color: #c0392b !important;
            border: 1px solid #c0392b !important;
            padding: 1px 6px;
            border-radius: 4px;
        }

        .votingtable .p-datatable .p-datatable-tbody > tr > td.badgeslot .bg-c-green {
            background: #fff;
            color: #16a085 !important;
            border: 1px solid #16a085 !important;
            padding: 1px 6px;
            border-radius: 4px;
        }

    .card.border-0.shadow-sm {
        box-shadow: none !important;
    }

    .form-group .p-dropdown {
        height: calc(1.9em + 0.75rem + 4px);
        border-radius: 5px !important;
    }

    .input-group.mb-3.select-dropdown.input-group-withicon {
        margin-bottom: 6px !important;
    }

    .p-calendar.p-component.p-inputwrapper.form-control .p-inputtext.p-component {
        padding: 11px 9px 11px;
        border-radius: 5px;
        border-color: #dee2e6 !important;
        min-height: 47px;
    }

    .p-dropdown.p-component.p-inputwrapper {
        border: 1px solid #dee2e6 !important;
    }

    .add-ticket-page h4.form-items-title1 {
        display: none;
    }

    .add-ticket-page .add-ticket-field.col-12 {
        margin-top: 10px;
    }

        .add-ticket-page .add-ticket-field.col-12 .add-ticket-field__feedback {
            min-height: auto;
        }

    .ticketdetail .hidembtitle {
        display: none
    }

    .addressDesc h3 {
        font-size: 20px;
        margin-bottom: 0 !important;
    }

    .ticketdetail h4.form-items-title {
        padding-top: 0 !important;
        letter-spacing: 0;
    }

    .page-header .page-header-left.longtitle {
        width: 134px;
        overflow: hidden;
    }

    .card-body.admin-form.mp-0.p-0.mt-3.assetdocmargin {
        margin-top: 0 !important;
    }

    .voting-box .alert.alert-primary {
        padding: 2px 5px;
        text-transform: capitalize;
        font-size: 14px;
        background: none;
        border: none;
        color: #222;
        padding: 0;
    }

    .mb-2.nomarginbtmmb {
        margin-bottom: 0 !important;
    }

    .voting-box .Passed .progress, .voting-box .Failed .progress {
        background: #eaeaea !important;
    }

    .flexmoblie {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .card-header.admin-form.hidemobilebx {
        display: none;
    }

    .hidemobile {
        display: none;
    }

    .property.book-property.bookprptycntr.flex-wrap.assetdtls.sharebx {
        padding: 5px !important;
        display: flex;
        flex-direction: row;
    }

        .property.book-property.bookprptycntr.flex-wrap.assetdtls.sharebx .col-lg-2 {
            width: 44%;
        }

        .property.book-property.bookprptycntr.flex-wrap.assetdtls.sharebx .col-lg-10 {
            width: 56%;
        }

    .assetdtls .description {
        font-size: 14px;
        color: #384147;
        line-height: 17px;
        margin-bottom: 6px;
    }

    .card-body.layoutbx .row.mb-5 {
        margin-bottom: 4px !important;
    }

    .sharehistorybx .p-datatable .p-datatable-tbody > tr > td {
        text-align: left;
        align-items: flex-start;
        justify-content: flex-start;
    }

        .sharehistorybx .p-datatable .p-datatable-tbody > tr > td span {
            text-align: left
        }

        .sharehistorybx .p-datatable .p-datatable-tbody > tr > td .flexmobilevw {
            text-align: left;
            margin-top: 1px;
        }

            .sharehistorybx .p-datatable .p-datatable-tbody > tr > td .flexmobilevw span {
                font-size: 18px;
                font-weight: bold;
            }

    .sharehistorybx .p-datatable .p-datatable-tbody > tr {
        position: relative
    }

        .sharehistorybx .p-datatable .p-datatable-tbody > tr > td .flexmobilevw span.authorimg {
            position: relative;
            top: 12px;
        }

        .sharehistorybx .p-datatable .p-datatable-tbody > tr > td {
            padding: 1px 15px !important;
        }


            .sharehistorybx .p-datatable .p-datatable-tbody > tr > td:nth-child(2) span {
                padding-left: 61px;
                font-weight: 400;
                margin-top: -11px;
            }

            .sharehistorybx .p-datatable .p-datatable-tbody > tr > td:nth-child(3) div {
                text-align: left;
                padding-left: 61px !important;
                font-weight: 400;
                margin-bottom: 10px;
            }

            .sharehistorybx .p-datatable .p-datatable-tbody > tr > td:nth-child(4) {
                position: absolute;
                right: 2px;
                top: 14px;
                width: -moz-max-content;
                width: max-content;
                min-width: auto;
            }

            .sharehistorybx .p-datatable .p-datatable-tbody > tr > td:nth-child(3) div a {
                text-decoration: none !important;
            }

    #book-property-box .bookprpty.proImg {
        display: none;
    }

    .bookprpty.proImg.hidemob {
        display: none;
    }

    .booking-calendar .btn.btn-success.btn-dummy.monthviewopt {
        display: none;
    }

    .booking-calendar {
        margin-top: 13px;
    }

    .mobile-scroll {
        border-radius: 0;
        background: #fff;
        padding: 15px 15px 10px 15px !important;
        margin-top: 85px;
        overflow-y: scroll;
        height: calc(100vh - 70px);
    }

    .card-header.admin-form.hidefiltermb {
        display: none;
    }

    #book-property-box.expdetailbx {
        border: 1px solid #f2f2f2;
        padding: 15px;
        border-radius: 10px;
    }

        #book-property-box.expdetailbx .titlemain label {
            display: none;
        }

        #book-property-box.expdetailbx .titlemain .text-break {
            font-size: 18px !important;
            font-weight: bold;
        }

    .mobile-scroll .card-body {
        padding: 0 !important;
        margin-bottom: 15px;
    }

    .col-lg-12.mb-0 {
        padding: 0;
    }

    .col-sm-6.halfbx {
        width: 48%;
        max-width: 50%;
        margin-bottom: 0;
    }

        .col-sm-6.halfbx label {
            font-size: 14px;
            margin-bottom: 0;
        }

        .col-sm-6.halfbx div {
            font-size: 14px;
            line-height: 18px;
        }

    #book-property-box.expdetailbx .col-sm-12.col-lg-12 {
        width: 100%;
    }

    .paymentracking .p-datatable .p-datatable-tbody > tr {
        position: relative;
    }

        .paymentracking .p-datatable .p-datatable-tbody > tr > td {
            text-align: left;
            align-items: flex-start;
            justify-content: flex-start;
            padding: 2px 10px !important;
        }

            .paymentracking .p-datatable .p-datatable-tbody > tr > td span {
                text-align: left
            }

            .paymentracking .p-datatable .p-datatable-tbody > tr > td:nth-child(1) {
                font-weight: bold;
                font-size: 18px;
                margin-top: 10px;
            }

            .paymentracking .p-datatable .p-datatable-tbody > tr > td:nth-child(3) .priceright {
                color: green;
                font-weight: bold;
                font-size: 16px;
            }

            .paymentracking .p-datatable .p-datatable-tbody > tr > td:nth-child(4) {
                position: absolute;
                right: 5px;
                width: auto !important;
                min-width: auto;
                top: 16px;
            }

                .paymentracking .p-datatable .p-datatable-tbody > tr > td:nth-child(4) span.label.label-light.color-1 {
                    background: #fff !important;
                    color: #c0392b !important;
                    border: 1px solid #c0392b !important;
                    padding: 0px 6px;
                    border-radius: 4px;
                }

                .paymentracking .p-datatable .p-datatable-tbody > tr > td:nth-child(4) span.bg-success.btn.btn-gradient {
                    background: #fff !important;
                    color: #16a085;
                    border: 1px solid #16a085 !important;
                    padding: 0px 6px;
                    border-radius: 4px;
                }

    .col-lg-12.mbt-0 {
        padding: 0;
    }

    .paymentracking .p-datatable .p-datatable-tbody > tr > td:nth-child(5) {
        display: none
    }

    .bookprpty.proImg.vacationswap {
        display: none;
    }

    .swapdetailsbx label.mbhide {
        display: none;
    }

    .form-group.col-md-6.col2 {
        width: 48%;
    }

        .form-group.col-md-6.col2 label {
            font-size: 14px;
            margin-bottom: 0;
        }

    .form-group.customtbs {
        margin-top: 6px !important;
    }

    .swapdetailsbx {
        border: 1px solid #eee;
        margin: 0 -5px;
        padding: 15px 0px;
        border-radius: 8px;
    }

    .addfieldtxt.custnme {
        font-weight: bold;
    }

    .swapdetailsbx .form-group.col-md-6 {
        margin-bottom: 3px;
    }

    .swapdetailsbx h4 {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 4px;
    }

    .cad-quick-card {
        border-radius: 8px !important;
    }


    .page-body-wrapper .custom-scrollbar .user-profile {
        padding: 12px 0 0 4px;
        display: block;
    }

        .page-body-wrapper .custom-scrollbar .user-profile .media-body {
            display: block;
            text-align: left;
        }

        .page-body-wrapper .custom-scrollbar .user-profile .media {
            display: flex;
            flex-direction: row;
            align-content: center;
            margin-bottom: 10px;
        }

            .page-body-wrapper .custom-scrollbar .user-profile .media .change-pic {
                width: 59px;
                text-align: center;
                height: auto;
                padding-bottom: 0;
            }

                .page-body-wrapper .custom-scrollbar .user-profile .media .change-pic a {
                    background: #fff;
                    padding: 0;
                    display: block;
                    margin: 0 auto;
                    display: block;
                    text-align: center;
                    height: auto;
                }

        .page-body-wrapper .custom-scrollbar .user-profile .media-body a {
            padding: 0;
            color: #fff;
        }

    .page-body-wrapper .page-sidebar .main-sidebar .user-profile .media .media-body a h6 {
        color: #fff;
    }

    .page-body-wrapper .custom-scrollbar .user-profile .media .change-pic a .avatarttext {
        background: #fff;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: block;
        text-align: center;
        line-height: 50px;
        font-size: 35px;
        margin:;
    }

    .page-body-wrapper .custom-scrollbar .user-profile .media .change-pic a img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: block;
        text-align: center;
    }

    .bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 65px;
        background: #ffffff;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-top: 1px solid #e5e5e5;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
        z-index: 1000;
    }

        .bottom-nav a {
            flex: 1;
            text-decoration: none;
            color: #666;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            transition: all 0.3s ease;
            position: relative;
            height: 63px;
        }

            .bottom-nav a span {
                font-size: 18px;
                margin-bottom: 0px;
            }

            .bottom-nav a small {
                font-size: 11px;
                font-weight: 500;
            }

            .bottom-nav a:hover,
            .bottom-nav a.router-link-active {
                color: #007bff;
            }

                .bottom-nav a.router-link-active i,
                .bottom-nav a.router-link-active small {
                    color: #007bff;
                }

    .chat-bot-icon {
        bottom: 77px;
    }

    .bottom-nav .active,
    .bottom-nav .active {
        color: #945e00;
    }

        .bottom-nav .active i,
        .bottom-nav .active i,
        .bottom-nav .active small,
        .bottom-nav .active small,
        .bottom-nav .active i, .bottom-nav .active i {
            color: #945e00;
        }

        .bottom-nav .active::before,
        .bottom-nav .active::before {
            content: '';
            position: absolute;
            top: 0;
            left: 20%;
            width: 60%;
            height: 3px;
            background: #945e00;
            border-radius: 0 0 4px 4px;
        }

    .btn-registration {
        display: none !important;
    }


    #book-property-box.expdetailbx.readdetailbx {
        position: relative;
        font-size: 15px;
    }

        #book-property-box.expdetailbx.readdetailbx .halfbx {
            width: 100% !important;
            max-width: 100%;
            margin-bottom: 2px;
        }

            #book-property-box.expdetailbx.readdetailbx .halfbx:nth-child(1) label {
                display: none
            }

            #book-property-box.expdetailbx.readdetailbx .halfbx:nth-child(1) .text-break {
                color: #945e00;
            }

            #book-property-box.expdetailbx.readdetailbx .halfbx:nth-child(3) label {
                display: none;
            }

            #book-property-box.expdetailbx.readdetailbx .halfbx:nth-child(3) .text-break {
                position: absolute;
                right: 18px;
                top: 11px;
                background: #fff;
                color: #16a085;
                border: 1px solid #16a085;
                padding: 2px 10px 2px;
            }


        #book-property-box.expdetailbx.readdetailbx .form-group.col-12:nth-child(4) label {
            display: none;
        }

        #book-property-box.expdetailbx.readdetailbx .halfbx:nth-child(2) label {
            display: none;
        }

        #book-property-box.expdetailbx.readdetailbx .halfbx:nth-child(2) .text-break {
            font-weight: bold;
            font-size: 17px;
        }

        #book-property-box.expdetailbx.readdetailbx .halfbx:nth-child(4) label {
            display: none;
        }

        #book-property-box.expdetailbx.readdetailbx .halfbx:nth-child(5), #book-property-box.expdetailbx.readdetailbx .halfbx:nth-child(6) {
            width: 50% !important
        }

            #book-property-box.expdetailbx.readdetailbx .halfbx:nth-child(5) label, #book-property-box.expdetailbx.readdetailbx .halfbx:nth-child(6) label {
                font-size: 12px;
            }

        #book-property-box.expdetailbx.readdetailbx .form-group.col-12 {
            margin-bottom: 2px;
        }



    #admin_login_box {
        background: linear-gradient(180deg, #003b46 0%, #022b52 100%) !important;
    }
    /* Login Container */
    #admin_login {
        max-width: 450px;
        margin: auto;
        padding: 40px 10px !important;
        border-radius: 20px;
        color: #d7b67a;
        min-height: 100vh;
        background: transparent !important;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        /* Logo */
        #admin_login .login-logo {
            text-align: center;
            margin-bottom: 30px;
            position: relative;
        }


        /* Welcome Text */
        #admin_login .mb-login-info {
            text-align: center;
            margin-bottom: 2px;
        }


        /* Labels */
        #admin_login .form-group label {
            color: #fff;
            margin-bottom: 8px;
            font-size: 15px;
        }

        /* Inputs */
        #admin_login .form-control,
        #admin_login .input-group .form-control {
            color: #fff !important;
        }

            #admin_login .form-control::-moz-placeholder {
                color: #b99b62;
            }

            #admin_login .form-control::placeholder {
                color: #b99b62;
            }

        /* Password Group */
        #admin_login.input-group {
            border: 1px solid #b99b62;
            border-radius: 14px;
            overflow: hidden;
        }



        #admin_login.input-group-text {
            background: transparent;
            border: none;
            color: #d7b67a;
        }

        #admin_login.eye-show,
        #admin_login .eye-hide {
            color: #d7b67a;
            font-size: 18px;
        }

        #admin_login.showp {
            display: none;
        }

        /* Remember Me */
        #admin_login.form-check-label,
        #admin_login .form-check-input,
        #admin_login .router-link-active {
            color: #fff;
        }

        #admin_login .form-control:-webkit-autofill,
        #admin_login .input-group .form-control:-webkit-autofill,
        #admin_login .form-control:-webkit-autofill:hover,
        #admin_login .input-group .form-control:-webkit-autofill:hover,
        #admin_login .form-control:-webkit-autofill:focus,
        #admin_login .input-group .form-control:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
            -webkit-text-fill-color: #fff !important; /* change text color as needed */
            background-color: transparent !important;
            -webkit-transition: background-color 5000s ease-in-out 0s;
            transition: background-color 5000s ease-in-out 0s;
        }

        #admin_login .form-check-input {
            width: 20px;
            height: 20px;
            border: 1px solid #d7b67a;
            background: transparent;
            margin-top: 0;
        }

            #admin_login .form-check-input:checked {
                background-color: #d7b67a;
                border-color: #d7b67a;
            }

        /* Forgot Password */
        #admin_login a.text-decoration-underline {
            color: #d7b67a;
            text-decoration: underline !important;
        }

        /* Login Button */
        #admin_login .btn-gradient {
            width: 100%;
            height: 48px;
            border-radius: 12px;
            background: #d7b67a !important;
            border: none;
            color: #fff;
            font-size: 28px;
            font-weight: 500;
            text-transform: uppercase;
        }

            #admin_login .btn-gradient:hover {
                background: #c7a15f !important;
            }

        /* Registration Button */
        #admin_login .btn-registration {
            display: none; /* hidden like design */
        }
}

@media (max-width: 375px) {
    .mobile-hide1 {
        display: none !important;
    }
}
/*mobile app design */



.customdetailtable table tr th {
    background: #49506d;
    color: #fff !important;
}

.customdetailtable table tr td {
    border-right: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6;
}

    .customdetailtable table tr td:last-child, .customdetailtable table tr th:last-child {
        text-align: center !important
    }

.asset-detail-readonly-section--no-title .expdetailbx.readdetailbx {
    background: #fff;
    padding: 0;
}

.asset-detail-readonly-section .expdetailbx.readdetailbx .halfbx {
    margin-bottom: 0 !important;
}


.asset-media-preview .asset-media-thumb {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 100%;
    max-width: 100%;
}

.asset-media-preview {
    height: 203px;
    padding: 0 !important;
}

    .asset-media-preview + .card-body {
        padding-top: 15px !important;
    }

.asset-media-card.border {
    border-radius: 15px !important;
}

.asset-detail-action-panel__secondary .btn.asset-detail-action-btn--secondary {
    min-height: 36px;
    padding-inline: 1rem;
    color: #8e6107;
    border-color: #8e6107;
    background: #fff;
}

    .asset-detail-action-panel__secondary .btn.asset-detail-action-btn--secondary:nth-child(1) {
        color: #8e6107;
        border-color: #8e6107;
        background: #fff;
    }

    .asset-detail-action-panel__secondary .btn.asset-detail-action-btn--secondary:nth-child(2) {
        color: #122341;
        border-color: #122341;
        background: #fff;
    }

    .asset-detail-action-panel__secondary .btn.asset-detail-action-btn--secondary:nth-child(3) {
        color: #c0392b;
        border-color: #c0392b;
        background: #fff;
    }


    .asset-detail-action-panel__secondary .btn.asset-detail-action-btn--secondary:nth-child(4) {
        color: #16836f;
        border-color: #16836f;
        background: #fff;
    }

    .asset-detail-action-panel__secondary .btn.asset-detail-action-btn--secondary:nth-child(5) {
        color: #242424;
        border-color: #242424;
        background: #fff;
    }

button.btn.asset-detail-action-btn--status {
    background: #8e6107;
    border-color: #8e6107;
    color: #fff;
}

.btn.btn-pill.asset-detail-action-btn.asset-detail-action-btn--primary:nth-child(3) {
    background: #818181;
}
/* Side Panel */
body.light .page-body-wrapper .page-sidebar .logo-wrap { background-color: #ffffff; box-shadow: 0 0 11px rgba(0,0,0,.13); -webkit-box-shadow: 0 0 11px rgba(0,0,0,.13); }
body.light .page-body-wrapper .page-sidebar { background: #ffffff ; box-shadow: 0 0 11px rgba(0,0,0,.13); -webkit-box-shadow: 0 0 11px rgba(0,0,0,.13); }
body.light .page-body-wrapper .page-sidebar .user-profile .change-pic a { background: linear-gradient(to right,#3ea7a9,#46cfd1); }
body.light .page-body-wrapper .page-sidebar .main-sidebar .user-profile .media .media-body a { color: #000; }
body.light .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a { color: #000; }
 body.light .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li p {color:#000; }
    body.light .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li > a.active, body.light .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu > li > a:hover {
        color: #fe8a7d;
    }
body.light .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu li a .according-menu i { color: #000000; }
body.light .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar { scrollbar-color: #3eaaac #e6e6e6; }
body.light .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar::-webkit-scrollbar { background: #e6e6e6; }
body.light .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar::-webkit-scrollbar-thumb { background: #3eaaac;   }
body.light .page-body-wrapper .page-sidebar .main-sidebar .sidebar-menu.custom-scrollbar::-webkit-scrollbar-corner { background: #e6e6e6; }
body.light .page-body-wrapper .page-sidebar .user-profile span { color: #999 !important; }
body.light .page-body-wrapper .page-sidebar .user-profile .change-pic span { color: #000 !important; }


/* Gradient Widgets */
body.light .bg-c-yellow { background: linear-gradient(to right,#e58f6a,#feb798) }
body.light .bg-c-green { background:linear-gradient(to right,#32b487,#55e3b1) }
body.light .bg-c-pink { background: linear-gradient(to right,#e96676,#fe909d) }
body.light .bg-c-lite-green { background: linear-gradient(to right,#3ea7a9,#46cfd1) }
body.light .bg-c-purple { background: linear-gradient(to right,#9d6fc4,#d585e9) }
body.light .bg-c-skyblue { background: linear-gradient(to right,#38b9ca,#38b9ca) }

body.light .small-widgets .project-widgets:nth-child(6n+1) .card{ background: linear-gradient(to right,#e58f6a,#feb798)  }
body.light .small-widgets .project-widgets:nth-child(6n+2) .card{ background:linear-gradient(to right,#32b487,#55e3b1) }
body.light .small-widgets .project-widgets:nth-child(6n+3) .card{ background: linear-gradient(to right,#e96676,#fe909d) }
body.light .small-widgets .project-widgets:nth-child(6n+4) .card{ background: linear-gradient(to right,#3ea7a9,#46cfd1) }
body.light .small-widgets .project-widgets:nth-child(6n+5) .card{ background: linear-gradient(to right,#9d6fc4,#d585e9) }
body.light .small-widgets .project-widgets:nth-child(6n+6) .card{ background: linear-gradient(to right,#38b9ca,#38b9ca) }






body.light .dashfadmin table tbody tr:nth-child(1) .media img {background: #39b9ca; border: 1px solid #39b9ca !important;} 
body.light .dashfadmin table tbody tr:nth-child(2) .media img {background: #e96776;border: 1px solid #e96776 !important;}
body.light .dashfadmin table tbody tr:nth-child(3) .media img {background: #34b689;border: 1px solid #34b689 !important;}
body.light .dashfadmin table tbody tr:nth-child(4) .media img {background: #e6906b;border: 1px solid #e6906b !important;}
body.light .dashfadmin table tbody tr:nth-child(5) .media img {background: #9e6fc5;border: 1px solid #9e6fc5 !important;}
body.light .dashfadmin table tbody tr:nth-child(1) .media.wicon i{background: #39b9ca; border: 1px solid #39b9ca !important;} 
body.light .dashfadmin table tbody tr:nth-child(2) .media.wicon i{background: #e96776;border: 1px solid #e96776 !important;}
body.light .dashfadmin table tbody tr:nth-child(3) .media.wicon i{background: #34b689;border: 1px solid #34b689 !important;}
body.light .dashfadmin table tbody tr:nth-child(4) .media.wicon i{background: #e6906b;border: 1px solid #e6906b !important;}
body.light .dashfadmin table tbody tr:nth-child(5) .media.wicon i{background: #9e6fc5;border: 1px solid #9e6fc5 !important;}

body.light .custom-scrollbar-all{ max-width: 100%;  overflow-y: auto; scrollbar-width: thin; }
body.light .custom-scrollbar-all::-webkit-scrollbar { width: 4px; max-width: 250px; max-height: 100px; overflow-y: auto; scrollbar-width: thin;  }
body.light .custom-scrollbar-all::-webkit-scrollbar-track { width: 4px; max-width: 250px; max-height: 100px; overflow-y: auto; scrollbar-width: thin;  }
body.light .custom-scrollbar-all::-webkit-scrollbar-thumb { width: 4px; max-width: 250px; max-height: 100px; overflow-y: auto; scrollbar-width: thin;  }


body.light .custom-scrollbar-all { scrollbar-color: #3eaaac #e6e6e6; }
body.light .custom-scrollbar-all::-webkit-scrollbar {height: 9px; background: #e6e6e6; }
body.light .custom-scrollbar-all::-webkit-scrollbar-thumb { background: #3eaaac;   }
body.light .custom-scrollbar-all::-webkit-scrollbar-corner { background: #e6e6e6; }




/* #app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
} */
.pac-item {
  cursor: pointer;
}
/* input[type="text"] {
  background-color: white;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left: 40px;
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
} */