:root {
    --mainColor: #B20838;
    --mainColorHover: #a00732;
}

.p-image img {
    object-fit: cover !important;
    height: 100% !important;
}

.p-dropdown:not(.p-disabled).p-focus {
    box-shadow: 0 0 0 1px #B20838 !important;
    border-color: var(--mainColor) !important;
}


.p-inputtext {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border-color: #ced4da !important;
}

.p-inputtext:enabled:focus {
    box-shadow: 0 0 0 1px #B20838 !important;
    border-color: var(--mainColor) !important;
}

.p-dropdown-panel.p-component {
    width: 200px !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    white-space: pre-line;
}


.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #f2f2f2 !important;
    border-color: var(--mainColor) !important;
    color: var(--mainColor) !important;
}

.p-datatable .p-datatable-tbody > tr:focus {
    outline: 0.10rem solid var(--mainColor) !important;
}

.p-datatable .p-sortable-column.p-highlight {
    background: #fafafa;
    color: var(--mainColor) !important;
}

    .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
        color: var(--mainColor) !important;
    }

.p-datatable .p-sortable-column:focus {
    box-shadow: inset 0 0 0 0.15rem var(--mainColor) !important;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
    box-shadow: 0 0 0 1px var(--mainColor) !important;
}

.p-button:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--mainColor), 0 1px 2px 0 rgba(0, 0, 0, 0) !important;
}

.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus {
    box-shadow: 0 0 0 1px var(--mainColor) !important;
}

.p-checkbox .p-checkbox-box.p-highlight {
    border-color: #b20838 !important;
    background: #b20838 !important;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 1px #b20838 !important;
    border-color: #b20838 !important;
}

.p-accordion .p-accordion-header .p-accordion-header-link {
    background: #f1f3f5 !important;
    border: none !important;
}

.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
    box-shadow: none !important;
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
    background: #f1f3f5 !important;
    border-bottom: 1px solid #b20838 !important;
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    background: #f1f3f5 !important;
    border-bottom: 1px solid #b20838 !important;
}

.p-link:focus {
    box-shadow: 0 0 0 1px var(--mainColor) !important;
}

.p-button.p-confirm-dialog-accept {
    background: var(--mainColor) !important;
    color: #ffffff !important;
    border-color: var(--mainColor) !important;
    padding: 4px !important;
    width: 60px !important;
}

.p-button.p-confirm-dialog-reject {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: var(--mainColor) !important;
    padding: 4px !important;
    width: 60px !important;
}

.p-button.p-button-outlined {
    border-color: var(--mainColor) !important;
    color: #000000 !important;
}


.p-button:enabled:hover {
    background: var(--mainColor) !important;
    color: #ffffff;
    border-color: var(--mainColor) !important;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
  
    box-shadow: 0 0 0 1px var(--mainColor) !important;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: var(--mainColor) !important;
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
 
    box-shadow: 0 0 0 1px var(--mainColor) !important;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    box-shadow: 0 0 0 1px var(--mainColor) !important;
}

.v-input {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    color: #3f3f46;
}

.p-password-input{
    border-radius: 6px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.vc-blue {
    --vc-accent-50: var(--mainColor) !important;
    --vc-accent-100: var(--mainColor) !important;
    --vc-accent-200: var(--mainColor) !important;
    --vc-accent-300: var(--mainColor) !important;
    --vc-accent-400: var(--mainColor) !important;
    --vc-accent-500: var(--mainColor) !important;
    --vc-accent-600: var(--mainColor) !important;
    --vc-accent-700: var(--mainColor) !important;
    --vc-accent-800: var(--mainColor) !important;
    --vc-accent-900: var(--mainColor) !important;
}

@media (width <= 510px) {
    .p-paginator-element {
        min-width: 2.5rem !important;
        height: 2.5rem !important;
    }

    .p-paginator {
        padding: 0.75rem !important;
    }
}
@media (max-width: 721px) {
    .responsive-font{
        font-size:0.75rem;
      
    }
 .responsive-title{
     font-size:1.0rem;
 }

  
}
/*@media (max-width:640) {
    .responsive-title-font {
        font-size: 1.3rem;
    }
}*/
/*@media (min-width: 721px) {
    .responsive-font {
        font-size: 0.85rem;
    }

    .responsive-title-font {
        font-size: 0.95rem;
    }
}*/