/*
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 : May 9, 2025, 2:14:47 AM
    Author     : ahmadyaseen
*/

.green-text{
    color:#00b289 !important;
}
.fs-10{
    font-size:10px!important
}
.fs-11{
    font-size:11px!important
}
.fs-12{
    font-size:12px!important
}
.fs-13{
    font-size:13px!important
}
.fs-14{
    font-size:14px!important
}
.fs-15{
    font-size:15px!important
}
.fs-16{
    font-size:16px!important
}
.fs-17{
    font-size:17px!important
}
.fs-18{
    font-size:18px!important
}
.fs-19{
    font-size:19px!important
}
.fs-20{
    font-size:20px!important
}
.fs-21{
    font-size:21px!important
}
.fs-22{
    font-size:22px!important
}
.fs-23{
    font-size:23px!important
}
.fs-24{
    font-size:24px!important
}
.fs-36{
    font-size:36px!important
}
.fs-48{
    font-size:48px!important
}
.navbar-item img{
    max-height: 50px !important;
}
.navbar-wrapper .navbar-brand img{
    height: 45px !important;
}
.navbar-dropdown{
    min-width: auto !important;
    left:unset !important;
}
.section.is-app-grey{
    padding-bottom: 0 !important;
}
.combo-button{
    justify-content: center !important;
}
footer.footer-light-left{
    padding: 5rem 6rem !important;
}
.classic-pricing .pricing-table .pricing-plan.is-active{
    z-index: 10;
}
.text-center{
    text-align: center;
}
@media (max-width: 768px) {
    #main-hero {
        margin-top: 40px;
    }
}

.h-115{
    min-height: 115px;
}
.steps-wrapper{
    max-width: 1000px;
    margin: 0 auto 0 auto;
}
.steps .step-item .step-details .step-title{
    font-size: 1.1rem !important;
    margin-top: 1rem;
}
.steps .step-item .step-marker {
    height: 3rem !important;
    width: 3rem !important;

}
.steps .step-item:not(:first-child)::before{
    top: 1.5rem !important;

}
.steps .step-item.is-active::before,.steps .step-item.is-completed::before{
    background: linear-gradient(to left, hsl(0, 0%, 86%) -50%, #00b289 50%) !important;
}
.text-start{
    text-align: left !important;
}

.button.secondary-btn{
    border-color: #00b289 !important;
    background-color: #00b289 !important;
}

body .ui-messages>div{
    padding: 0.8rem !important;
}
.ui-messages-error-icon{
    margin-top: -4px !important;
}

.steps-wrapper .steps .step-item.is-completed .step-marker{
    color: white;
}
.ui-password{
    width: 100%;
}
body .ui-password.ui-password-masked .ui-password-icon,body .ui-password.ui-password-unmasked .ui-password-icon{
    margin-top: -0.75rem;
}
.hd-td{
    background-color: #fafafa;
}
.ui-commandlink:hover{
    text-decoration: none !important;
}

.toastify{
    width: fit-content !important;
}
.toastify.danger {
    background: #ed7258;
}

.toastify-left .toast-close {

    margin-right: 38px !important;
    margin-left: 0 !important;
    left: 4px !important;
    right: auto !important;
    float: left;
}

body .ui-commandlink, body .ui-link {
    color: unset !important;
}
.navbar-wrapper.navbar-light .navbar-item, .navbar-wrapper.navbar-light .navbar-link {
    color: rgb(255, 255, 255) !important;
}

body .ui-datatable thead th{
    text-align: center !important;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active{
    background: #00b289 !important;
}

ul.footer-column .im
{
    margin-right: 5px;
}


.ms-0{
    margin-left: 0 !important
}
.ms-1{
    margin-left: .25rem !important
}
.ms-2{
    margin-left: .5rem !important
}
.ms-3{
    margin-left: 1rem !important
}
.ms-4{
    margin-left: 1.5rem !important
}
.ms-5{
    margin-left: 3rem !important
}

.me-0{
    margin-right: 0 !important
}
.me-1{
    margin-right: .25rem !important
}
.me-2{
    margin-right: .5rem !important
}
.me-3{
    margin-right: 1rem !important
}
.me-4{
    margin-right: 1.5rem !important
}
.me-5{
    margin-right: 3rem !important
}

@media (max-width: 640px) {
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        font-weight: 500;
    }
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
        width: 100% !important;
    }

}

.button.btn-outlined.light-btn:hover{
    color: #444f60 !important;
}

a.green-link {
    color:   #02b38a !important;
    font-weight: 600;
}