@charset "UTF-8";

.op-06 { opacity: 0.9; color: black; font-weight: 500;}
.btn { font-size: 14px;}
.btn-warning { color: black;}
.fixed-bottom { border-top: 1px solid #e5e5e5;}
.fixed-bottom .container { max-width: 901px;}
.ft-tab i { font-size: 21px; margin-bottom: 5px;}
.ft-tab .nav-link { /* padding: 8px 5.5px; */ font-weight: 400;}
.ft-tab .nav-link.active { color: #3675dd;}
.ft-tab .nav-link.btn { box-shadow: none;}
.bg-tertiary { background: #5260ff;}
.list-btn-input { padding: 15px 0px 6px !important;}
.list-btn-input input, .list-btn-input label { color: black;}
.list-btn-input label small { color: #666;}
.float-right { float: right;}
.float-right a { font-size: 15.4px; padding: 4px 12px 4.55px;}	
.profile-head { transform: translateY(3.56rem);}
.cover { background-image: url(../images/member-bg.avif); background-size: cover; background-repeat: no-repeat;}
.mr-3, .mx-3 { margin-right: 0.77rem !important;}
.media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.v-m i { vertical-align: middle;}
.ms-104 { margin-left: 10.44rem !important; margin-top: 11px; color: #000;}
.float-btn { position: fixed; bottom: 72px; right: 72px; font-size: 18.77px;}
.sebdr { border: 1px solid #bdbdbd; font-size: 18px !important;}
.table td, th, .table td a { font-size: 13px; color: #000; padding: 5.5px 9.22px !important;}
.table tr:hover { background-color: #feffff;}
.bl-box { border: 1px solid #666; border-radius: 4px; padding-top: 10px; position: relative; margin-bottom: 20px; color: #000;}
.bd-box .col-4 { border: 1px solid lightgray; padding-top: 10px; }
.mb-80 { margin-bottom: 80px;}
.logot {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #4f4f4f;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 0.25rem;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1rem;
    border-radius: 0.5rem;
}
.bdr { border: none; border-right: 1px solid #bdbdbd;}
.gen-bdr {
    border-radius: 0 !important;
    border: 1px solid #bdbdbd !important;
    line-height: 0 !important;
    height: 44px !important;
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}
.my-d-none { display: none;}
.btn-right {
    position: absolute;
    right: 15px;
    display: none;
}

.wrapel span {
    padding: 0;
    font-size: 11.4px;
    display: inline-block;
    line-height: normal;
    padding: 2px 3px;
}

.pos-rel-top-min-10 {
		position: relative;
    top: -10px;
}

.pos-rel-top-min-15 {
		position: relative;
    top: -15px;
} 
.fs-10 { 
	font-size: 10px;	
}
.fs-12 { 
		font-size: 12px;	
}

.fs-15 { 
		font-size: 15px;	
}

.fs-20 { 
		font-size: 20.4px;	
}

.fs-24 {
		font-size: 24.4px;
}

.fs-55 {
		font-size: 55.4px;
}

.text-overflow-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
		/* max-width: 74%; */
}

.lable-max-width {
		max-width: 54%;
} 

.not-active {
    /* border: 0.125rem solid rgba(0,0,0,.25) !important; */
    border: 0.125rem solid rgb(149 117 117 / 25%) !important;
    border-radius: 0.25rem !important;
    background-color: #fff !important;
    color: unset !important;
}

.form-check-input[type=checkbox]:checked:focus {
    background-color: #3880ff !important;
}

.form-check-input[type=checkbox]:checked {
    background-image: none;
    background-color: #3880ff !important;
}
.form-check-input:checked:focus {
    border-color: #3880ff !important;
}
/* .form-check-input:checked[type=checkbox] {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E) !important;
} */

.trailing-input-icon {
		position: absolute !important;
    right: 10px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.nav-tabs .nav-link {
	padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.border-left-box-shadow {
	border-left: 1px solid #ddd;
  box-shadow: -3px 0px 10px 4px #ede6e6d4;
}

/* -- Alphbets sorting -- */
#alpha {
	position: fixed;
	z-index: 5;
	/* height: 100%; */
	/* width: 100%; */
	display: flex;
	/* justify-content: center; */
	/* align-items: center; */
	left: 0px;
	background: #f1f1f1;
	overflow-y: scroll;
	max-height: 70%;
}
#alpha ul {
	list-style: none;
	margin: 0;
	font-size: 13px;	
	padding: 0 !important;
}
#alpha ul li a {
	display: block;
	padding: 5px 5px 5px;
	vertical-align: middle;
	line-height: initial;
}

/* -- scroll bar -- */
/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px grey; 
  border-radius: 4px;
}

/* ::-webkit-scrollbar-button {
  height: 100px; //for vertical scrollbar
} */
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #c1c1c1; 
  border-radius: 4px;
	
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: grey; 
}

.tbl-width .table thead tr th { font-weight: bold;}

.tbl-width .table thead tr th, .tbl-width .table tbody tr td {
    font-size: 11.4px !important;
}


/* -- media responsive -- */

@media screen and (min-width: 992px) {
	.flex {
			text-align: right;
			width: inherit;
	}
	.lable-max-width { max-width: 80%; }
}

@media screen and (max-width: 767px) {
	.ft-tab { padding: 0px 0px;}
	.float-btn { right: 15px;}
	.op-06 { /*padding-top: 0 !important;*/ margin-top: 0 !important;}
	.my-d-none { display: inline-block;}
	.navbar-nav { transition: 0.9s;}
	.navbar-collapse.collapsing .navbar-nav,
	.navbar-collapse.collapse.show .navbar-nav {
			position: fixed;
			right: 0;
			/* background: #ffffff; */
			background: #442323f7;
			top: 0;
			height: 100%;
			max-height: 100%;
			padding-top: 10px;
			border-right: 1px solid #d3d3d35c;
			transition: 0.9s;
	}
	.navbar-nav li a { color: #000;}
	.btn-right {
			display: block;
			filter: unset;
	}
	.navbar-nav .nav-link {
			margin: 0px 80px 0px 18px !important;
	}
	.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
			/* justify-content: unset; */
			padding-left: 0;
	}
	.flex {
			position: relative;
			top: 4px;
	}
	.lable-max-width { max-width: 80%; }
	.tbl-width table { width: 1800px !important;}
	.tbl-width table thead tr .td-width-num, .tbl-width table tbody tr .td-width-num { width: 6% !important;}
}



@media screen and (max-width: 576px) {
	h5.card-title { font-size: 0.91rem;}
	.lable-max-width { max-width: 53%; }
	.footer-bottom-lg { display: none }
	#alpha { max-height: 80%; }
}

@media screen and (max-width: 373px) {
	h5.card-title { font-size: 0.91rem;}
	.lable-max-width { max-width: 43%; }
	.ft-tab .nav-link { padding: 8px 5.5px; }
	.footer-bottom-lg { display: none }
}