/*
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:53:05
    Author     : Petrove
*/
/*
 dark theme
*/

:root {
/*    --border-color: rgb(49, 55, 72);*/
    --border-color: #dee2e6;
}

.top-bar {
    border-bottom: 1px solid var(--border-color);
}

.left-side-bar {
    border-right: 1px solid var(--border-color);
}

.panel {
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all {
    background: rgba(0,0,0,0);
    color: rgba(255,255,255,.87);
}
body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th,
body .ui-selectonemenu-panel .ui-selectonemenu-table th,
body .ui-selectonemenu-panel .ui-selectonemenu-table td {
    border: none;
    text-align: left;
}

.empty-page-form {
    max-width: 75rem;
    margin: 0 auto;
}

.sign-form {
    max-width: 30rem;
    margin: 1rem auto;

}

@media(max-width: 50rem) {
    .sign-form {
        width: calc(100vw - 2rem)!important;
        

    }
}

.top-box {
    border-width: 0 0 0 3px;
    border-style: solid;
    border-radius: 4px;
}

.top-box.red {
    color: var(--red-600);
    border-color: var(--red-600);
    background-color: var(--red-50);
}

.top-box.pink {
    color: var(--pink-600);
    border-color: var(--pink-600);
    background-color: var(--pink-50);
}

.top-box.blue{
    color: var(--blue-500);
    border-color: var(--blue-500);
    background-color: var(--blue-50);
}

.top-box.yellow{
    color: var(--yellow-500);
    border-color: var(--yellow-500);
    background-color: var(--yellow-50);
}

.top-box.cyan{
    color: var(--cyan-500);
    border-color: var(--cyan-500);
    background-color: var(--cyan-50);
}

.top-box.teal{
    color: var(--teal-500);
    border-color: var(--teal-500);
    background-color: var(--teal-50);
}

.top-box.green{
    color: var(--green-500);
    border-color: var(--green-500);
    background-color: var(--green-50);
}

.top-box.indigo{
    color: var(--indigo-500);
    border-color: var(--indigo-500);
    background-color: var(--indigo-50);
}

.top-box.bluegray{
    color: var(--bluegray-500);
    border-color: var(--bluegray-500);
    background-color: var(--bluegray-50);
}

.top-box.gray{
    color: var(--gray-500);
    border-color: var(--gray-500);
    background-color: var(--gray-50);
}