*{
	margin: 0;
	padding: 0;
	outline: 0;
	box-sizing: border-box;
}
a{
	text-decoration: none;
}
p{
	margin: 0;
}
.py_5{
	padding: 5px 0 5px 0;
}
.bg_login{
	background: linear-gradient(121deg, #0B5ED7 , #0B5ED7) no-repeat 0 / cover;
	height: 100%;
}
.wrapper_login{
	width: 100%;
	background: linear-gradient(121deg, #0B5ED7 , #0B5ED7) no-repeat 0 / cover;
	height: 100vh;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 20px;
}
.login_image{
	padding-right: 20px;
}
.login_image img{
	width: 100%;
	max-width: 200px;

}
.full_height{
	height: 100vh;
}
.login_form_wrapper {
    background: #ffffff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    font-size: 14px;
}
.text-error {
    color: #dc3545;           
    font-size: 13px;
    font-weight: 500;
    margin-top: 4px;
    display: block;
}
.required{
    color: #dc3545;
    font-size: 14px;
    font-weight: 600;
    display: inline;   
    margin-left: 2px;
}

.input-error {
    border: 1px solid #dc3545 !important;
    background-color: #fff5f5;
}

.error-box {
  
    border: 1px solid #dc3545;
    color: #842029;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 14px;
    margin-bottom: 15px;
}
.page-header{
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.page-title{
    font-weight: 700;
    color: #0B5ED7 !important;
    margin-bottom: 0;
}

/* ===== Light Mode ===== */
body.light-mode{
  --bg:#f3f4f6;
  --card:#ffffff;
  --text:#111827;
  --input:#ffffff;
  --border:#d1d5db;
}

/* ===== Dark Mode ===== */
body.dark-mode{
  --bg:#0f172a;
  --card:#1e293b;
  --text:#f8fafc;
  --input:#020617;
  --border:#334155;
}

/* ===== Global Apply ===== */
body{
  background:var(--bg);
  color:var(--text);
}
/* Main content */
.content,
.card,
.modal-content,
.select_2_container,
.quick-links{
  background:var(--card) !important;
  color:var(--text);
}

/* Form inputs */
.form-control,
select,
textarea,
.input-group-text{
  background:var(--input) !important;
  color:var(--text) !important;
  border:1px solid var(--border);
}

/* Labels */
label, h3, h2, h5{
  color:var(--text) !important;
}

/* Tables */
table, th, td{
  background:var(--card);
  color:var(--text);
}

/* Select2 */
.select2-selection--single{
  background:var(--input) !important;
  color:var(--text) !important;
  border:1px solid var(--border);
}

/* Modal header */
.modal-header{
  background:linear-gradient(90deg,#0B5ED7,#084298);
  color:#fff;
}
body.dark-mode .form-group label{
  color: #e5e7eb !important;
}
body.dark-mode select,
body.dark-mode option{
  background-color: #020617 !important;
  color: #f8fafc !important;
}
body.dark-mode .select2-container--default .select2-selection--single{
  background-color: #020617 !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
}
body.dark-mode .select2-dropdown{
  background-color: #020617 !important;
  border: 1px solid #334155 !important;
}
body.dark-mode .select2-results__option{
  background-color: #020617 !important;
  color: #f8fafc !important;
}
body.dark-mode .select2-results__option--highlighted{
  background-color: #2563eb !important;
  color: #ffffff !important;
}

body.dark-mode .select2-results__option--selected{
  background-color: #1e40af !important;
  color: #ffffff !important;
}
body.dark-mode .input-group-text{
  background-color: #1e293b !important;
  color: #f8fafc !important;
  border-color: #334155;
}

.theme-toggle{
  display: flex;
  align-items: center;
  gap: 8px;
}

body.light-mode .theme-toggle{
  color: #0B5ED7;
}

body.dark-mode .theme-toggle{
  color: #facc15; /* yellow */
}

body.dark-mode #themeIcon{
  color: #facc15;
}

body.light-mode #themeIcon{
  color: #0B5ED7;
}
/* Card background */
body.light-mode .card {
    background: var(--card); /* #ffffff */
    color: var(--text);
}

body.dark-mode .card {
    background: var(--card); /* #1e293b */
    color: var(--text);
}

/* Table */
body.light-mode .table {
    background: var(--card);
    color: var(--text);
}

body.dark-mode .table {
    background: var(--card);
    color: var(--text);
}

/* Table header */
body.light-mode .table thead th {

    color: var(--text);
}

body.dark-mode .table thead th {

    color: var(--text);
}

/* Table body rows */
body.light-mode .table tbody td {
    background: var(--card);
    color: var(--text);
}

body.dark-mode .table tbody td {
    background: var(--card);
    color: var(--text);
}

/* Status labels */
.status.paid {
    background: #d1e7dd;
    color: #0f5132;
    padding: 2px 6px;
    border-radius: 4px;
}

.status.pending {
    background: #fff3cd;
    color: #664d03;
    padding: 2px 6px;
    border-radius: 4px;
}

.status.cancelled {
    background: #f8d7da;
    color: #842029;
    padding: 2px 6px;
    border-radius: 4px;
}
.table tbody tr:hover {
    background-color: rgba(11, 94, 215, 0.1); /* light blue */
}

body.dark-mode .table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05); /* subtle white */
}

.add-btn{
    padding: 8px 14px;
    font-weight: 600;
    border-radius: 6px;
}
.table{
    /* background: #fff; */
    border-radius: 8px;
    overflow: hidden;
}

.table thead{
    /* background: #f8f9fa; */
}

.table th{
    font-size: 14px;
    font-weight: 600;
    color: #495057;
    white-space: nowrap;
}

.table td{
    font-size: 16px;
    vertical-align: middle;
}

.table img{
    border-radius: 6px;
    border: 1px solid #dee2e6;
}
.table .btn{
    font-size: 16px;
    padding: 4px 8px;
}

.table .btn-primary{
    background: #0B5ED7;
}

.table .btn-danger{
    background: #dc3545;
}


@media (max-width: 768px){
    .page-title{
        font-size: 20px;
    }

    .table th,
    .table td{
        font-size: 16px;
    }

    .modal-dialog{
        margin: 10px;
    }
}
.form-group label{
  display: block;
  margin-bottom: 6px;
   font-size: 16px;
   color: rgb(85, 85, 85);
  letter-spacing: 0.5px;
    font-weight: 600;
}

.form-group {
  position: relative;
}
.select-icon {
  position: absolute;
  right: 12px;
  bottom: 10px;
  pointer-events: none;
  color: #418cd7;
  font-size: 18px;
}
	
.login_title h4 {
    font-size: 26px;
    font-weight: 700;
    color: #0B5ED7;
    text-align: center;
    margin-bottom: 20px;
}
.login_title{
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.login_title h4{
    font-size: 28px;
    font-weight: 700;
    color: #0B5ED7;
    margin-bottom: 4px;
}

.login_title p{
    font-size: 13px;
    color: #6c757d;
    margin: 0;
}

.login_title i{
    font-size: 22px;
    margin-right: 6px;
    color: #0B5ED7;
}
.pass_label{
	display: flex;
	justify-content: space-between;
}
.login_btn{
    background: linear-gradient(135deg, #0B5ED7, #084298);
    color: #ffffff;
    border: none;
    border-radius: 30px !important;
    width: 100%;
    padding: 12px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.35s ease;
    box-shadow: 0 4px 12px rgba(11, 94, 215, 0.35);
}

.login_btn i{
    margin-right: 6px;
}
.login_btn:hover{
    background: linear-gradient(135deg, #084298, #052c65);
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(5, 44, 101, 0.45);
    transform: translateY(-2px);
}
.login_btn:active{
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(5, 44, 101, 0.4);
}
.login_btn{
    background: #0B5ED7;
}

.login_btn:hover{
    background: #084298;
}

 
.form_container a{
	text-decoration: none;
}
.forget_link{
	text-align: center;
	display: inline-block;
	color: #135BA2;
	font-size: 12px;
	text-decoration: underline;
}

.pass{
	display: block;
	position: relative;
}
.eye_btn{
	position: absolute;
	right: 10px;
	top: 10px;
	border: none;
	outline: none;
	box-shadow: none;
	background: transparent;
	color: #135BA2;
}
#header_part{
	width: 100%;
	/*height: 60px;*/
    background: linear-gradient(121deg, #0B5ED7 , #0B5ED7) no-repeat 0 / cover;
	position: fixed;
	z-index: 999;
}
.header_container {
	display: flex;
	width: 100%;
	/*justify-content: space-between;*/
	  background: transparent;
	/*height: 60px;*/
	align-items: center;
}
.nav_part{
	width: 100%;
}
.header_left{
	display: flex;
}
.nav_left {
	display: flex;
	align-items: center;
}
.my_header_nav{
	padding: 8px 0;
}
.top_nav_toggle{
	color: #fff!important;
	margin-top: 7px;
	border: 1px solid #fff;
}
.top_nav_toggle:focus{
	box-shadow: none;
}
.header_menu{
	list-style: none;
	display: flex;
	margin: 0;
}
.header_menu li{
	padding: 0;
	position: relative;
}
.header_menu li a{
	color: #fff;
	padding: 10px 15px!important;
	border-radius: 4px;
}
.header_menu li a.active{
	background: #ed673e!important;
	color: #fff!important;
}
.header_menu li a:hover{
	background: linear-gradient(90deg, #0B5ED7, #0B5ED7);
	color: #fff;
}

.nav_sub_menu{
	/*display: flex;*/
	flex-direction: column;
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: linear-gradient(90deg, #0B5ED7, #0B5ED7);
	display: none;
	right: 0;
	left: 10px;
	width: max-content;
	z-index: 999;
	border: 3px solid #0B5ED7;
}

.header_menu li:hover .nav_sub_menu{
	display: block !important;
}
.nav_sub_menu li{
	padding: 0;
}
.nav_sub_menu li a{
	padding:  5px 10px;
	display: block;
}
.nav_sub_menu li a:hover{
	/*color: #000;*/
	background: linear-gradient(90deg, #0B5ED7, #0B5ED7);
}
.nav_drpdown{
background: linear-gradient(90deg, #0B5ED7, #0B5ED7);
	color: #fff!important;
}
.nav_drpdown .nav-link .dropdown-toggle{
	/*background: #ff815b;*/
	color: #fff!important;
}
.header_menu .nav-link.active, .header_menu .nav-link.show {
	color: #fff;
	background: #0B5ED7;
}
.header_menu .nav-link:focus {
	color: #fff;
	/*background: #ed673e;*/
}
.logo_part{
	width: 220px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.my_logo{
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.0;
}
.sidebar_collapse_btn{
	color: #fff;
}
.nav_bar_container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_nav{
	display: flex;
	flex-direction: row;
}
.header_nav_li{
	padding: 5px 10px;
	position: relative;
}
.header_nav li a{
	color: #fff !important;
	transition: all linear 0.3s;
}
.header_nav li a:hover{
	color: #fff !important;
	opacity: 0.7;
}
.header_nav li a i{}

.nav_dropdown_ul{
	position: absolute!important;
	top: 0;
	right: 0;
	left: -200px !important;
}

.nav_dropdown_ul li:active{
	background: transparent!important;
}
.nav_dropdown_ul li{
	padding: 10px;
	border-bottom: 1px solid #f0f0f0;
	
}
.nav_dropdown_ul li a{
	color: #000;
}
.nav_dropdown_ul li a:hover{
	color: #000!important;
}
.nav_dropdown_ul li a{
	color: #000;
	display: flex;
	justify-content: space-between;
	align-items: center;
} 
.usr_note{
	width: 50px;
	text-align: left;
}
.usr_note i{
	color: #000;
	font-size: 30px;
	padding-right: 15px;
} 
.setting_icn{
	text-align: center;
}
.setting_icn i{
	font-size: 16px;
}
.nav_dropdown_ul li a i.icn_close{
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20px; 
	width: 20px;
	background: #000;
	border-radius: 50%;
	font-size: 12px!important;
} 
.note_details{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-left: 10px;
}
.note_details p{
	font-size: 15px;
	color: #000;
	text-align: left;
	line-height: 1.2;
}
.nav_drpdwn_time{
	font-size: 12px;
	color: #777;
}
.note_details i{}
.msg_user{
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.use_drpDown_ul{
	right: 0;
	padding: 0;
	position: absolute !important;
	top: 5px;
	left: -200px !important;
}
.use_drpDown_ul li{
	display: flex;
	width: 100%;
	flex-direction: column;
	padding: 0;
}
.use_drpDown_ul li:first-child{
	padding: 0;
	text-align: center;

}

.use_drpDown_ul li:last-child{
	border-top: 1px solid #0B5ED7;
}


.use_drpDown_ul li a{
	display: flex;
	flex-direction: row;

	padding: 10px;
	font-size: 13px;
	justify-content: space-between;
}
.use_drpDown_ul li a i{
	font-size: 13px;
}
.use_drpDown_ul .usr_note{
	width: 20px;
}
.use_drpDown_ul li:hover{
	/* background: #fff; */
}
.use_drpDown_ul a:hover{
	/* background: #ddd; */
}
.use_drpDown{
background: linear-gradient(
  121deg,
  rgb(16, 6, 196),
  rgb(42, 42, 212)
);

	padding: 20px;

}
.use_drpDown span{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	border: 3px solid #fff;
	color: #fff;
	margin: 0 auto;
	font-size: 30px;
}
.usr_title{
	font-weight: 700;
	font-size: 16px;
	margin-top: 10px;
}
.usr_email{
	font-size: 12px;
}
.shadow_user{
	box-shadow: 2px 2px 6px #777,  -2px 2px 6px #777;
	border: 0;
}
#body_part{
	/* background: #ddd; */
}
.body_part_content{
	display: flex;
	padding: 0;
	box-sizing: border-box;
	margin-top: 60px;
}
/*------------ Sidebar -------------*/
.sidebar{
	border-top: 1px solid #33444c;
	width: 240px!important;
	background: #33444c;
	height: 100vh;
	overflow-y: scroll;
	position: fixed;
	padding-bottom: 60px;
	transition: all linear 0.3s;
}
.height_100p{
	height: 100%;
}
.sidebar.hide{
	width: 60px!important;
}
.sidebar ul{}
.sidebar ul li{}
.sidebar ul li a{
	color: #fff;
	padding: 10px;
	display: block;
}
.sidebar ul li a:hover{
	color: #fff;
	background: linear-gradient(90deg, #0B5ED7, #0B5ED7);
}
.sidebar ul li a i{
	padding-right: 15px;
}
.sidebar ul li.active a{
	background: linear-gradient(90deg, #0B5ED7, #0B5ED7);
	color: #fff;
}
.left_menu_dp{
	list-style: none;
	margin: 0;
	padding: 0;
	background: #33444c!important;
}
.left_menu_dp a{
		padding-left: 30px!important;
		background: #33444c!important;
}
.left_menu_dp li a:hover{
	background: #0B5ED7!important;
}
.sub_menu .left_menu_dp li.active a{
	background: #0B5ED7!important;
	border-left: 5px solid #0B5ED7;
}
.sub_menu_add .left_menu_dp li.active a{
	background: #0B5ED7!important;
	border-left: 5px solid #0B5ED7;
}
.sub_menu_viewPage .left_menu_dp li.active a{
	background: #0B5ED7!important;
	border-left: 5px solid #0B5ED7;
}
.hide_txt{
	display: none;
}
.body_content{
	width: 100%;
	background: #ddd;

	/*to hide side menu hide this */
	/*margin-left: 240px; */


	margin-top: 20px;
	transition: all linear 0.3s;
	overflow: hidden;
	padding-bottom: 20px;
}
.body_content.hide{
	margin-left: 60px;
}
.search_bar{
	box-shadow: none;
}
.search_bar input{
	box-shadow: none!important;
	border-left: 4px solid #0B5ED7;
	border-bottom: 0!important;
	border-top: 0!important;
	border-right: 0!important;
}
.search_bar input:focus{
	box-shadow: none!important;
	border-left: 4px solid #0B5ED7;
	border-bottom: 0!important;
}
.search_bar_icn{
	border: 0;
}
.content{
	width: 100%;
	box-sizing: border-box;
	/* background: #fff; */
	padding: 20px;
	/*box-shadow: 1px 2px 8px 4px #cfcfd8;*/
}
.modal-content{
    border-radius: 12px;
    border: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.modal-title{
    font-weight: 600;
}

.modal-footer{
    border-top: 1px solid #f1f1f1;
}
.dashbord_card{
	display: flex;
	justify-content: space-between;
	padding: 40px;
	/* background: #fff; */
	border-radius: 10px;
	align-items: center; 
	height: 100%;
	transition: all linear 0.2s;
}
.dashbord_card:hover{
	/* background: #fff; */
	box-shadow: 2px 2px 8px #999;
}
.dashbord_card2:hover{
	/* background: #fff; */
	box-shadow: 2px 2px 8px #999;
}
.dashbord_card3:hover{
	/* background: #fff; */
	box-shadow: 2px 2px 8px #999;
}
.dashbord_card4:hover{
	box-shadow: 2px 2px 8px #999;
}
.bdrLeft_orange{
	border-left: 5px solid #0B5ED7;
}
.txt_orange{
	color: #0B5ED7!important;
}
.bdrLeft_green{
	border-left: 5px solid #51cf66;
}
.txt_green{
	color: #51cf66!important;
}
.bdrLeft_blue{
	border-left: 5px solid #70bbf8;
}
.txt_blue{
	color: #70bbf8!important;
}
.card_left h3{
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
	color: #6c757d;
}
.card_left h4{
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
}
.card_right i{
	font-size: 30px;
	color: #0B5ED7;
}
.dashbord_card2{
	display: flex;
	justify-content: space-between;
	padding: 40px;
	/* background: #fff; */
	border-radius: 10px;
	align-items: center; 
	flex-direction: column;
	height: 100%;
	transition: all linear 0.2s;
}

.dashbord_card3{
	display: flex;
	justify-content: space-between;
	padding: 15px;
	/* background: #fff; */
	border-radius: 10px;
	align-items: center; 
	flex-direction: column;
	height: 100%;
	transition: all linear 0.2s;
}
.card_image{}
.card_image img{
	width: 100%;
	border-radius: 10px;
}

.card_button{
	width: 100%;
	padding-top: 10px;
}
.card_button a{
	display: block;
	background: #0B5ED7;
	text-decoration: none;
	padding: 8px 10px;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	border-radius: 3px;
	text-align: center;
	transition: all linear 0.3s;
}
.card_button a:hover{
	background: #0B5ED7;
}
.card_top{
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	font-size: 20px;
	font-weight: 700;
}
.card_bottom h3{
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	color: #6c757d;
	margin-top: 20px;
}

.btn_bg{
	background: #0B5ED7;
	border: 1px solid #0B5ED7;
	color: #fff;
}
.btn_bg:hover{
	background: #0B5ED7;
	color: #fff;
	border: 1px solid #0B5ED7;
}
.btn_bg:focus{
	background: #0B5ED7;
	color: #fff;
	border: 1px solid #0B5ED7;
}
.btn_bg:active{
	background: #0B5ED7;
	color: #fff;
	border: 1px solid #0B5ED7;
}

.crd_4_link{
	display: block;
	cursor: pointer;
}

.dashbord_card4{
	display: flex;
	justify-content: space-between;
	padding: 15px;
	
	border-radius: 10px;
	align-items: center; 
	flex-direction: column;
	height: 100%;
	/*transition: all linear 0.2s;*/
}
.dashbord_card4_bg1{
	background: #0B5ED7;
}
.dashbord_card4_bg2{
	background: linear-gradient(121deg, #fce364, #dda700);
}
.dashbord_card4_bg3{
	background: linear-gradient(121deg, #56bcc0, #7ce1e4);
}
.dashbord_card4_bg4{
	background: #86a231;
	background: linear-gradient(121deg, #476616, #97b338);
}
.crd_4_link:hover .dashbord_card4{
	background: #0B5ED7;
}
.dashbord_card4 .card_top{
	width: 30px;
	height: 30px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	font-size: 20px;
	font-weight: 700;
}
.dashbord_card4 .card_bottom h3{
	color: #fff!important;
	font-weight: 700;
	margin-top: 10px;
}
.dashbord_card4 .card_top span{
	display: inline-block;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dashbord_card4 .card_top span i{
	color: #007bff;
}
.order_list_container{
	overflow-x: scroll;
	font-size: 16px;
	font-weight: 500;
}
.order_list_container a{
	font-size: 10px;
	padding: 3px 5px;
}
.content_article{
	/* background: #fff; */
	padding: 40px;
	border-radius: 10px;
}
.input_form{
	padding: 30px;
	background: linear-gradient(121deg, rgba(255, 155, 69, 0.2), rgba(255, 129, 91, 0.5));
	border-radius: 15px;
	transition: all linear 0.3s;
	box-shadow: 1px 1px 8px #777;
}

.input_form label{
	font-weight: 600;
}
.form-control{
  border: 1px solid #007bff;
  border-radius: 5px;
  box-shadow: none;
  font-size: 16px;
}
.form-control:focus {
    border-color: #0B5ED7;
    box-shadow: 0 0 0 0.15rem rgba(11,94,215,.15)
}
.select_optino {
	position: relative;
	border: none;
	/* border-left: 4px solid #ff9b45; */
	border-radius: 0;
	/* background: #fff; */
	/* border-bottom: 2px solid #ff9b45; */
	/* border-top: 2px solid #ff9b45; */
	/* border-right: 2px solid #ff9b45; */
	/* border-left: 4px solid #ff9b45; */
	/* box-shadow: 2px 2px 4px #777; */
	overflow-x: hidden !important;
}
.select_optino select:focus{
	border: none;
	border-radius: 0;
	/* background: #fff; */
	border-bottom: 2px solid #007bff;
}
.select_optino i{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #007bff;
}
.select_2_container{
	 position: relative;
  border: 1px solid #007bff;
  border-radius: 5px;
  /* background: #fff; */
}
.select_container{
	position: relative;
	border: none;
	border-radius: 0;
}
.select_container i{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #007bff;
}
.select_2_container i{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #007bff;
}
.select_2_container .form-control{
  border: none;          /* ✅ remove conflict */
  box-shadow: none;
}

.select_2_container .form-control:focus{
  border: none;
  outline: none;
  box-shadow: none;
}
.select_2_container select:focus{
	border: none;
	border-radius: 0;
	/* background: #fff; */
	box-shadow: none;
	border: 1px solid #007bff;
}
.frm_radio label{
	font-weight: 500;
	padding-right: 10px;
}
.frm_radio{
	font-weight: 500;
	padding-right: 10px;
	accent-color : #007bff;
}
.modal-header{
    background: linear-gradient(90deg, #0B5ED7, #084298) !important;
    color: #fff;
}

.select2-selection__arrow{
	color: #007bff !important;
	display: none;
}
.select2-container--default .select2-selection--single {
	border: none;
	height: 40px;
}
.select2-selection__rendered{
	height: 40px;
	padding-top: 5px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #007bff;
	color: white;
}
.select2-container {
	/*width: 100%!important;*/
	/*overflow-x: hidden;*/
}
.select2-container {
	/*width: 100% !important;*/
	/* overflow-x: hidden; */
}



/*input toggle button*/
.switcher-pricing input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.switcher-pricing .pricing-toggle{
  width: 50px;
  height: 24px;
  position: relative;
  border-radius: 43px;
  border: 2px solid #007bff;
  /* background: #fff; */
  cursor: pointer;
  transition: background 0.3s;
}
.switcher-pricing .pricing-toggle::after{
  content: "";
  position: absolute;
  top: 3px;
  left: 3px; /* start from LEFT */
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #007bff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.25s cubic-bezier(0.5, 0.1, 0.75, 1.35);
}
.switcher-pricing input[type="checkbox"]:checked{
  background: #007bff;
}

.switcher-pricing input[type="checkbox"]:checked::after{
  left: calc(100% - 18px);
  /* background: #fff; */
}


.select_toggle_container{
	background-color: #007bff;
}
.deselect_toggle_container{
	/* background-color: #fff; */
}
.pricing-toggle {
	transition: all linear 0.3s;
}
.switcher-pricing .frm_toggle_select::after {
	content: "";
	position: absolute;
	top: 3px;
	inset-inline-start: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	transition: all 0.25s cubic-bezier(0.5, 0.1, 0.75, 1.35);
}
.switcher-pricing .frm_toggle_deselect::after {
	content: "";
	position: absolute;
	top: 3px;
	inset-inline-end: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #007bff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	transition: all 0.25s cubic-bezier(0.5, 0.1, 0.75, 1.35);
}
.frm_toggle_container{
	display: flex;
	align-items: center;

}
.frm_toggle_container label{
	padding-left: 8px;
	
}

.table-img {
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 4px;
}

/* ===== FORCE DARK MODE FIX ===== */
body.dark-mode .panel-heading,
body.dark-mode .card,
body.dark-mode .card-header,
body.dark-mode .card-body,
body.dark-mode .row,
body.dark-mode .table-responsive,
body.dark-mode .content,
body.dark-mode .form-group,
body.dark-mode .modal-body {
    background-color: var(--card) !important;
    color: var(--text) !important;
}

/* ===== Table Fix ===== */
body.dark-mode table,
body.dark-mode thead,
body.dark-mode tbody,
body.dark-mode th,
body.dark-mode td {
    background-color: var(--card) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}

/* Table header */
body.dark-mode .table thead th {
    background-color: #334155 !important;
    color: #f8fafc !important;
}

/* Table hover */
body.dark-mode .table tbody tr:hover {
    background-color: rgba(255,255,255,0.05) !important;
}

/* ===== Input & textarea ===== */
body.dark-mode input,
body.dark-mode textarea {
    background-color: var(--input) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}

/* ===== Select2 FIX ===== */
body.dark-mode .select2-container--default .select2-selection--single {
    background-color: var(--input) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}

/* ===== Checkbox & label ===== */
body.dark-mode .form-check-label {
    color: var(--text) !important;
}

/* ===== Remove forced white ===== */
body.dark-mode [style*="background:#fff"],
body.dark-mode [style*="background: #fff"] {
    background-color: var(--card) !important;
}
/* ===== Select2 Selected Text Dark Mode Fix ===== */
body.dark-mode .select2-selection__rendered { color:#f8fafc }

/* Placeholder */
body.dark-mode .select2-container--default 
.select2-selection--single 
.select2-selection__placeholder {
    color: #fff !important;
}
body.dark-mode .select2-container--default 
.select2-selection--single:focus {
    border-color: #2563eb !important;
}

/* Dropdown selected item */
body.dark-mode .select2-results__option--selected {
    background-color: #1e40af !important;
    color: #ffffff !important;
}

/* Dropdown list */
/* ==== FORCE OVERRIDE SELECT2 TEXT COLOR ==== */
body.dark-mode .select2-selection__rendered,
body.dark-mode .select2-container--default 
.select2-selection--single 
.select2-selection__rendered {
    color: #f8fafc !important;
}
/* ===== SELECT2 DARK MODE TEXT FIX (FINAL) ===== */



/* Placeholder */
/* ===== INPUT PLACEHOLDER DARK MODE FIX ===== */
body.dark-mode input::placeholder {
    color: #9ca3af !important;   /* light gray */
    opacity: 1;                  /* Firefox fix */
}

/* Chrome, Edge, Safari */
body.dark-mode input::-webkit-input-placeholder {
    color: #9ca3af !important;
}

/* Firefox */
body.dark-mode input::-moz-placeholder {
    color: #9ca3af !important;
}

/* IE / old Edge */
body.dark-mode input:-ms-input-placeholder {
    color: #9ca3af !important;
}
body.dark-mode input {
    background-color: #020617 !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}



.select2-selection__rendered {
    color: #000;
}