.img-circle {
    border: 2px solid #fff;
    border-radius: 50% !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.input-group-sm {
    line-height: 20px;
}

.select2-container {
    border: 1px solid var(--bs-gray-300);
    border-radius: 5px;
}

.border-box {
	border: 2px double gray;
	padding: 10px;
	overflow-x: auto;
}

.contain{padding:50px;position: relative;line-height: 32px;}
.fillable-part{color: #737271}
.signature-img{width: 100px}

.alert-box {
	text-align: center;
	max-width: 50%;
	margin: auto;
	font-size: 16px;
	line-height: 30px;
}
.image-box-lfm {
    margin: 11px;
}
.form-date{
    display: flex;
    left: 10px;
    top: 20px;
    position: absolute;
    font-size: 16px;
}
.badge-light-danger {
    color: var(--bs-danger);
    background-color: #dfdcdc;
}
.des-div {
    max-width: 90%;
    word-wrap: break-word;
    white-space: normal;
    margin-top: 5px;
    line-height: 17px;
    text-align: start;
}
/*.des-div {*/
/*    max-width: 200px; !* یا هر عرض دلخواه *!*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    cursor: pointer;*/
/*    position: relative;*/
/*}*/

.w-125{width: 125px;}
.table td, .table th, .table tr {
    text-align: center;
}
.add-account-butt{max-height: 38px;max-width: 49px;margin: 0px 14px 3px 0px;}
.add-dependent-butt{max-width: 52px;margin: 0px 10px 0px 0px;}
.form-table > thead tr {
    background: #d0d0cd5c;
}
/*.form-table > thead tr th, tbody tr td, td {*/
/*    border-right: 1px solid #807f7f3b !important;*/
/*}*/
.form-table > thead tr th:not(:first-child) {
    max-width: 100px;
    min-width: 100px;
}

.fw-semibold{line-height: 18px}
.send-code-butt{margin: 0px 10px 3px 0px;}
.btn.btn-sm.btn-primary.send-code-butt {
    max-height: 42px;
    margin-top: 21px;
}
/*.select2-selection.select2-selection--single.form-select.form-select-sm{padding: 9px!important;}*/
.form-logo{}


.stylish-btn {
    border-radius: 12px;
    font-weight: 600;
    padding: 25px 18px !important;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    background-color: #ccc;
    color: #444;
    font-size: 18px;
}

.stylish-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
    color: #fff;
}


.btn-check:checked + .stylish-btn {
    background: #D7BD4F;
    color: #fff!important;
    border: none;
    box-shadow: 0 6px 12px rgba(0,0,0,0.25);
}

#kt_footer {
    position: fixed;
    bottom: 0;
    left: 24px;
    right: 24px;
    width: calc(100% - 48px) !important;
}
.wrapper-profile #kt_content {
    margin-bottom: 100px;
}

@media (max-width: 991.98px) {
    #kt_footer {

    }
}