@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');

:root {
    --color-1: #00a6d0;
    --color-2: #9bcd32;
    --satu: #00a6d0;
    --bgsatu: #fff;
    --dua: #9bcd32;
    --bgdua: #333;
    --swiper-theme-color: #9bcd32;
}
body{
    background: #9bcd323d;
}
.container-main{
            max-width: 520px;
            padding: 5px;
            border: 1px solid #ccc;
            background: #fff;
        }
.mobile-size{
    width: 520px;
    max-width: 100%;
}
        .profile-img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }
        .verified-badge {
            background-color: #007bff;
            color: white;
            font-size: 12px;
            padding: 3px 8px;
            border-radius: 10px;
            display: inline-block;
        }
        .tab-content {
            border: 1px solid #ddd;
            border-top: none;
            padding: 15px;
            background-color: #fff;
        }
        .btn-read-more {
            background-color: #e3f2fd;
            color: #007bff;
            width: 100%;
            border: none;
        }
#content{
    width: calc(100% - 265px) !important;
}
.swal2-styled.swal2-confirm {
    background: var(--color-1);
    border-color: var(--color-1);
}
body{
    font-size: 12px;
}
a{color: var(--satu);}
xinput, .btn{
    padding: 15px 20px!important;
    font-family: Rubik;
    margin: 2px;
}
.btn-default{
     background-color: #e5e5e5;
    color: #333;
}
.btn-fluid{
    width: 96%!important;
    margin: auto;
}
.btn svg, .btn img {
    margin-right: 15px;
}
.btn-sm{padding: 5px 10px!important;}
.bg-main, .btn-main{
    background: var(--satu);
    border-color: var(--satu);
    color: var(--bgsatu);
}

 .input-group span, .input-group input{
     font-size: 11px;
 }
.input-group span{
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
 /*donasi*/
 .daftar-donatur{
    text-align: left;
 }
 .daftar-donatur .card-body{
    border: 1px solid #ccc;
    margin: 5px;
 }
 .daftar-donatur .card-body span{
    float: right;
 }
 .njin-table thead{
                background: var(--color-2);
                border: none;
                text-transform: capitalize;
                color: #fff;
            }
tbody{
    font-size: 13px;
}
.footer{
    text-align: center;
    padding: 20px;
}