html { font-size: 14px; }

html { position: relative; min-height: 100%; }

body { margin-bottom: 60px; background-color: var(--bs-gray-100); }

.date-now{margin-bottom: 12px;}
.date-now h5{display: inline-block;background-color:#fff;border-bottom: 3px solid #11b614;padding: 4px 8px;border-radius: 4px;color:#383838;}


.nerby-installment{margin:0;padding-top: 4px;}
.nerby-installment li:not(:last-child){padding-bottom:8px}
.nerby-installment li .title{padding-left:24px;}
.nerby-installment li .price{color: #005bff}
.nerby-installment li .price:after{content: " ریال ";margin-right:4px;color:black;font-size:10px;}
.nerby-installment li .installment-date{ padding-right: 12px}

.due-day{}
.due-day li{padding-bottom:8px}
.due-day li .title{padding-left:24px;}
.due-day li .price{color: #005bff}
.due-day li .price:after{content: " ریال ";margin-right:4px;color:black;font-size:10px;}

.card-installment { position: relative; display: flex; flex-direction: column; justify-content: space-between;  background-color: #fff; margin-bottom: 24px; border-radius: 8px; padding: 8px; outline: 1px solid var(--bs-gray-300); border-top: 4px solid transparent; transition: 0.25s; }
.card-installment:hover { filter: drop-shadow(-2px 4px 3px rgba(0, 0, 0, 0.2)); }
.card-installment.paid { border-top-color: #198754; }
.card-installment.paid:after { content: "\f270"; position: absolute; left: 8px; display: inline-block; color: #198754; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; font-size: 24px; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.card-installment .installment-info { margin-bottom: 12px; text-align: center; }
.card-installment .installment-info .installment-amount { display: block; cursor: pointer;}
.card-installment .installment-info .installment-amount:before { content: "مبلغ: "; color: #ff5f01; margin-left: 4px; font-size: 10px; }
.card-installment .installment-info .installment-date { display: block; }
.card-installment .installment-info .installment-date span { font-family: 'Estedad black'; }
.card-installment .installment-info .installment-date:before { content: "تاریخ: "; color: #ff5f01; margin-left: 4px; font-size: 10px; }
.card-installment .footer-card-installment { display: flex; align-items: flex-end; justify-content: space-evenly; }
.card-installment .footer-card-installment .installment-paid { }
.card-installment .footer-card-installment .installment-payment { display: flex; align-items: center; height: 18px; }
.card-installment .footer-card-installment .installment-payment i { font-size: 20px; vertical-align: bottom; }
.card-installment .footer-card-installment .installment-edit { }
.card-installment .footer-card-installment .installment-delete { }