/* START PDF */



.pdf-page {
    width: 100%;
    margin-bottom: 15px;
    padding: 96px;
    display: table;
    background-color: white;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--rounding) !important;
    -webkit-border-radius: var(--rounding) !important;
    box-shadow: var(--shadow-4);
}

.pdf-form {
    margin-bottom: 15px;
}

.pdf-header {
    font-size: 24px;
    font-weight: 700;
}

.pdf-subheader {
    font-size: 20px;
    font-weight: 700;
}

.pdf-small {
    font-size: 13px;
}

.pdf-main{
    color: var(--primary-600);
}

.pdf-input {
    color: var(--primary-600) !important;
    border-bottom: 1px solid var(--primary-600) !important;
    display: revert !important;
}

/* END PDF */

/* START Form Feedback */


.form_message-success-wrapper {
    background-color: var(--success-200);
    border: 2px solid var(--success-600);
    border-radius: var(--rounding);
}
.form_message-success{
    padding: 10px;
    color:var(--success-600);

}

.form_message-error-wrapper {
    background-color: var(--danger-200);
    border: 2px solid var(--danger-600);
    border-radius: var(--rounding);
}

.form_message-error {
    padding: 10px;
    color: var(--danger-600);
}

/* END Form Feedback */

#components-reconnect-modal {
    transition: visibility 0s linear 1000ms;
}

.btn, .rounded-pill, .dropdown, .radius-8, .radius-12, .radius-16 {
    border-radius: var(--rounding) !important;
    -webkit-border-radius: var(--rounding) !important;
}

.card {
    border-radius: var(--rounding) !important;
    -webkit-border-radius: var(--rounding) !important;
    -moz-border-radius: var(--rounding) !important;
}

.sidebar-menu li a {
    border-radius: var(--rounding) !important;
}

.hide {
    display:none !important;
}

.show-sm {
    display: none;
}

.container-fluid {
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid var(--neutral-200);
    border-radius: var(--rounding) !important;
    vertical-align: middle;
}

    .container-fluid > .row .line {
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }

div.container-fluid > div.row {
    align-items: center;
}

.row.header {
    background-color: var(--neutral-50) !important;
    border-bottom: 1px solid var(--neutral-200) !important;
    color: var(--text-primary-light) !important;
    font-size: 1rem;
    font-weight: 600;
}

.row.line {
    border-bottom: 1px solid var(--neutral-200) !important;
}

.container-fluid .row > * {
    padding: 1rem 2.5rem !important;
}

@media (max-width: 1000px) {
    .container-fluid .row > * {
        padding: 0.3rem .5rem !important;
    }

    .w-40-px {
        width: 2rem !important;
    }

    .h-40-px {
        height: 2rem !important;
    }
}

@media (max-width: 1200px) {
    .sidebar-logo {
        height: 4.5rem;
        padding: 0.875rem 2.5rem 0.875rem 0.875rem;
    }
}

@media only screen and (max-width: 600px) {
    .hide-sm {
        display: none;
    }

    .show-sm {
        display: block;
    }
}