@import "fonts.css";

:root {
    --primary: #00a3ad !important;
    --p-clr-2: #86c746 !important;
    --p-clr-3: #74b643 !important;
    --font-clr: #101618 !important;

    --font-re: "montserratregular";
    --font-me: "montserratsemibold";
    --font-bo: "montserratbold";
    --font-eb: "montserratextrabold";

    --roboto-re: 'roboto-regular',sans-serif;
    --roboto-me: 'roboto-medium',sans-serif;
    --roboto-bo: 'roboto-bold',sans-serif;
    --roboto-bl: 'roboto-black',sans-serif

}
.Ledger-full .heading {
 
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}
.box-leader .panel-footer .wallet-walpper{
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important; 
}
.box-leader .panel-footer .wallet-walpper h4{
    margin-bottom: 0;
}
#example_wrapper input{
        border: 1px solid #ededed;
    padding: 6px 10px;
    border-radius: 5px;
}
body{
    background-color:#e4ebeb;
}
.card-box {
    padding: 20px;
    background-color: white;
    margin-bottom: 15px;
    border-radius: 5px;
}
.card-box .card-title {
    font-size: 18px;
    color: var(--font-clr);
    margin-bottom: 10px;
    font-family: var(--font-me);
}
.card-box .card-sub-title {
    font-size: 16px;
    color: var(--font-clr);
    margin-bottom: 10px;
    font-family: var(--font-me);
}
.btn {
    font-size: 14px !important;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}
.btn-sm {
    padding: 0.25rem 1rem!important
}
.btn-sm2 {
    padding: 4px 8px;
    font-size: 14px
}
.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color:#fff !important;
}
.btn-primary:hover {
    background-color: var(--p-clr-2) !important;
    border-color: var(--p-clr-2) !important;
    color:#fff !important;
}
.btn-second {
    background-color: var(--p-clr-2) !important;
    border-color: var(--p-clr-2) !important;
    color: white !important;
}
.btn-second:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-white {
    background-color: white ;
    border-color: white;
    color: var(--primary)!important
}
.btn-outline-white {
    background-color: transparent;
    border-color: white;
    color: white
}

.btn-outline-primary {
    border-color: var(--primary)!important;
    color: var( --primary)!important
}

.btn.btn-outline-primary:hover {
    background-color: var(--p-clr-2) !important;
    border-color: var(--p-clr-2) !important;
    color: white!important
}

.btn,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
    background-color: var(--primary);
    border-color: var(--primary)
}

.bg-primary {
    background-color: var(--primary)!important
}

.bg-secondary {
    background-color: var(--p-clr-2)!important
}
.btn.btn-outline-gray {
    border-color: #dee2e6;
    color: #191825 !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;
}
.btn-gray {
    background-color: #ccc !important;
    border-color: #ccc !important;
}
.btn-sm {
    padding: 6px 12px !important;
    line-height: normal;
}
.btn-sm2 {
    padding: 4px 8px !important;
    line-height: normal;
}
.form-control {
    border: 1px solid #ccc;
    border-radius: 0.26rem;
}
.box_m {
    background-color: white;
    padding: 1rem;
    border-radius: 10px;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--primary);
}
input[type="checkbox"], input[type="radio"] {
    accent-color:var(--primary);
}
label:has(input:checked) {
    color: var(--primary);
}
.p-inherit {
    position: inherit !important;
}
@media (max-width:767px) {
    .p-md-inherit {
        position: inherit !important;
    }
}

@media only screen and (max-width:640px) {
    .top-header .navbar-collapse {
    margin-top:15px;
}
.top-header .navbar-nav .nav-item .navbar-nav-link.whatsapp-btn {
    background-color: #00a3ad !important;
}
.top-header .navbar-nav .nav-item .navbar-nav-link {
    margin-bottom: 14px;
    text-align: center !important;
    line-height: unset;
    padding: unset;
}
}
#example1_filter input{
  padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid #ededed;
}