/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 15 jun. 2024, 13:52:54
    Author     : Petrove
*/
:root {
    --top-bar-height: 4rem;
    --left-side-bar-width: 18rem;
}
.surface-a {
    background: var(--surface-a);
}
.surface-b {
    background: var(--surface-b);
}
.surface-c {
    background: var(--surface-c);
}
.surface-d {
    background: var(--surface-d);
}
.surface-e {
    background: var(--surface-e);
}
.surface-f {
    background: var(--surface-f);
}
body, form {
    margin: 0;

}

.top-bar {
    height: var(--top-bar-height);
    position: sticky;
    top: 0;
    z-index: 2;
}

.left-side-bar {
    height: calc(100vh - var(--top-bar-height) - 1px);
    width: var(--left-side-bar-width);
    display: inline-block;
    position: sticky;
    top: var(--top-bar-height);
    transition: width 0.3s;
}

.left-side-bar.hide {
    width: 0;
}
.content {
    min-height: calc(100vh - var(--top-bar-height));
    width: calc(100vw - var(--left-side-bar-width));
    display: inline-block;
}

.main {
    display: flex;
    min-height: calc(100vh - var(--top-bar-height));
    width: 100%;
}

.panel {
    padding: 1rem;
}

.registeration-page-button {
    max-width: calc(100% - 2rem);
    margin: 0 1rem;
    width: 20rem;
}

.table-sticky-column {
    background: var(--surface-a);
    position: sticky;
    right: 0;
}

.my-large-icon-button .ui-icon, /* For PrimeFaces default icons */
.my-large-icon-button .pi,     /* For PrimeIcons */
.my-large-icon-button .fa      /* For Font Awesome icons */
{
    font-size: 24px !important; /* Adjust the size as needed */
    /* You might also need to adjust positioning if the icon shifts */
    top: 50% !important;
    margin-top: -12px !important; /* Half of the new font-size */
}