*{
	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, #01409f , #002350) no-repeat 0 / cover;
	height: 100%;
}
.wrapper_login{
	width: 100%;
	background: linear-gradient(121deg, #01409f , #002350) 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: #fff;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 2px 2px 8px #333;
	font-size: 14px;
}
   
   


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

.form-group {
  position: relative;
}
.select-icon {
  position: absolute;
  right: 12px;
  bottom: 10px;
  pointer-events: none;
  color: #418cd7;
  font-size: 18px;
}
	
.login_title{
	text-align: center;
}
.login_title img{
	width: 180px;
	padding-bottom: 10px;
}
.login_title h4{
	text-transform: uppercase;
	font-size: 24px;
	color: #33444c;
	font-weight: 700;
	text-align: left;
}
.login_title{
	border-bottom: 1px solid #135BA2;
}
.pass_label{
	display: flex;
	justify-content: space-between;
}
.login_btn{
	background-color: #135BA2;
    color: white;
    border: none;
    border-radius: 25px !important;
    width: 100%;
    font-weight: 600;
	padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
 
}
.login_btn:hover{
	color: #fff ;
	font-weight: 600;
	background: #052a50 !important;
}
 
.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;
}
.wrapper_container{
	width: 100%;
	height: 100vh;
	background: #ddd;
	display: flex;
	flex-direction: column;
}
.bg_grey{
	background: #ddd !important;
}
#header_part{
    background: linear-gradient(121deg, #01409f , #002350) no-repeat 0 / cover;
    position: fixed;
    width: 100%;
    z-index: 999;
}
.header_container {
	display: flex;
	width: 100%;
	/*justify-content: space-between;*/
     background: transparent;
	/*height: 60px;*/
	align-items: center;
}
.nav_part{
	width: 100%;
}
.hide_logo{
	display: none!important;
}
.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 10px 0;
	position: relative;
}
.header_menu li a{
	color: #fff;
	padding: 10px 15px;
}
.header_menu li a.active , .header_menu li a:hover{
	background: #003684;
	color: #fff;
}

.text-error{
	color: #002d69;
}
.nav_sub_menu{
	/*display: flex;*/
	flex-direction: column;
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #002d69;
	display: none;
	left: 10px;
	width: max-content;
	z-index: 999;
	border: 3px solid #002d69;
}

.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: #ff815b; */
}
.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;
}
.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 #135ba2 ;
}


.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, #01409f , #002350) no-repeat 0 / cover;
	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;
	color: #fff;
	margin-top: 10px;
}
.usr_email{
	font-size: 12px;
	color: #fff;
}
.shadow_user{
	box-shadow: 2px 2px 6px #777,  -2px 2px 6px #777;
	border: 0;
}
#body_part{
	background: #fff;
}
.body_part_content{
	display: flex;
	padding: 0;
	box-sizing: border-box;
	margin-top: 60px;
}
/*------------ Sidebar -------------*/
.sidebar {
  position: fixed;
  width: 240px !important;
  height: 100vh;
  background: linear-gradient(180deg, #0F1B2C, #1C2A4D);
  /* border-top: 1px solid #007bff; */
  padding-bottom: 60px;
  transition: all linear 0.3s;
  overflow-y: auto;
  scrollbar-width: none; 
  -ms-overflow-style: none;  
  font-family: sans-serif;
}

.sidebar::-webkit-scrollbar {
  display: none; 
}

.sidebar:hover {
overflow-y: auto;
}
.height_100p{
	height: 100%;
}
.sidebar.hide{
	width: 60px!important;
}
.sidebar ul li a{
		color: #fff;
	padding: 10px;
	display: block;
	transition: background 0.3s, color 0.3s;
}
.sidebar ul li a:hover{
	color: #fff;
	background: linear-gradient(90deg, #0b2e8e, #002d69);
}
.sidebar ul li a i{
	padding-right: 5px;
}
.sidebar ul li.active a{
background: linear-gradient(90deg, #0b2e8e, #002d69);
	color: #fff;
}
.left_menu_dp {
list-style: none;
    margin: 0;
    padding: 0;
    background: inherit;  /* parent menu-এর ব্যাকগ্রাউন্ড ধরে রাখবে */
    display: none;       /* ডিফল্টে হাইড থাকবে */
    position: relative; 
}
.nav-item.open > .left_menu_dp {
    display: block;
}
.left_menu_dp li a {
       color: #cfd8dc; /* সাবমেনুর টেক্সট কালার */
    padding: 10px 20px;
    display: block;
    text-decoration: none;
}

.left_menu_dp li a:hover,
.left_menu_dp li.active > a {
    color: #ffffff !important;
}

.left_menu_dp a{
		padding-left: 20px!important;
		color: #cfd8dc; 
    padding: 10px 20px;
    display: block;
    text-decoration: none;
}
.left_menu_dp li a:hover{
	 background: #FF6B6B; 
    color: #fff;
}
.sub_menu .left_menu_dp li.active a{
	 background: #002d69; /* Active রঙ */
    color: #fff;
    border-left: 5px solid #002d69;
}
.sub_menu_add .left_menu_dp li.active a{
	background: #135BA2!important;
	border-left: 5px solid #135BA2;
}
.sub_menu_add li.active a {
    background: #135BA2;
    border-left: 5px solid #135BA2;
}
.sub_menu_viewPage li.active a {
    background: #002d69;
    border-left: 5px solid #002d69;
}
.sub_menu_viewPage .left_menu_dp li.active a{
	background: #002d69 !important;
	border-left: 5px solid #002d69;
}
.hide_txt{
	display: none;
}
.body_content{
	width: 100%;
	background: whitesmoke;
	margin-left: 240px;

	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 #ff9b45;
	border-bottom: 0!important;
	border-top: 0!important;
	border-right: 0!important; */
}
.search_bar input:focus{
	/* box-shadow: none!important;
	border-left: 4px solid #ff9b45;
	border-bottom: 0!important; */
}
.search_bar_icn{
	border: 0;
}
.content{
	width: 100%;
	box-sizing: border-box;
	background: whitesmoke;
	
	/*box-shadow: 1px 2px 8px 4px #cfcfd8;*/
}
                .content_header {
    border-bottom: 2px solid #E8F1F3;
    padding: 6px 20px;
    background: #f9f9f9;
    border-radius: 6px;
    margin-bottom: 24px;
  }

  .header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
  }

  .left h3 {
    font-size: 20px;
    margin: 0;
    color: #333;
    font-weight: 600;
  }



  @media (max-width: 576px) {
    .header-row {
      flex-direction: column;
      align-items: flex-start;
    }

    .right {
      align-self: stretch;
      margin-top: 10px;
    }

    .btn_bg {
      width: 100%;
      text-align: center;
    }
  }



.modal-content{
	/* border: 2px solid #ff815b; */
}
.modal-title{
	font-weight: 700;
}
.dashbord_card{
	display: flex;
	justify-content: space-between;
	padding: 40px;
	background: #FFFFFF;
	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;
}
.bdrLeft_orange{
	border-left: 5px solid #002d69;
}
.txt_orange{
	color: #002d69 !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: #ff8888;
}
.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: #003684;
	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: #002350;
}
.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;
}
.bdr_blue{
	border: 6px solid #0058dc;
}
.bdr_green{
	border: 6px solid #51cf66;
}
.bdr_orange{
	border: 6px solid #ff8888;
}
.bdr_violet{
	border: 6px solid #a29bfe;
}

 


.btn_bg {
  background: linear-gradient(90deg, #01409f, #002350);
  border-color: #01409f;
  border: 1px solid #01409f;
  color: #fff;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Segoe UI', sans-serif;
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}

  .btn_bg:hover {
   background: linear-gradient(90deg, #01409f, #0b2e8e); 
   border-color: #0b2e8e;
   color: #fff;
   box-shadow: 0 4px 8px rgba(255, 106, 106, 0.3); 
  }

.btn_bg:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(19, 91, 162, 0.4);
}

.btn_bg:active {
  background-color: #0c3e72 !important; 
  border-color: #0c3e72 !important;
  color: #fff !important; 
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.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;
}
.form-control {
  margin: 5px 0px;
  border: 1px solid #418cd7;
  border-radius: 4px;
  transition: border 0.3s, box-shadow 0.3s;
  outline: none;
}

.form-control:focus {
  border: 1px solid #0056b3;
  box-shadow: 0 0 5px rgba(65, 140, 215, 0.5);
}



/* .select_optino {
	position: relative;
	border: none;
	border-radius: 0;
	background: #fff;
	overflow-x: hidden !important;
}

.select_optino i{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #ff9b45;
}
.select_2_container{
	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_2_container i{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #ff9b45;
}
.frm_select{

}
.select_2_container select, .select_2_container option{

}

.select_2_container select:focus{
	border: none;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	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;
} */
.frm_radio label{
	font-weight: 500;
	padding-right: 10px;
}
.frm_radio{
	font-weight: 500;
	padding-right: 10px;
	accent-color : #ff9b45;
}
.modal-header, .modal-footer{
	border: none;
}

 .select2-container--default .select2-selection--single {
  height: 38px; 
  border: 1px solid #418cd7;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 16px;
  font-family: 'Segoe UI', sans-serif;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 24px;
  padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

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