body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 60px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #222d32;
	color: white;
	cursor: pointer;
	padding: 5px 11px 11px 11px;
	border-radius: 50px;
	width: 40px;
	height: 40px;
}

#myBtn:hover {
  background-color: #555;
}
#imagePreview {
    width: 100%;
    background-image: none;
    border-radius: 90px;
    height: 100%;
}
@media (min-width: 1650px) {
    .sidebar-menu .sidebar-submenu {
        padding-inline-start: 0.75rem;
    }
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left;
}
table.dataTable {
    width: 100% !important;
    margin: 0 auto;
    border-spacing: 0;
    overflow: auto;
}
.forgot-password-bg {
	margin-top: 15%;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	padding:20px;
	border-radius: 15px;
}
@media (max-width: 600px) { 
	.forgot-password-bg {
		margin-top: 5%;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding:20px;
		border-radius: 15px;
	}
}
.logo-icon {
	max-width: 2.4375rem !important;
}
.avatar-img-list {
	width: 42px !important;
	height: 42px !important;
}
.text-right {
	text-align: end;
}
.text-left {
	text-align: start;
}
.object-fit-cover {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/* Example CSS for tooltip */
[data-tooltip] {
    position: relative;
    cursor: pointer;
}

[data-tooltip]:before {
    content: attr(data-tooltip);
    position: absolute;
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

[data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1;
}
.form-control {
	border:1px solid var(--input-form-light) !important;
	border-radius: 5px;
}
.login-bg {
	background-image:url(../img/bg-102.jpg);
	background-repeat: no-repeat;
}
.head1 {
	color: #FFA809;
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 600;
}
.head2 {
	color: #FFFFFF !important;
    font-family: "Poppins", Sans-serif;
    font-size: 47px !important;
    font-weight: 600;
    line-height: 55px;
}
.head3 {
	color: #FFFFFF !important;
}
.text-log {
	position: absolute;
    top: 10%;
}
.admitcard .tophead {
    background: #196bc0;
    text-align: center;
    padding: 10px;
    border-radius: 0px 0px 20px 20px;
    border-bottom: 10px solid #fece2c;
}
.admitcard .tophead h4 {
    color: #FFFFFF !important;
}
.admitcard .cardfooter {
    background: #196bc0;
    text-align: center;
    padding: 10px;
    border-radius: 20px  20px  0px 0px ;
	border-top: 10px solid #fece2c;
}
.admitcard .cardfooter h4 {
    color: #FFFFFF !important;
}
.admitcard .studentinfo h6 {
    font-size:18px !important;
}
.admitcard .studentinfo {
    height: 156px;
	padding-top: 25px;
	padding-left: 25px;
}
.sidebar-menu .sidebar-submenu {
    padding-block-start: 0.75rem;
    display: none;
    padding-inline-start: 0;
    transition: none;
}
.form-select {
	padding-top: 16px;
    padding-left: 37px;
}
.form-select:focus, .form-select:active, .form-control:focus, .form-control:active, textarea:focus, textarea:active {
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)!important;
    border-color: var(--primary-600) !important;
    background-color: transparent;
}
.form-select, .form-control:not(textarea) {
    height: auto;
}
.h-56-px {
    height: 3rem !important;
}
.choices__inner {
    background-color: #fff !important;
    border-radius: 5px !important;
}
.sidebar-menu-area {
    height: calc(100vh - 72px);
    padding: 0.75rem 0.5rem;
    overflow-y: auto;
}
table.dataTable {
  width: 100% !important;
  margin: 0 auto;
    margin-bottom: 0px;
  border-spacing: 0;
  overflow: auto;
}
.bordered-table tbody tr td {
  background-color: var(--white) !important;
  padding: 7px 10px !important;
  font-size: 14px;
}
.product-img-list {
	width: 42px;
	height: 42px;
}
.table tbody tr:nth-child(odd) {
  background-color: var(--white) !important;
}
.table tbody tr:nth-child(even):hover {
  background-color: var(--white) !important;
}
div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell {
    display: block;
    overflow: auto;
}
.bordered-table thead tr th {
    background-color: var(--white) !important;
    border-bottom: 1px solid var(--neutral-200) !important;
    color: var(--text-primary-light) !important;
    padding: 16px !important;
    font-size: 13px;
    font-weight: 600;
}
.admitcard {
	border: 1px solid #2665bd;
	margin:20px;
}
.admitcard-head {
	text-align: center;
}
.admitcard-head h3 {
	text-transform: uppercase;
    color: #3F51B5;
    font-size: 30px !important;
    font-weight: 700;
}
.admit-title h4 {
	background: #0b6b44;
	color: #fff;
	padding: 10px;
	font-size: 20px !important;
	margin: 0;
}
.admitcard-img {
	background: #fff;
	text-align: center;
	border: 1px solid #ddd;
}
.admitcard-table tr {
	border-bottom: 1px solid #ddd;
}
.admitcard-table tr th {
	padding: 10px;
}
.admitcard-table tr td {
	padding: 10px;
}
.hide {
	display: none;
}