.page-layout-sidebar-default {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.page,
.dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
  height: auto !important;
}

.bg-dark .bkrm-login-right {
    background: #081f33 !important;
}

.darkmode-toggle {
	float: right;
}

.suggestion-popup {
	color : red;
}

/* For very small screens (less than 431px wide) */
@media (max-width: 431px) {
	.bkrm_registration > div:nth-child(1) {
		flex-direction: column
	}
	
	div.col:nth-child(2) {
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}
	
	.bkrm-reg {
		width: 100% !important;
		height: auto !important;
	}
	
	div.col:nth-child(2) {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	div.step:nth-child(4) > div:nth-child(5) {
		display: flex !important;
		flex-direction: column !important;
	}
	
	div.step:nth-child(4) > div:nth-child(5) > input:nth-child(1) {
		width: 100% !important;
		margin-bottom: 0.75rem !important;
	}
	
	#edit-submit {
		max-width: none !important;
		margin-left: 0 !important;
	}
}