icleafreportui 0.1.0

package/src/styles.css

@@ -0,0 +1,2026 @@
+.divider {
+	width: 100%;
+	height: 1px;
+	background: #ccc;
+	margin: 10px 0;
+}
+
+* {
+	font-family: var(--font-family);
+}
+
+button {
+	background: var(--primary-color);
+	color: white;
+}
+
+.breadcrumbs-txt {
+	color: var(--secondary-color);
+	font-size: 20px;
+	font-weight: bold;
+}
+
+.breadcrumbs-icon {
+	color: var(--secondary-color);
+	background-color: #FFF;
+	border-radius: 50%;
+	padding: 5px;
+	align-items: center;
+	box-shadow: 4px 4px 32px 1px rgba(0, 0, 0, 0.20);
+}
+
+.breadcrumb-and-icon-div {
+	display: flex;
+	padding-left: 50px;
+	margin-top: 35px;
+	align-items: center;
+	gap: 10px;
+}
+
+.login-container {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	/* height: 100vh; */
+
+}
+
+.login-image {
+	flex: 1;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	/* background-color: #007bff; */
+	color: #fff;
+}
+
+.login-image img {
+	max-width: 100%;
+	height: auto;
+}
+
+
+.login-form {
+	flex: 1;
+	padding: 20px;
+	border-radius: 5px;
+	/* text-align: center; */
+	display: 'flex';
+	justify-content: 'center';
+	align-items: 'center';
+}
+
+.login-form h2 {
+	margin-bottom: 20px;
+}
+
+.form-group {
+	margin-bottom: 15px;
+}
+
+.form-group label {
+	display: block;
+	margin-bottom: 5px;
+	font-weight: bold;
+}
+
+.form-group input {
+	width: 100%;
+	/* padding: 10px; */
+	border: 1px solid #ccc;
+	border-radius: 5px;
+
+	display: flex;
+	height: 30px;
+	padding: 6px 12px;
+	align-items: center;
+	gap: 10px;
+}
+
+.login-button {
+	background-color: var(--primary-color);
+	border: none;
+	display: flex;
+	width: 456px;
+	padding: 14px 28px;
+	justify-content: center;
+	align-items: center;
+	gap: 10px;
+	border-radius: 6px;
+}
+
+.expiry-class {
+	color: var(--secondary-color);
+
+}
+
+.days-remaining {
+	color: var(--primary-color);
+
+}
+.right_div{
+	display: flex;
+	align-items: end;
+	justify-content: end;
+}
+.center_div{
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+/*Change Password*/
+.register-container {
+	flex: 1;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.reg-text {
+	color: #667085;
+
+	font-size: 24px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: normal;
+}
+
+.register-form-container {
+	width: 100%;
+	max-width: 400px;
+
+}
+
+.input-group {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+}
+
+.input-group label {
+	margin-bottom: 5px;
+	margin-top: 14px;
+	font-weight: bold;
+}
+
+.input-group-input {
+	width: 95%;
+	padding: 10px;
+	border: 1px solid #ccc;
+	border-radius: 5px;
+	font-size: 16px;
+	/* color: var(--text-300, #BDBDBD); */
+}
+
+
+.input-group-input::placeholder {
+	color: #BDBDBD;
+
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: normal;
+}
+
+.input-group-input-name {
+	/* width: 100%; */
+	display: flex;
+	justify-content: space-between;
+	padding: 10px;
+	border: 1px solid #ccc;
+	border-radius: 5px;
+
+	font-size: 16px;
+}
+
+.input-group-input-name::placeholder {
+	color: #BDBDBD;
+
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: normal;
+}
+
+.continue-button {
+	background-color: var(--primary-color);
+	border: none;
+	display: flex;
+	width: 106%;
+	padding: 14px 28px;
+	justify-content: center;
+	align-items: center;
+	margin-top: 30px;
+	border-radius: 6px;
+	color: white;
+}
+
+.label-reg {
+	color: #667085;
+
+	font-size: 15px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: normal;
+}
+
+.input-group-input {
+	position: relative;
+}
+
+.icon {
+	position: absolute;
+	left: 10px;
+	top: 50%;
+	transform: translateY(-50%);
+	z-index: 1;
+	padding: 10px;
+}
+
+.input-group-input input {
+	width: 100%;
+	padding: 10px;
+	padding-left: 30px;
+	border: 1px solid #ccc;
+	border-radius: 5px;
+	font-size: 16px;
+}
+
+.input-checkbox {
+	width: 14px;
+	height: 14px;
+	border-radius: 8px;
+	border: 4px solid black !important;
+
+}
+
+.policy-modal-close-button {
+	display: flex;
+	width: 412px;
+	padding: 14px 28px;
+	justify-content: center;
+	align-items: center;
+	gap: 10px;
+	border-radius: 6px;
+	border: 2px solid var(--primary-color);
+
+}
+
+.swal2-confirm {
+	display: flex;
+	width: 412px;
+	padding: 14px 28px;
+	justify-content: center;
+	align-items: center;
+	gap: 10px;
+	border-radius: 6px;
+	border: 1px solid var(--primary-color);
+
+}
+
+.swal2-close {
+	display: flex;
+	width: 412px;
+	background-color: var(--primary-color);
+	border-radius: 6px;
+	color: white;
+}
+
+.my-swal-content {
+	font-size: 16px;
+	color: #333;
+}
+
+.input-container {
+	display: flex;
+	align-items: center;
+	border: 1px solid #ccc;
+	border-radius: 4px;
+}
+
+/*Buy Courses*/
+
+.course-card-inner {
+	position: relative;
+}
+
+.course-image {
+	position: relative;
+}
+
+.course-badge {
+	position: absolute;
+	top: 2px;
+	right: 3px;
+	background-color: white;
+	color: #f95502;
+	padding: 6px 10px;
+	border-radius: 0 2px 0 14px;
+	font-size: 12px;
+}
+
+.textFree {
+	color: #26C000;
+
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: normal;
+}
+
+.courseImage {
+	width: 243px;
+	height: 162px;
+}
+
+.rupee-icon {
+	color: #FFF;
+	background-color: #26C000;
+	border-radius: 50%;
+	width: 30px;
+	height: 30px;
+	align-items: center;
+	/* box-shadow: 4px 4px 32px 1px rgba(0, 0, 0, 0.20); */
+}
+
+
+/**/
+.form-control-lg.form-control {
+	border-radius: 4px;
+	height: 46px;
+}
+
+.form-control-sm.form-control {
+	height: 30px;
+	border-radius: 0;
+}
+
+.input-group.input-group-lg .form-control {
+	height: 46px;
+}
+
+.material-icons {
+	font-family: 'Material Icons';
+	font-weight: normal;
+	font-style: normal;
+	font-size: 24px;
+	display: inline-block;
+	line-height: 1;
+	text-transform: none;
+	letter-spacing: normal;
+	word-wrap: normal;
+	white-space: nowrap;
+	direction: ltr;
+	-webkit-font-smoothing: antialiased;
+	text-rendering: optimizeLegibility;
+	-moz-osx-font-smoothing: grayscale;
+	font-feature-settings: 'liga';
+}
+
+/*---------------
+dashboard
+----------------*/
+
+.cdash-btn {
+	width: 350px;
+	height: 30px;
+	flex-shrink: 0;
+	border-radius: 4px;
+	background: #EAEAEA;
+	padding: 10px 20px;
+	margin: 10px;
+	font-size: 16px;
+	font-weight: bold;
+	color: white;
+	border-radius: 5px;
+	text-align: center;
+	cursor: pointer;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.room-container {
+	padding: 30px;
+}
+
+.join-button {
+	width: 10px;
+	padding: 14px 28px;
+	gap: 10px;
+	border-radius: 4px;
+	background: #f95502;
+	height: 35px;
+	border: 1px solid transparent;
+	color: white;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-family: "Maven Pro", sans-serif;
+	font-weight: 500;
+	transition: background-color 0.3s ease;
+}
+
+.join-button:hover {
+	background: #28a745;
+}
+
+
+/*-----------------
+	 Header
+-----------------------*/
+.header {
+	background: #fff;
+	border-bottom: 1px solid #ededed;
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
+	height: 70px;
+	left: 0;
+	position: fixed;
+	right: 0;
+	top: 0;
+	z-index: 1002;
+}
+
+.header .header-left {
+	float: left;
+	height: 60px;
+	padding: 0 20px;
+	position: relative;
+	text-align: center;
+	width: 230px;
+	z-index: 1;
+	transition: all 0.2s ease-in-out;
+}
+
+.header .header-left .logo {
+	display: inline-block;
+	line-height: 60px;
+}
+
+.bar-icon {
+	display: inline-block;
+	width: 21px;
+}
+
+.bar-icon span {
+	background-color: #999;
+	border-radius: 500px;
+	display: block;
+	float: left;
+	height: 2px;
+	margin-bottom: 5px;
+	width: 21px;
+}
+
+.bar-icon span:nth-child(2) {
+	width: 15px;
+}
+
+.bar-icon span:nth-child(3) {
+	margin-bottom: 0;
+}
+
+.header .navbar-nav .badge {
+	position: absolute;
+	right: 7px;
+	top: 4px;
+}
+
+.header .dropdown-menu>li>a {
+	position: relative;
+}
+
+.header .dropdown-toggle::after {
+	display: none;
+}
+
+.header .has-arrow .dropdown-toggle:after {
+	border-top: 0;
+	border-left: 0;
+	border-bottom: 2px solid #999;
+	border-right: 2px solid #999;
+	content: '';
+	height: 8px;
+	display: inline-block;
+	pointer-events: none;
+	-webkit-transform-origin: 66% 66%;
+	-ms-transform-origin: 66% 66%;
+	transform-origin: 66% 66%;
+	-webkit-transform: rotate(45deg);
+	-ms-transform: rotate(45deg);
+	transform: rotate(45deg);
+	-webkit-transition: all 0.15s ease-in-out;
+	transition: all 0.15s ease-in-out;
+	width: 8px;
+	vertical-align: 2px;
+}
+
+.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
+	-webkit-transform: rotate(-135deg);
+	-ms-transform: rotate(-135deg);
+	transform: rotate(-135deg);
+}
+
+.page-title-box {
+	border-radius: 0;
+	float: left;
+	height: 60px;
+	margin-bottom: 0;
+	padding: 17px 20px;
+}
+
+.page-title-box h3 {
+	color: #333;
+	font-size: 20px;
+	font-weight: normal;
+	margin: 0;
+}
+
+.user-menu {
+	float: right;
+	margin: 0;
+	position: relative;
+	z-index: 99;
+}
+
+.user-menu.nav>li>a {
+	color: #333;
+	font-size: 15px;
+	line-height: 60px;
+	padding: 0 15px;
+	height: 60px;
+}
+
+.user-menu.nav>li>a:hover,
+.user-menu.nav>li>a:focus {
+	background-color: rgba(0, 0, 0, 0.2);
+}
+
+.flag-nav img {
+	margin-right: 5px;
+}
+
+.flag-nav .dropdown-menu {
+	max-height: 150px;
+	min-width: 120px;
+	overflow-y: auto;
+}
+
+.flag-nav .dropdown-menu .dropdown-item {
+	padding: 5px 15px;
+}
+
+.user-img {
+	display: inline-block;
+	position: relative;
+}
+
+.main-drop .user-img img {
+	border-radius: 50%;
+	width: 30px;
+}
+
+.user-img .status {
+	border: 2px solid #fff;
+	bottom: 0;
+	height: 10px;
+	margin: 0;
+	position: absolute;
+	right: 0;
+	width: 10px;
+}
+
+.user-menu .user-img .status {
+	bottom: 12px;
+}
+
+.status {
+	background-color: #263238;
+	border-radius: 50%;
+	display: inline-block;
+	height: 10px;
+	width: 10px;
+}
+
+.status.online {
+	background-color: #55ce63;
+}
+
+.status.offline {
+	background-color: #f62d51;
+}
+
+.status.away {
+	background-color: #faa937;
+}
+
+.main-drop .dropdown-menu {
+	min-width: 130px;
+	padding: 0;
+}
+
+/*-----------------
+Content
+-----------------------*/
+
+.page-wrapper {
+	left: 0;
+	margin-left: 260px;
+	padding: 80px 50px 10px 50px;
+	position: relative;
+	transition: all 0.2s ease-in-out;
+	/* min-height: 528px; */
+	background-color: var(--content-background-color);
+	min-height: 100vh;
+}
+.page-wrapper_scorm_Track {
+	left: 0;
+	margin-left: 0px;
+	padding: 0px;
+	position: relative;
+	transition: all 0.2s ease-in-out;
+	/* min-height: 528px; */
+	background-color: var(--content-background-color);
+	min-height: 100vh;
+}
+.scorm_iframe{
+    width: 100%;
+    height: calc(100vh - 80px);
+  }
+.page-wrapper>.content {
+	padding: 30px;
+}
+
+.page-header {
+	margin-bottom: 1.875rem;
+}
+
+.page-header .breadcrumb {
+	background-color: transparent;
+	color: #6c757d;
+	font-size: 1rem;
+	font-weight: 500;
+	margin-bottom: 0;
+	padding: 0;
+}
+
+.page-header .breadcrumb a {
+	color: #333;
+}
+
+.card {
+	border: 1px solid #ededed;
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
+	margin-bottom: 30px;
+}
+
+.ant-pagination-item-active {
+	font-weight: 500;
+	background: #ff9b44 !important;
+	border-color: #ff9b44 !important;
+	color: rgb(255, 255, 255) !important;
+	z-index: 1 !important;
+}
+
+.card-title {
+	color: #1f1f1f;
+	font-size: 20px;
+	font-weight: 500;
+	margin-bottom: 20px;
+}
+
+.card-header {
+	background-color: #fff;
+}
+
+.card-footer {
+	background-color: #fff;
+}
+
+.page-title {
+	color: #1f1f1f;
+	font-size: 26px;
+	font-weight: 500;
+	margin-bottom: 5px;
+}
+
+.page-sub-title {
+	color: #565656;
+	font-size: 18px;
+	font-weight: normal;
+	margin-bottom: 20px;
+}
+
+/*------Hari-----*/
+
+.page-title-container {
+	display: flex;
+}
+
+.project-title-icon {
+	color: var(--secondary-color);
+	background-color: #FFF;
+	border-radius: 50%;
+	padding: 5px;
+	align-items: center;
+	box-shadow: 4px 4px 32px 1px rgba(0, 0, 0, 0.20);
+	font-size: 28px;
+	margin-right: 10px;
+}
+
+.dataTable-subContainer {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.data-table-container {
+	margin-top: 38px;
+	border: 1px solid #DBE1EF;
+	background-color: #FFF;
+}
+
+.data-table-container header {
+	justify-content: space-between;
+	display: block;
+	padding: 27px 50px;
+}
+
+.data-table-container h2 {
+	color: var(--secondary-color);
+	font-size: 18px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: normal;
+}
+
+.table_search {
+	width: 398px;
+	height: 55px;
+	flex-shrink: 0;
+	border-radius: 23px;
+	background: #F7F8FA;
+	border-width: 0px;
+	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
+	padding: 0px 50px;
+}
+
+.table_search_icon {
+	position: absolute;
+	top: 54%;
+	left: 20px;
+	transform: translateY(-50%);
+	color: #555;
+	/* Adjust the color as needed */
+	cursor: pointer;
+}
+
+.dataTable-subContainer div:nth-child(2) {
+	width: fit-content;
+	position: relative;
+}
+
+.dataTable-subContainer div:first-child {
+	width: fit-content;
+	text-align: left;
+}
+
+.availableExam-btn {
+	border-radius: 4px;
+	width: 120px;
+	height: 33px;
+	flex-shrink: 0;
+	border-width: 0px;
+	text-align: center;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 16px;
+}
+
+.selected-btn {
+	border-radius: 4px;
+	background: #000;
+	width: 120px;
+	height: 33px;
+	flex-shrink: 0;
+	border-bottom: 2px solid #F95503;
+	color: #FFF;
+	text-align: center;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 16px;
+}
+
+.textareaquestion {
+	width: 100%;
+	height: 17px;
+	min-height: 100px;
+	border: 1px solid #ddd;
+}
+
+.textareanote {
+	font-size: 12px;
+	font-weight: 400;
+}
+
+.mini-sidebar .sidebar .sidebar-menu .icon_background {
+	box-shadow: none;
+	background-color: transparent;
+	border-radius: 50%;
+	padding: 0px !important;
+	font-size: 16px !important;
+}
+
+.mini-sidebar .sidebar .sidebar-menu li a {
+    padding: 10px 0px;
+    /* text-align: center; */
+	margin: 4px 14px;
+}
+
+.mini-sidebar .sidebar .sidebar-menu>ul>li>a i {
+	font-size: 30px;
+	width: auto !important;
+}
+
+.mini-sidebar .sidebar-menu li:has(a.subdrop) ul li a {
+	margin: 0px;
+}
+
+/*Hari..........*/
+/*-----------------
+	Responsive
+-----------------------*/
+
+@media only screen and (min-width: 991px) {
+	#toggle_btn {
+		color: #999;
+		float: left;
+		font-size: 26px;
+		line-height: 60px;
+		padding: 0 10px;
+	}
+
+	.mini-sidebar .header-left .logo img {
+		height: auto;
+		max-height: 30px;
+		width: auto;
+	}
+
+	.mini-sidebar .header .header-left {
+		padding: 0 5px;
+		width: 80px;
+	}
+
+	.mini-sidebar .sidebar {
+		width: 80px;
+	}
+
+	.mini-sidebar .sidebar .sidebar-menu>ul>li>a {
+		display: block;
+	}
+
+	.mini-sidebar .sidebar .sidebar-menu .icon_background {
+		box-shadow: none;
+		background-color: transparent;
+		border-radius: 50%;
+		padding: 0px;
+		font-size: 14px;
+		/* display: block !important;
+		justify-content: center;
+		align-items: center;
+		margin-left: 0px !important;
+		height: 100%; */
+	}
+
+	.mini-sidebar .sidebar .sidebar-menu li i {
+		font-size: 14px;
+	}
+
+	.mini-sidebar .sidebar .sidebar-menu li a {
+		padding: 13px 10px;
+	}
+
+	.mini-sidebar .sidebar .sidebar-menu li:has(a.subdrop) ul li {
+		/* display: none; */
+		
+	}
+
+	.mini-sidebar.expand-menu .sidebar {
+		width: 230px;
+	}
+
+	.mini-sidebar .menu-title {
+		visibility: hidden;
+		white-space: nowrap;
+	}
+
+	.mini-sidebar.expand-menu .menu-title {
+		visibility: visible;
+	}
+
+	.mini-sidebar .menu-title a {
+		visibility: hidden;
+	}
+
+	.mini-sidebar.expand-menu .menu-title a {
+		visibility: visible;
+	}
+
+	.mini-sidebar .sidebar .noti-dot:before {
+		display: none;
+	}
+
+	.mini-sidebar .sidebar .noti-dot:after {
+		display: none;
+	}
+
+	.mini-sidebar.expand-menu .sidebar .noti-dot:before {
+		display: block;
+	}
+
+	.mini-sidebar.expand-menu .sidebar .noti-dot:after {
+		display: block;
+	}
+
+	.modal-open.mini-sidebar .sidebar {
+		z-index: 1001;
+	}
+
+	.mini-sidebar .sidebar .sidebar-menu ul>li>a span {
+		display: none;
+		transition: all 0.2s ease-in-out;
+		opacity: 0;
+	}
+
+	.mini-sidebar .sidebar .sidebar-menu ul>li>a span.chat-avatar-sm {
+		display: inline-block;
+		opacity: 1;
+	}
+
+	.mini-sidebar .sidebar .sidebar-menu ul>li>a span.status {
+		display: inline-block;
+		opacity: 1;
+	}
+
+	.mini-sidebar.expand-menu .sidebar .sidebar-menu ul>li>a span {
+		display: inline;
+		opacity: 1;
+	}
+
+	.mini-sidebar .sidebar .sidebar-menu>ul>li>a i {
+		font-size: 30px;
+		width: 30px;
+	}
+
+	.mini-sidebar.expand-menu .sidebar .sidebar-menu>ul>li>a i {
+		font-size: 24px;
+		width: 20px;
+	}
+
+	.mini-sidebar .page-wrapper {
+		margin-left: 80px;
+	}
+
+	.mini-sidebar .header_whole_container {
+		margin-left: 80px;
+		width: calc(100% - 80px);
+	}
+}
+
+@media (max-width: 576px) {
+	.col-xs-1 {
+        flex: 0 0 auto;
+        width: 8.333333333333333%;
+    }
+	.col-xs-2 {
+        flex: 0 0 auto;
+        width: 16.66666666666667%;
+    }
+	.col-xs-3 {
+        flex: 0 0 auto;
+        width: 25%;
+    }
+	.col-xs-4 {
+        flex: 0 0 auto;
+        width: 33.33333333%;
+    }
+	.col-xs-5 {
+        flex: 0 0 auto;
+        width: 41.66666666666667%;
+    }
+	.col-xs-6 {
+        flex: 0 0 auto;
+        width: 50%;
+    }
+	.col-xs-7 {
+        flex: 0 0 auto;
+        width: 58.33333333333333%;
+    }
+	.col-xs-8 {
+        flex: 0 0 auto;
+        width: 66.66666666666667%;
+    }
+	.col-xs-9 {
+        flex: 0 0 auto;
+        width: 75%;
+    }
+	.col-xs-10 {
+        flex: 0 0 auto;
+        width: 83.33333333333333%;
+    }
+	.col-xs-11 {
+        flex: 0 0 auto;
+        width: 91.66666666666667%;
+    }
+    .col-xs-12 {
+        flex: 0 0 auto;
+        width: 100%;
+    }
+}
+
+@media only screen and (max-width: 1001px) {
+
+	.sidebar {
+		margin-left: -225px;
+		width: 225px;
+		-webkit-transition: all 0.4s ease;
+		-moz-transition: all 0.4s ease;
+		transition: all 0.4s ease;
+		z-index: 1041;
+	}
+
+	.page-wrapper {
+		margin-left: 0;
+		padding-left: 15px;
+		padding-right: 15px;
+	}
+
+	#toggle_btn {
+		display: none;
+	}
+
+	.page-wrapper {
+		-webkit-transition: all 0.4s ease;
+		-moz-transition: all 0.4s ease;
+		transition: all 0.4s ease;
+	}
+
+	.header .has-arrow .dropdown-toggle>span:nth-child(2) {
+		display: none;
+	}
+
+	.header .has-arrow .dropdown-toggle::after {
+		display: none;
+	}
+
+	.header_whole_container {
+		margin-left: 0px !important;
+    	width: 100% !important;
+	}
+}
+
+.MuiPaper-root {
+    /* margin-top: 20px; */
+}
+
+/*my profile*/
+
+.myprofile_container {
+	padding: 60px 90px 100px 105px;
+}
+
+.profile-card {
+	background-color: #fff;
+	border-radius: 8px;
+	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+	width: 750px;
+	padding: 20px;
+}
+
+.profile-column {
+	flex-basis: calc(50% - 10px);
+	padding: 10px;
+	box-sizing: border-box;
+}
+
+.profile-icon {
+	color: var(--secondary-color);
+	border-radius: 50%;
+	padding: 10px;
+	box-shadow: 4px 4px 32px 1px rgba(0, 0, 0, 0.20);
+	background-color: #FFFFFF;
+
+}
+
+.profile-icon-border {
+	margin-left: 7px;
+}
+
+.profile-header {
+	font-size: 22px;
+	color: var(--secondary-color);
+	margin-top: 3px;
+	margin-left: 15px;
+	font-weight: bold;
+
+
+}
+
+.profile-bookicon {
+
+	position: absolute;
+	margin-left: 13px;
+	margin-top: 16px;
+	color: var(--secondary-color);
+	width: 16px;
+	height: 16px;
+
+	/* top: 54%;
+
+    left: 20px;
+
+    transform: translateY(-50%);
+
+    color: #555;
+
+    cursor: pointer; */
+
+}
+
+.profile-bookicon-child {
+
+	margin-top: 35px;
+	margin-left: 10px
+}
+
+.profile-header h2 {
+	color: #333;
+}
+
+.profile-details {
+	font-size: 16px;
+}
+
+.profile-details .row {
+	/* --bs-gutter-x: 0rem !important; */
+}
+
+.profile-row {
+	display: flex;
+	justify-content: space-between;
+	flex-wrap: wrap;
+}
+
+.profile-row-label {
+	display: flex;
+	align-items: center;
+	margin-top: 2%;
+
+}
+
+.profile-checkbox {
+
+	color: #667085;
+	background-color: #FFFFFF;
+	width: 16px;
+	height: 16px;
+	border-radius: 12px;
+	border: 2px solid #667085;
+}
+
+.profile-label {
+	/* margin: 0;
+    color: #777;
+    font-weight: bold;
+    margin-bottom: 5px; */
+	width: 60%;
+	height: 20%;
+	margin-top: 25px;
+	font-weight: normal;
+	font-size: 16px;
+	line-height: 16.41px;
+	color: #667085;
+	/* font-weight: lighter; */
+
+
+}
+
+
+.profile-value {
+	color: #333;
+	font-weight: bold;
+}
+
+.profile-input {
+	margin-top: 10px;
+	background-color: #fff;
+	border: none;
+	padding: 10px;
+	font-size: 16px;
+	color: #858282;
+	width: 100%;
+	box-sizing: border-box;
+	border: 1px solid #858282;
+	height: 40%;
+
+
+}
+
+.profile-input {
+	width: 100%;
+	height: 45px;
+	display: flex;
+	align-items: center;
+	margin-top: 15px;
+	border-radius: 6px;
+	color: var(--secondary-color);
+	border: 1px solid #A2A2A6;
+	background-color: #FFFFFF;
+	font-weight: 500;
+	padding: 5px 10px 5px 40px;
+}
+.corpprofile-input {
+	width: 100%;
+	height: 45px;
+	display: flex;
+	align-items: center;
+	margin-top: 15px;
+	border-radius: 6px;
+	color: var(--secondary-color);
+	border: 1px solid #A2A2A6;
+	background-color: #FFFFFF;
+	font-weight: 500;
+	padding: 5px 10px 5px 10px;
+}
+.profile-input-disabled {
+	width: 100%;
+	height: 45px;
+	display: flex;
+	align-items: center;
+	margin-top: 15px;
+	border-radius: 6px;
+	color: var(--secondary-color);
+	border: 1px solid #A2A2A6;
+	background-color: #f6f2f2;
+	font-weight: 500;
+	padding: 5px 10px 5px 40px;
+}
+.corporateprofile-input-disabled {
+	width: 100%;
+	height: 45px;
+	display: flex;
+	align-items: center;
+	margin-top: 15px;
+	border-radius: 6px;
+	color: var(--secondary-color);
+	border: 1px solid #A2A2A6;
+	background-color: #f6f2f2;
+	font-weight: 500;
+	padding: 5px 10px 5px 10px;
+}
+.required-star {
+	color: red;
+}
+
+.profile-update-button-container {
+	display: flex;
+	justify-content: center;
+	margin-top: 20px;
+}
+
+.profile-update-button {
+	background: #C77E23;
+
+}
+
+.profile-checkboxlabel {
+
+
+	font-size: 14px;
+	line-height: 14.06px;
+	color: #8692A6;
+	font-weight: 300;
+}
+
+.profile-clickhere {
+
+	color: #3665C5;
+	text-align: center;
+	cursor: pointer;
+	font-size: 15px;
+	line-height: 16px;
+}
+
+.profile-button {
+	background-color: var(--primary-color);
+	color: white;
+	border: none;
+	padding: 10px 20px 10px 20px;
+	border-radius: 6px;
+}
+
+.profile_btn_container {
+	display: flex;
+	justify-content: center;
+	margin-top: 20px;
+}
+
+.eresources-button {
+
+	width: 300%;
+	height: 50%;
+	background-color: var(--primary-color);
+	color: white;
+	border: none;
+	margin-top: 45px;
+}
+
+
+.profile-infoicon {
+	width: 16px;
+	height: 16px;
+	color: #3665C5;
+	cursor: pointer;
+}
+
+.profile-infoicon-child1 {
+	border: 1px solid #a2a2a6;
+	background-color: rgb(243 243 243);
+	/* margin-left: 10px;
+	margin-right: 125px; */
+	margin-top: 15px;
+	border-radius: 5px;
+	padding: 10px;
+}
+
+.profile-infoicon-message {
+	margin-left: 2%;
+	margin-top: 1%;
+	margin-bottom: 1%;
+}
+
+
+
+/*jero CoursesDashboard css 25/10 */
+
+.dashboard_option_container {
+	display: flex;
+	justify-content: space-between;
+}
+
+.option_container {
+	background: #EAEAEA;
+	padding: 15px;
+	width: 350px;
+	height: 55px;
+	border-radius: 5px;
+	margin-right: 10px;
+	cursor: pointer;
+}
+
+.selected_option_container {
+	background: var(--tab-color);
+	padding: 15px;
+	width: 350px;
+	height: 55px;
+	border-radius: 5px;
+	margin-right: 10px;
+	cursor: pointer;
+}
+
+.option_text {
+	font-size: 20px;
+	line-height: 23px;
+	letter-spacing: 0em;
+	text-align: left;
+	line-height: 23.44px;
+	color: var(--secondary-color);
+	font-weight: 400;
+}
+
+.selected_option_text {
+	font-size: 20px;
+	line-height: 23px;
+	letter-spacing: 0em;
+	text-align: left;
+	line-height: 23.44px;
+	color: #ffffff;
+	font-weight: 400;
+}
+
+
+/* latest header style */
+
+.header_whole_container {
+	display: flex;
+	position: fixed;
+	padding: 20px;
+	/* width: 100%; */
+	padding-bottom: 10px;
+	height: 70px;
+	align-items: center;
+	z-index: 1010;
+	border-bottom: 1px solid #dcdcdc;
+	background-color: #FFFFFF;
+}
+
+.header_logo_container {
+	margin-left: 30px;
+}
+
+.header-toggle-icon {
+	background-color: #FFF;
+	border-radius: 50%;
+	padding: 5px;
+	align-items: center;
+	box-shadow: 4px 4px 32px 1px rgba(0, 0, 0, 0.20);
+}
+
+.header_container1 {
+	display: flex;
+	align-items: center;
+	width: 87%;
+}
+
+/* .header_logo_img {
+	height: 120px;
+	width: 100px;
+} */
+
+.header_container2 {
+	display: flex;
+	align-items: center;
+	width: 13%;
+}
+
+.user_icon_container {
+	display: flex;
+	justify-content: flex-end;
+}
+
+.username_container {
+	padding-left: 20px;
+}
+
+.userName_text {
+	font-size: 14px;
+	color: #222222;
+	font-weight: 500;
+	line-height: 16px;
+	letter-spacing: 0em;
+}
+
+.header_container3 {
+	padding-left: 22px;
+}
+
+.logout_icon {
+	box-shadow: 4px 4px 32px 1px rgba(0, 0, 0, 0.20);
+	background-color: #FFFFFF;
+	padding: 5px;
+	border-radius: 50%;
+}
+
+/* jero finish */
+
+/* Eresources.css */
+.card-container {
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 100px 50px 30px 50px !important;
+}
+
+.card {
+	width: 80%;
+	padding: 20px;
+	border: 1px solid #ccc;
+	border-radius: 10px;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+	margin-top: 5%;
+}
+
+.alert_container {
+	height: 0px;
+}
+
+.alert_container {
+	color: red;
+	font-size: 12px;
+
+}
+
+.signup_alert_container {
+	height: 10px;
+}
+
+.signup_alert_container span {
+	color: red;
+	font-size: 12px;
+}
+
+.modal_title {
+	color: var(--secondary-color);
+
+}
+
+.modal-header .btn-close {
+	color: red !important;
+	font-size: 12px;
+}
+
+.info {
+	background: var(--primary-color) !important;
+
+}
+
+.SUCCESS {
+	background: green !important;
+}
+
+.error {
+	background: red !important;
+}
+
+.loader_modal .modal-content {
+	border: none !important;
+	background-color: transparent !important;
+	align-items: center;
+}
+
+/* input[type='file']::file-selector-button {
+	display: none;
+}
+
+input[type='file']::after {
+    content: '';
+} */
+
+@media only screen and (max-width:1200px) {
+	.availableExam-btn {
+		width: 120px;
+	}
+
+	.selected-btn {
+		width: 120px;
+	}
+}
+
+@media only screen and (max-width:950px) {
+	.myprofile_container {
+		padding: 60px 90px 100px 90px;
+	}
+
+	.profile-infoicon-child1 {
+		border: 1px solid #a2a2a6;
+		background-color: rgb(243 243 243);
+		margin-top: 15px;
+		border-radius: 5px;
+		padding: 10px;
+	}
+
+	.project-title-icon {
+		font-size: 25px;
+	}
+
+	.breadcrumbs-txt {
+		font-size: 18px;
+	}
+}
+
+.profile-row-label {
+	--bs-gutter-x: 0rem !important;
+}
+
+.profile_checkbox_container {
+	width: 3%;
+	display: flex;
+	align-items: center;
+}
+
+@media only screen and (max-width: 800px) {
+	.data-card-exam {
+		background-color: white;
+		border-radius: 8px;
+		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+		padding: 10px;
+		margin-top: 25px;
+	}
+
+	.data-table-container header {
+		display: block;
+		padding: 15px 30px;
+	}
+
+	.dataTable-subContainer {
+		flex-direction: column;
+		align-items: flex-start;
+		gap: 15px;
+	}
+
+	.dataTable-subContainer div {
+		/* width: 100%; */
+	}
+
+	.dataTable-subContainer div:nth-child(2) {
+		width: 100%;
+		position: relative;
+	}
+
+	.table_search {
+		width: 42%;
+		height: 45px;
+		margin-top: 1px;
+		padding: 15px 40px 15px 50px;
+		border: 1px solid var(--input-border-color);
+		outline: none;
+	}
+
+	.table_search_icon {
+		position: absolute;
+		top: 50%;
+		left: 10px;
+		transform: translateY(-50%);
+		color: #555;
+		cursor: pointer;
+	}
+
+	.page-title-container {
+		display: flex;
+	}
+
+	.availableExam-btn {
+		width: 115px;
+		height: 20px;
+	}
+
+	.selected-btn {
+		width: 115px;
+		height: 20px;
+	}
+
+	.project-title-icon {
+		font-size: 25px;
+	}
+
+	.breadcrumbs-txt {
+		font-size: 18px;
+	}
+}
+
+@media only screen and (max-width:650px) {
+	.myprofile_container {
+		padding: 60px 50px 100px 50px;
+	}
+}
+
+@media only screen and (max-width:600px) {
+	.profile-row-label>* {
+		width: unset;
+	}
+
+	.profile-checkboxlabel {
+		padding-left: 10px;
+		font-size: 15px;
+	}
+
+	.table_search {
+		width: 50%;
+		height: 45px;
+	}
+}
+
+@media only screen and (max-width:520px) {
+	.profile-checkboxlabel {
+		padding-left: 10px;
+		font-size: 13px;
+	}
+
+	.profile-checkbox {
+		width: 15px;
+		height: 15px;
+	}
+
+	.profile-clickhere {
+		font-size: 13px;
+	}
+
+	.profile-infoicon-message text {
+		font-size: 15px;
+	}
+
+	.project-title-icon {
+		font-size: 25px;
+	}
+
+	.breadcrumbs-txt {
+		font-size: 18px;
+	}
+}
+
+
+@media only screen and (max-width:500px) {
+	.myprofile_container {
+		padding: 60px 20px 100px 20px;
+	}
+
+	.profile-input-disabled {
+		width: 100%;
+	}
+
+	.profile-input {
+		width: 100%;
+	}
+
+	.table_search {
+		width: 100%;
+		height: 45px;
+	}
+}
+
+@media only screen and (max-width:400px) {
+	.profile-checkboxlabel {
+		padding-left: 10px;
+		font-size: 12px;
+	}
+
+	.project-title-icon {
+		font-size: 25px;
+	}
+
+	.breadcrumbs-txt {
+		font-size: 18px;
+	}
+
+	.table_search {
+		width: 100%;
+		height: 45px;
+	}
+}
+
+
+@media only screen and (max-width:370px) {
+	.signup_alert_container span {
+		font-size: 10px;
+	}
+
+	.table_search {
+		width: 100%;
+		height: 40px;
+	}
+
+	.profile-checkboxlabel {
+		padding-left: 10px;
+		font-size: 11px;
+	}
+
+	.project-title-icon {
+		font-size: 25px;
+	}
+
+	.breadcrumbs-txt {
+		font-size: 21px;
+	}
+}
+
+
+/*DataTble list view for mobile*/
+.list-container {
+	margin: 8px;
+	padding: 5px;
+	display: flex;
+	gap: 30px;
+	overflow-x: auto;
+	border: 1px solid #DCDCDC;
+}
+
+.column-list {
+	/* border-right: 1px solid gray; */
+}
+
+.title-card-header {
+	font-weight: bold;
+	font-size: 12px;
+	line-height: 20px;
+}
+
+.title-card {
+	font-size: 12px;
+	line-height: 24px;
+	/* text-transform: none;
+	display: -webkit-box;
+	-webkit-line-clamp: 1;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-webkit-box-orient: vertical;
+	line-height: normal; */
+}
+
+.custom-table {
+	list-style: none;
+	padding: 0;
+	display: flex;
+	flex-direction: column;
+	width: 600px;
+	overflow: auto;
+}
+
+.custom-table-row {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	padding: 5px 0;
+	gap: 10px;
+	height: 50px;
+}
+
+.custom-table-header {
+	font-weight: bold;
+	padding: 10px;
+}
+
+.custom_col {
+	row-gap: 15px;
+	display: flex;
+	flex-direction: column;
+	font-size: 12px;
+}
+
+.MuiTableCell-head {
+	padding: 15px 10px !important;
+}
+
+.MuiTablePagination-selectLabel {
+	margin-bottom: 0px;
+	color: rgba(0, 0, 0, 0.54) !important;
+	font-size: 13px !important;
+	
+    font-weight: normal !important;
+    font-family: 'Gilroy' !important;
+
+}
+.css-lm78jv{
+	color: rgba(0, 0, 0, 0.54) !important;
+	font-size: 13px !important;
+}
+.css-c8mw91 {
+	
+	color: rgba(0, 0, 0, 0.54) !important;
+	font-size: 13px !important;
+
+}
+
+.updateexam_admin {
+
+	margin-top: 0px !important;
+
+}
+
+.btn_primary {
+	display: flex;
+    min-width: 130px;
+    padding: 5px 20px;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+    border-radius: 4px;
+    border: 0px;
+    font-size: 14px;
+    font-weight: 300;
+    border: 1px solid var(--primary-color);
+    letter-spacing: 0.03rem;
+}
+
+.btn_secondary {
+    display: flex;
+    min-width: 130px;
+    padding: 5px 20px;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+    border-radius: 4px;
+    border: 0px;
+    font-size: 14px;
+    font-weight: 300;
+    letter-spacing: 0.03rem;
+	color: var(--primary-color);
+    background-color: white;
+    border: 1px solid var(--primary-color);
+}
+
+.page_name_icon {
+	box-shadow: 4px 4px 32px 1px #0000001A;
+    width: 35px;
+    height: 35px;
+    padding: 7px;
+    border-radius: 34px;
+    background: #FFFFFF;
+	color: #7684A0;
+}
+
+.head_text {
+    color: var(--secondary-color);
+    font-size: 20px;
+    font-weight: bold;
+    line-height: 23px;
+    letter-spacing: 0em;
+    text-align: left;
+    color: var(--secondary-color);
+    font-weight: bold;
+}
+
+:where(.css-dev-only-do-not-override-1rqnfsa).ant-drawer {
+	z-index: 1010;
+}
+
+.head_whole_container {
+	display: flex;
+    align-items: center;
+    background: white;
+    padding: 10px;
+    border-radius: 8px;
+}
+
+.head_whole_container .breadcrumbs-txt {
+	color: initial;
+}
+
+.head_whole_container .page_name_icon {
+	color: initial;
+	box-shadow: unset;
+}
+
+.head_whole_container .head_text_container {
+    padding-left: 0px;
+}
+.css-1nmdiq5-menu div {
+	word-break: break-all;
+}
+.css-v4u5dn-MuiInputBase-root-MuiInput-root:before {
+	border-bottom: none !important
+}
+.css-v4u5dn-MuiInputBase-root-MuiInput-root:after {
+	border-bottom: none !important
+}
+.css-ittuaa-MuiInputAdornment-root {
+	color: gray;
+	
+}
+.css-v4u5dn-MuiInputBase-root-MuiInput-root{
+	border: 1px solid var(--input-text-color);
+	width: 200px;
+    height: 40px;
+    flex-shrink: 0;
+    border-radius: 8px;
+    box-shadow: unset;
+    padding: 0;
+    padding-left: 10px;
+    font-size: 13px;
+}
+tr {
+	border-bottom: 1px solid var(--datatable-border-color) !important;
+	
+}
+thead{
+	border-bottom: 1px solid var(--datatable-border-color) !important;
+	border-top: 1px solid var(--datatable-border-color) !important;
+}
+.css-1ex1afd-MuiTableCell-root {
+	border-bottom: none !important;
+	font-size: 14px !important;
+	padding: 15px 10px !important;
+}
+.css-1g1pyhz-MuiTableCell-root{
+	border-bottom: none !important;
+	font-size: 14px !important;
+	font-weight: bold !important;
+}
+.css-ptiqhd-MuiSvgIcon-root{
+	color: var(--input-text-color) !important;
+	cursor: pointer;
+	width: 0.8em !important;
+	/* height: calc(100% - 2px);
+	padding: 0 11px;
+	background: var(--bg-white-color);
+	width: 34px;
+	border-radius: 8px 0 0 8px;
+	transform: unset; */
+
+}
+.css-29rnav-MuiTableCell-root-MuiTablePagination-root{
+	border-bottom: none !important;
+}
+.css-1x51dt5-MuiInputBase-input-MuiInput-input{
+	font-size: 0.8em !important;
+	color: var(--input-text-color) !important;
+}
+.css-ig9rso-MuiToolbar-root{
+	padding: 20px 20px !important;
+}
+.css-28z0on-MuiFormControl-root-MuiTextField-root{
+	padding: 0px !important;
+}
+