@import url(root.min.css);
.alertify .ajs-dialog{
    font-family:'Rajdhani',sans-serif;
    border-radius:var(--border-radius-l);
    overflow:hidden
}
.ajs-button{
    display:unset!important
}
h1,h2,h3,h4,h5,h6{
    font-family:'Rajdhani',sans-serif
}
p,span,a,label,input,select,textarea,button{
    font-family:'Rajdhani',sans-serif;
    font-size:1rem
}
label>i{
    margin-right:var(--space-xs)
}
p.no-data{
    width:100%;
    margin:auto;
    font-weight:bold;
    text-align:center
}
.form-row{
    width:100%;
    display:flex;
    align-items:center;
    column-gap:var(--space-m)
}
.form-row.form-flex{
    display:flex!important;
    flex-direction:row!important
}
.form-col{
    flex:1;
    display:flex;
    flex-direction:column
}
.form-col.form-flex{
    display:flex!important;
    flex-direction:column!important
}
.form-inline{
    display:flex;
    align-items:center;
    column-gap:var(--space-s)
}
.form-inline + .form-inline{
    margin-left:var(--space-m)
}
.form-control,.form-select{
    flex:1;
    width:100%;
    padding:8px 16px;
    border-radius:var(--border-radius-s);
    outline:none;
    transition:border .1s
}
.form-control:focus-visible,.form-select:focus-visible{
    box-shadow:none;
    transition:border .1s
}
.form-control:disabled,.form-select:disabled{
    cursor:not-allowed
}
.form-title{
    width:100%;
    padding-bottom:var(--space-m);
    border-bottom:1px solid var(--clr-border)
}
.form-title:not(:first-of-type){
    margin-top:var(--space-m)
}
.form-label{
    flex-shrink:0;
    margin-bottom:var(--space-s);
    font-size:1.2rem;
    font-weight:700
}
.form-row>.form-label{
    margin:0
}
.form-label>i{
    font-size:.9rem;
    color:rgba(0,0,0,.3);
    margin-left:8px
}
.form-input{
    position:relative;
    height:100%;
    display:flex;
    align-items:center
}
.form-input>input{
    width:100%
}
.form-input>.form-control:has(+ .btn){
    border-radius:var(--border-radius-s) 0 0 var(--border-radius-s)!important
}
.form-input>.btn{
    height:100%
}
.form-input>.btn:not(:last-of-type){
    border-radius:0;
    border-right:1px solid var(--clr-primary-dark)
}
.form-input>.btn:last-of-type{
    border-radius:0 var(--border-radius-s) var(--border-radius-s) 0
}
.form-input:has(.form-control:not(:focus))>.form-input-autcomplete:not(:hover){
    display:none
}
.form-input>.form-input-autcomplete{
    position:absolute;
    bottom:-4px;
    transform:translateY(100%);
    width:100%;
    display:flex;
    flex-direction:column;
    border-radius:8px;
    background:#FFFFFF;
    box-shadow:rgba(0,0,0,.16) 0 3px 6px,rgba(0,0,0,.23) 0 3px 6px;
    overflow:hidden;
    z-index:100
}
.form-input-autcomplete>.autocomplete-item{
    font-size:1.1rem;
    font-weight:400;
    padding:8px;
    display:flex;
    align-items:center;
    column-gap:8px
}
.form-input-autcomplete>.autocomplete-item:not(:first-of-type){
    padding-top:4px
}
.form-input-autcomplete>.autocomplete-item:not(:last-of-type){
    padding-bottom:4px
}
.form-input-autcomplete>.autocomplete-item:hover{
    cursor:pointer;
    background:rgba(0,0,0,.1)
}
.autocomplete-item span{
    font-size:inherit;
    font-weight:inherit;
    color:inherit
}
.input-slider{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:8px;
    padding:0;
    font:inherit;
    outline:none;
    color:var(--clr-primary);
    border-radius:8px;
    background-image:linear-gradient(var(--clr-primary),var(--clr-primary));
    background-size:25% 100%;
    background-repeat:no-repeat;
    transition:opacity .15s;
    box-sizing:border-box
}
.input-slider::-webkit-slider-runnable-track{
    -webkit-appearance:none;
    box-shadow:none;
    border:none;
    background:transparent
}
.input-slider::-webkit-slider-thumb{
    -webkit-appearance:none;
    height:16px;
    width:16px;
    border-radius:50%;
    background:var(--clr-primary);
    cursor:ew-resize;
    box-shadow:0 0 2px 0 #555;
    transition:background .3s ease-in-out
}
.jsgrid-cell input[type="checkbox"]{
    margin:auto
}
input[type="checkbox"]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:16px;
    width:16px;
    margin:0;
    flex-shrink:0;
    border-radius:var(--border-radius-xs);
    border:1px solid var(--clr-border);
    background:#FFFFFF;
    cursor:pointer;
    transition:background .1s
}
input[type="checkbox"]:disabled{
    background:var(--clr-border);
    cursor:not-allowed
}
input[type="checkbox"]:checked{
    border:none;
    background:var(--clr-secondary);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .1s
}
input[type="checkbox"]:checked::after{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:.8rem;
    content:"\f00c";
    color:var(--clr-text-white)
}
input[type="checkbox"].checkbox-switch{
    position:relative;
    height:20px;
    width:40px!important;
    margin:0;
    border-radius:1000px;
    border:1px solid var(--clr-border);
    background:var(--clr-border);
    cursor:pointer;
    transition:background .1s
}
input[type="checkbox"].checkbox-switch:disabled{
    cursor:not-allowed
}
input[type="checkbox"].checkbox-switch:disabled::before{
    content:''
}
input[type="checkbox"].checkbox-switch:disabled::after{
    background:rgba(0,0,0,.2)
}
input[type="checkbox"].checkbox-switch::before{
    position:absolute;
    height:100%;
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:.8rem;
    content:"\f00d";
    color:white;
    top:-1px;
    right:4px
}
input[type="checkbox"].checkbox-switch::after{
    position:absolute;
    content:'';
    height:calc(100% - 4px);
    top:2px;
    left:2px;
    border-radius:1000px;
    aspect-ratio:1/1;
    background:white;
    transition:all .1s
}
input[type="checkbox"].checkbox-switch:checked{
    border:1px solid transparent;
    background:var(--clr-secondary)
}
input[type="checkbox"].checkbox-switch:checked::before{
    position:absolute;
    height:100%;
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:.8rem;
    content:"\f00c";
    color:white;
    left:2px
}
input[type="checkbox"].checkbox-switch:checked::after{
    left:inherit;
    right:2px;
    transition:all .1s
}
.required-input{
    position:relative;
    width:100%
}
.required-input:has(.input-error)::after{
    position:absolute;
    content:attr(data-error-msg);
    width:100%;
    bottom:-4px;
    transform:translateY(100%);
    color:var(--clr-primary);
    font-weight:600
}
input.input-error{
    position:relative;
    border:2px solid rgb(230 28 44)!important
}
input[type="radio"]:not(.gjs-sm-radio){
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:16px;
    width:16px;
    margin:0;
    border-radius:1000px;
    border:1px solid var(--clr-border);
    background:#FFFFFF;
    transition:background .1s;
    cursor:pointer
}
input[type="radio"]:not(.gjs-sm-radio):disabled{
    background:var(--clr-border);
    cursor:not-allowed
}
input[type="radio"]:not(.gjs-sm-radio):checked{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    background:var(--clr-secondary);
    transition:background .1s
}
input[type="radio"]:not(.gjs-sm-radio):checked::after{
    position:absolute;
    content:'';
    height:50%;
    width:50%;
    border-radius:1000px;
    background:#FFFFFF
}
.btn,.ajs-button{
    min-height:40px;
    position:relative;
    width:fit-content;
    padding:var(--space-s) var(--space-m);
    display:flex;
    align-items:center;
    justify-content:center;
    column-gap:8px;
    font-family:'Rajdhani',sans-serif;
    font-size:1rem;
    font-weight:600;
    border-radius:var(--border-radius-s);
    border:none;
    outline:none!important;
    cursor:pointer;
    pointer-events:all!important;
    overflow:hidden
}
.btn>*,.ajs-button>*{
    z-index:2
}
.btn>i{
    margin-right:var(--space-s)
}
.btn:has(.btn-submenu)>i{
    margin-right:0
}
.btn>i:only-child{
    margin-right:0;
	margin-top: -95%;
}
.btn:not(.btn-icon):hover::after,.ajs-button:hover::after{
    opacity:1;
    transition:opacity .1s
}
.btn:hover{
    border-color:unset
}
.btn-primary,.ajs-button.ajs-ok{
    background-color:var(--clr-primary)!important;
    color:var(--clr-text-white)
}
.btn-check:active,.btn-primary:hover,.btn-primary:focus,.btn-primary:focus-visible{
    box-shadow:0 0 6px 0 var(--clr-primary)!important
}
.btn-secondary{
    background-color:var(--clr-header)!important;
    color:var(--clr-text-white)
}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:focus-visible{
    box-shadow:none!important
}
.btn-detail{
    background-color:var(--clr-detail)!important;
    color:var(--clr-text-white)
}
.btn-detail:hover,.btn-detail:focus,.btn-detail:focus-visible{
    background-color:var(--clr-detail)!important;
    box-shadow:none!important
}
.btn-ok{
    color:var(--clr-text-white);
    background-color:var(--clr-ok)!important
}
.btn-error,.ajs-button.ajs-cancel{
    background-color:var(--clr-primary)!important;
    color:#FFFFFF!important
}
.btn-icon{
    padding:0;
    font-size:1.2rem;
    border-radius:0;
    border:none;
    background:transparent;
    outline:none!important;
    box-shadow:none!important
}
.btn-square{
    aspect-ratio:1/1
}
.btn-link{
    cursor:pointer
}
.btn-gray{
    background-color:rgba(0,0,0,.4)!important;
    color:var(--clr-text-white)
}
.btn-gray:hover,.btn-gray:focus,.btn-gray:focus-visible{
    color:white
}
.btn-text{
    min-height:0;
    background:transparent;
    border:1px solid var(--bs-gray-200);
    background:var(--bs-gray-100)
}
.btn.text-left{
    text-align:left!important;
    justify-content:flex-start
}
.btn-article-card{
    background-color:white;
    color:var(--clr-primary)
}
.btn-article-card:hover,.btn-article-card:focus,.btn-article-card:focus-visible{
    background-color:var(--bs-gray-100);
    color:var(--clr-primary)
}
h1{
    width:fit-content;
    font-size:2.6rem
}
h1 i{
    font-size:.1rem
}
h2{
    width:fit-content;
    font-size:1.6rem
}
h2 i{
    font-size:.8rem
}
h3{
    width:fit-content;
    font-size:1.4rem
}
h3 i{
    font-size:.6rem
}
h4{
    width:fit-content;
    font-size:1.2rem
}
h4 i{
    font-size:.4rem
}
hr{
    width:100%;
    margin:8px 0;
    background-color:rgba(0,0,0,.1);
    opacity:1
}
.cus-border-bottom{
    height:fit-content!important;
    padding-bottom:8px;
    position:relative
}
.cus-border-bottom::after{
    position:absolute;
    content:'';
    width:calc(100% + 8px);
    height:4px;
    margin:auto;
    left:0;
    bottom:0;
    border-radius:2px;
    background:linear-gradient(90deg,var(--clr-primary) 25%,rgba(234,236,236,0) 100%)
}
.ui-selectmenu-button.ui-button{
    width:100%!important
}
.full-width{
    width:100%
}
.over-dark,.over-dark:focus-visible{
    background-color:#4D4D4D;
    color:#FFFFFF;
    border:none
}
.over-dark::placeholder{
    color:rgba(255,255,255,.3)
}
.align-right{
    align-items:flex-end
}
.align-left{
    align-items:flex-start
}
.align-center{
    align-items:center
}
.flex-05{
    flex:.5;
    width:50%
}
.flex-1{
    flex:1;
    width:100%
}
.flex-2{
    flex:2;
    min-width:0
}
.flex-3{
    flex:3;
    min-width:0
}
.flex-4{
    flex:4;
    min-width:0
}
.w-25{
    width:100%!important
}
.w-fit-content{
    width:fit-content!important
}
.no-shrink{
    flex-shrink:0
}
.grecaptcha-badge{
    width:70px!important;
    overflow:hidden!important;
    transition:all .3s ease!important;
    left:4px!important;
    z-index:100;
    display:none
}
.grecaptcha-badge:hover{
    width:256px!important
}
.space-left-xs{
    margin-left:2px
}
.justify-flex-start{
    justify-content:flex-start!important
}
.justify-center{
    justify-content:center!important
}
.align-items-center{
    align-items:center!important
}
.no-aspect-ratio{
    aspect-ratio:unset!important
}
.modal-content{
    border-radius:var(--border-radius-l)
}
.modal-half .modal-dialog{
    max-width:unset;
    width:50%
}
.modal-small .modal-dialog{
    max-width:500px;
    width:500px
}
.modal-quarter-2 .modal-dialog{
    max-width:unset;
    width:25%
}
.modal-quarter-3 .modal-dialog{
    max-width:unset;
    width:75%
}
.modal-full .modal-dialog{
    max-width:unset;
    width:95%
}

.footer-social.whatsapp {
	background-color: #25D366 !important;
}
.footer-social.whatsapp i {
	color: white !important;
}
/* .footer-social.whatsapp:hover {
	background-color: #128C7E !important;
} */
.footer-social.whatsapp:hover i {
	color: white !important;
}