html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.content-layout {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    min-height: 100%;
    padding: 80px 24px 48px;
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
    .content-layout {
        align-items: flex-start;
        padding: 8px 24px 350px;
        width: 100%;
        height: 100%; /* Yüksekliği %100 yapar */
        box-sizing: border-box; /* padding dahil */
    }
}


.qrcode-login-popup .bn-bubble.bn-bubble__normal.bn-tooltips {
	box-shadow: none !important;
	right: -40px !important;
	width: 425px !important;
	z-index: 1100 !important
}

.qrcode-login-popup .bn-bubble.bn-bubble__normal.bn-tooltips .bn-bubble-content {
	background: var(--color-CardBg) !important;
	border-color: var(--color-Line) !important;
	border-radius: 16px !important;
	border-style: solid !important;
	border-width: 1px !important;
	box-shadow: 0 2px 6px 0 rgba(24, 26, 32, .1) !important;
	box-shadow: 0 8px 14px 0 rgba(71, 77, 87, .08) !important;
	max-width: none !important;
	padding: 40px !important
}

.qrcode-login-popup .bn-bubble.bn-bubble__normal.bn-tooltips .bn-bubble-arrow {
	border-bottom-width: 1px !important;
	border-bottom: 0 solid var(--color-Line) !important;
	border-left: 1px solid var(--color-Line) !important;
	border-right-width: 1px !important;
	border-right: 0 solid var(--color-Line) !important;
	border-top: 1px solid var(--color-Line) !important;
	box-shadow: none !important;
	height: 15px !important;
	right: 53px !important;
	top: 9px !important;
	width: 15px !important
}

.qrcode-login-popup .bn-bubble.bn-bubble__normal.bn-tooltips .bn-bubble-arrow-shadow {
	display: none !important
}

.qrcode-login-popup.qrcode-login-popup-rtl .bn-bubble.bn-bubble__normal.bn-tooltips {
	left: -40px !important;
	right: auto !important
}

.qrcode-login-popup.qrcode-login-popup-rtl .bn-bubble.bn-bubble__normal.bn-tooltips .bn-bubble-arrow {
	left: 53px !important;
	right: auto !important
}

@media only screen and (max-width:767px) {
	.qrcode-login-popup-electron .bn-bubble.bn-bubble__normal.bn-tooltips {
		right: -20px !important
	}

	.qrcode-login-popup-electron .bn-bubble.bn-bubble__normal.bn-tooltips .bn-bubble-arrow {
		transform: translate(20px) rotate(45deg) !important
	}
}