PSM2/darlen/Code/SAMS/resources/css/app.css
@tailwind base;
@tailwind components;
@tailwind utilities;


html, body{
    font-family: 'Open Sans', sans-serif !important;
    background: #76efa2 !important;
        background-size: cover !important;
}
.p-divider.p-divider-horizontal:before {
    border-top-color: black !important;
}

.wrapper-color {
    background: #33cea9 !important;
}
.p-sidebar {
    background: #028131 !important;
}

.footer-color{
    background: #006f7b !important;
}
/* .p-datatable{
    border-radius: 10px !important;
} */

.p-datatable-header {
    border-color: #33cea9 !important;
    border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
background-color: #33cea9 !important;
margin-bottom: -0.5rem !important;
padding-bottom: 2rem !important;

}

/* .p-datatable-table {
    border-radius: 10px !important;
} */

/* .p-datatable-thead {
    border-radius: 10px !important;
} */

/* .p-datatable-tbody {
    border-radius: 10px !important;
} */

/* .p-datatable-tfoot {
    border-radius: 10px !important;
} */

/* .p-sortable-column {
    border-top-left-radius: 10px !important;
    
} */

/* .p-column-title {
    border-radius: 10px !important;
} */

.p-paginator.p-component{
    border-top-left-radius: 0px !important;
        border-top-right-radius: 0 !important;
        background-color: #d9eddf !important;
}

.table-with-paginator {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.table-without-paginator {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.p-paginator-bottom {

    border: 0px !important;
}

/* .p-paginator-page.p-paginator-element{
    border-color: #000000 !important;
}

.p-paginator-next.p-paginator-element {
    border-color: #000000 !important;
}

.p-paginator-last.p-paginator-element {
    border-color: #000000 !important;
} */

/* .p-datatable-wrapper {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
} */

/* .p-datatable-wrapper.jadwal {
    border-radius: 10px !important;
} */
.p-datatable .p-datatable-thead>tr>th:first-child {
    border-top-left-radius: 0.5rem !important;
}

.p-datatable .p-datatable-thead>tr>th:last-child {
    border-top-right-radius: 0.5rem !important;
}

.p-tree-toggler-icon {
    color: #000000 !important;
}

.p-treenode-icon {
    color: #000000 !important;
}

.p-treenode-leaf {
     margin-top: 1rem !important;
}

.p-menuitem-icon {
    color: #000000 !important;
}

.p-submenu-icon {
    color: #000000 !important;
}


.p-tree {
    background: #33cea9!important;
    border: 0px !important;
    border-radius: 0px !important;
    color: #343a40 !important;
    padding: 0rem !important;
    padding-left: 0.5rem !important;
    
}

/* .custom-bg-color {
    background:  linear-gradient(105.81deg, rgba(74, 222, 128, 0.9) -18.16%, rgba(158, 255, 194, 0.9) 98.31%) !important;
    background-size: cover !important;
} */

.highlight-page {
    
    color: white !important;

}

.sidebar-icon{
    font-size: 1.25rem !important;
}

.topbar {
    display: flex ;
    justify-content: space-between ;
    align-items: center ;
    padding: 1rem ;
    background-color: #f8f9fa ;
    border-bottom: 1px solid #dee2e6 ;
}

.page-title {
    font-size: 1.25rem ;
    font-weight: 500 ;
    color: #343a40 ;
}

.login-button {
    background: #2f4858 !important;
    border: 0px !important;
}

.p-paginator-page{
    border-color: #000000 !important;
    color: #000000 !important;
    
}

.p-highlight{
    background: #ffffff !important;
}

.p-paginator-last {
    border-color: #000000 !important;
    color: #000000 !important;
    border: 0px !important;
}

.p-paginator-next {
    border-color: #000000 !important;
    color: #000000 !important;
    border: 0px !important;
}

.p-paginator-prev {
    border-color: #000000 !important;
    color: #000000 !important;
    border: 0px !important;
}

.p-paginator-first {
    border-color: #000000 !important;
    color: #000000 !important;
    border: 0px !important;
}

.p-menubar{
    border: 0px !important;
}