/* body background */
body {
	background-color: #e4f5ff;
}

.my-bg-white {
	background-color: white;
}
.my-btn-white-border-color {
	--bs-btn-border-color: #ffff;
	--bs-btn-color: #ffff;
}

/* css for navbar */
.my-navbar-color {
	background-color: rgba(255, 255, 255, 0.9);
}
/* end css for navber */

/* css for landing page */
.my-section-banner {
	/* background: url("../material_pro/images/backgrounds/cutout_purple_blue.jpg"); */
	background: url("../material_pro/images/backgrounds/cutout_purple_blue_no_bg.png");
	/* background: url("<?= base_url() ?>asset/material_pro/images/backgrounds/rm222-mind-14.jpg"); */
	background-size: 100% 120%;
	background-repeat: no-repeat;
}
/* end css for landing page */

/* css for login */
.my-offside-up-login {
	margin-top: -400px;
	z-index: 99999;
}

.my-login-card-bg {
	background: url("../material_pro/images/backgrounds/cutout_purple_blue_no_bg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.my-section-banner-login {
	background: url("../material_pro/images/backgrounds/cutout_purple_blue_no_bg.png");
	/* background: url("<?= base_url() ?>asset/material_pro/images/backgrounds/rm222-mind-14.jpg"); */
	background-size: 100% 120%;
	background-repeat: no-repeat;
	opacity: 0.8;
}
/* end css for login */

/* offside-up */
.my-offside-up {
	margin-top: -300px;
	z-index: 99999;
}
/* end offside-up */

/* vertical line for progess step */
.my-vertical-progress-step + .my-vertical-progress-step {
	margin-top: 1.5em;
}

/* Vertical Line */
.my-progress-step:after {
	content: " ";
	position: relative;
	display: block;
	top: 1px;
	right: 40%;
	bottom: 1px;
	left: 40%;
	height: 100%;
	width: 3px;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 999999;
}
/* end vertical line for progress step */

/* disable <a> tag */
a.my-disabled {
	pointer-events: none;
	cursor: default;
}
/* end disable <a> tag */

/* custom background color on read only input */
input[readonly] {
	background-color: #e9ecef !important;
}
textarea[readonly] {
	background-color: #e9ecef !important;
}
input.timepickr {
	background-color: #ffff !important;
}
/* end custom background color on read only input */