.page-header-bordered {
    padding-top: 3px;
    padding-bottom: 3px;
}
.page-content{
    padding: 0px 5px;
    margin-top: -23px;
}
body{
	overflow-x: hidden;
}
/* Nitish css end */
.notification-badge {
    position: absolute;
    top: 14px;
    right: 30px;
    background-color: #e74c3c; /* Red background for the badge */
    color: white; /* White text color */
    border-radius: 50%;
    width: 20px; /* Diameter of the circle */
    height: 20px; /* Diameter of the circle */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); /* Optional: adds a subtle shadow */
}
.counts {
    border: 1px solid #000;
	padding: 15px;
	background: #009aff21;
}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group-sm>.btn, .btn-sm{
	border-radius: 30px!important;
}

.page-item.active .page-link{
	background-color: #ff4c52;
	border-color: #ff4c52;
}
/*------ Daily pgotos upload page --------*/
.container .row .gallery-items .card-figure{
        height: 160px;
}
.container .row .gallery-items img{
        max-width: 100%;
        height: 80%;
}
.container .row .gallery-items .card-title{
		text-align: center;
	    color: gray;
	    margin-top: 5px;
}

/*------ Form-control --------*/
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: #739ac4;
	border-radius: 0!important;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.form-control {
	border-radius: 0!important;
	padding: 5px!important;
}
/*------ Form-control --------*/

/*------ Select2 --------*/
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-dropdown,
.select2-container--default.select2-container--open .select2-selection{
	border-color:#739ac4!important;border-radius: 0;
	color: #99a3ad;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
	padding: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	font-size: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {visibility: hidden!important;}
/*------ Select2 --------*/

.alertify .dialog .msg, .alertify .alert .msg {color: #2d2d2d;}

/*------ Login page --------*/
.page-login-v2 .page-login-main,
.page-register-v2 .page-register-main {padding-left: 30px;padding-right: 30px;padding-top: 50px;}


/*Nitish css start for new dashboard*/

.motivational-speech-box{
	box-sizing: border-box;
	border: 1px solid gray;
	padding: 20px;
}
.nnn{
	color: red;
}
.heading{
	border-bottom: 2px solid #37474f;
width: fit-content;
}
#divid ul li{
	letter-spacing: 0.8px;
	font-size: 18px;
}

/* nitish css 15-02-2023 */
.mobile-menu{
	display: none;
}
@media only screen and (max-width: 600px) {

	.mobile-menu{
		display: block;
		background: #0c426e;
		top: 0;
		padding-top: 8px;
	    padding-left: 10px;
	    padding-right: 0px;
	}
	.site-navbar{
		display: none;
	}
	.site-menubar-fold .page, .site-menubar-fold .site-footer {
    margin-left: -3px!important;
	}
	.navbar-brand{
		position: relative;
		padding-right: : 0px!important;
		padding-left: 10px;
		padding-top: 0px;
	}
	.navbar-toggler-icon i{
		color: #fff;
		font-size: 25px;
	}
	.navbar-nav{
		margin: 0px!important;
	}
	.site-menu-title{
		color: #fff;
		font-size: 16px;
	}
	[class*=" wb-"], [class^=wb-] {
	    content: "";
	    color: #fff;
	    font-size: 18px;
	}
	.container-fluid .navbar-collapse, .container-fluid .navbar-header {
			margin-left:0px!important;
			margin-top: 15px!important
	}
	body.site-navbar-small {
	    padding-top: 0!important;
		}
		.navbar-nav .show .dropdown-menu .dropdown-item {
		    padding: 5px 15px 5px 25px;
		    color: #fff;
		    font-size: 15px;
			}
}
/*nitish 15-02-2023*/
@media only screen and (max-width: 576px){
	.page-register-v2 form{
		width: auto!important;
	}

/*nitish visting report css start 24-02-2023*/
.radio-css{
	padding-right: 14px!important;
}
/*for login page*/
@media only screen and (max-width: 576px){
	.mobile-header{
		background: red;
	}
	.brand-text{
		font-size: 18px;
	}
	.table td, .table th {
    padding: 0px 5px!important;
    vertical-align: top;
		border-top: none!important;
	}
	.table a {
    text-decoration: none!important;
	}
	div.dataTables_wrapper div.dataTables_filter {
    margin-top: 20px;
	}
}
button.form_submit_btn{
		background-color: #fff;
    color: #000;
    border: none;
}
span.image-remove {
	color: #000;
	position: absolute;
	font-size: 16px;
	padding: 0px 8px;
	border-radius: 50%;
	background: #ddd;
	margin-top: -8px;
	margin-left: -5px;
}
div#image_preview {
    display: flex;
		margin-top: 15px;
}
.previewmain {
    width: 50%;
}
.class-image img{
	width: 120px;
	height: 80px;
	border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
button#add-learner{
	font-size: 14px!important;
}
.rilmdatatable span.pending{
	padding: 2px 9px 3px;
  background: #ffeb3b;
  border-radius: 4px;
  color: #787878;
  font-weight: 500;
}
.rilmdatatable span.declined{
	padding: 2px 9px 3px;
  background: #4caf50d9;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
}
.rilmdatatable span.approved{
	padding: 2px 9px 3px;
  background: #ffeb3b;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
}