* {
	margin: 0;
	padding: 0;
}

.hedar {
	float: right;
}

.navbar-nav {
	align-items: end;
}

.container-fluid {
	padding: 0 6% !important;
}

.navbar {
	margin-top: 10px;
}

.container-fluid img {
	height: 89px;
	width: 84px;
}

.bg-body-tertiary {
	background-color: white !important;
}

a.nav-link {
	color: #041d46;
	font-size: 14px;
	font-weight: 700;
}

input[type=checkbox] {
	position: relative;
	border: 2px solid #041d46;
	border-radius: 2px;
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0 .6em 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	height: 20px;
	width: 20px;
	-webkit-appearance: none;
	opacity: .5;
}

input[type=checkbox]:hover {
	opacity: 1;
}

input[type=checkbox]:checked {
	background-color: #041d46;
	opacity: 1;
}

input[type=checkbox]:before {
	content: '';
	position: absolute;
	right: 50%;
	top: 50%;
	width: 4px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	margin: -1px -1px 0 -1px;
	transform: rotate(45deg) translate(-50%, -50%);
	z-index: 2;
}

.serch {
	/* border: 1px solid black; */
}

.serch h4 {
	font-size: 20px;
	color: #041d46;
	font-weight: 600;
}

/* .prodect {
	margin-top: 30px;
	background-color: white;
	padding: 2% 0 0 5%;
	overflow: auto;
	height: 60vh;
} */

.prodect {
	margin-top: 20px;
	background-color: white;
	overflow: auto;
	height: 60vh;
}

.product {
	margin-top: 30px;
	background-color: white;
	padding: 2% 0 0 5%;
	overflow: auto;
	height: 60vh;
}

.main {
	background-color: #edeff5;
	padding: 2%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.button {
	padding: 2% 0% !important;
}

.button button {
	height: 32px;
	width: 138px;
	background-color: #041d46;

	color: white;
	border: none;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
}

.cancel_button button {
	height: 32px;
	width: 100px;
	background-color: #041d46;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
}

.button-order {
	float: right;
	padding: 4% 0%;
}

.button-order button {
	height: 32px;
	width: 138px;
	background-color: #041d46;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
}

.load-more-products {
	float: center;
	padding: 4% 0%;
}

.load-more-products button {
	height: 32px;
	width: auto;
	padding: 5px;
	background-color: #041d46;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
}

.fotter-text {
	text-align: center;
}

.main-box {
	height: 100%;
	width: 600px;
	padding-top: 20px;
	padding-left: 20px;
	margin: -7% 0 0 507px;
	background-color: #fff;
	border-radius: 20px;
	padding: 1%;
	border: 1px solid #ececec;
	margin-top: 20px;
	/* box-shadow: 6px 2px 6px 6px rgb(244, 243, 243); */
}

.register-box {
	height: 100%;
	width: 60%;
	padding-top: 20px;
	padding-left: 20px;
	/* margin: -7% 0 0 507px; */
	background-color: #fff;
	border-radius: 20px;
	padding: 1%;
	border: 1px solid #ececec;
	margin-top: 20px;
}

.heding h5 {
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	color: #303030;
}

.email-input input {
	background-color: #f5f7fa;
	border: none;
	padding-left: 10px;
	height: 44px;
	width: 100%;
	border-radius: 5px;
	outline: none;
}

.input[type="radio"]:checked+.radio-label:before {
	background-color: #041d46;
	/* Change the background color */
	border-color: #041d46;
	/* Change the border color */
}

.radio {
	accent-color: #041d46;
	padding-top: 6px;
}

.nav-link.active {
	text-decoration: underline;
}

.verify-button {
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
}

.text-1 {
	text-align: center;
}

.email-text h4 {
	font-size: 15px;
}

textarea {
	resize: vertical;
	width: 100%;
	padding-left: 10px;
}

.Address-Add-Text {
	/* padding: 0 1%; */
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 1px solid black;
	background-color: rgb(223, 219, 219);
	border-radius: 10px;
	direction: none;
	width: 45%;
}

.add-address {
	color: black;
}

.Address {
	/* padding: 0 1%; */
}

.Address-text {
	padding: 0 1%;
	/* text-align: center;
justify-content: center;
align-items: center;
display: flex; */
}

.addContainer {
	justify-content: center;
	align-items: center;
	display: flex;
	margin-top: 10px;
}

.Address-text1 {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.btn {
	display: flex !important;
	gap: 25px;
}

.edit-btn button a i {
	color: #041d46;
}

i.fa-solid.fa-pen {
	color: #041d46;
}

i.fa-solid.fa-trash {
	color: #041d46;
}

.Address-text1 {
	border: 1px solid #041d46;
	background-color: white;
	border-radius: 10px;
	padding: 0 1%;
}

.main-add {
	width: 35%;
}

@media only screen and (max-width: 768px) {
	.main-box {
		height: 100%;
		width: 100%;
		padding-top: 20px;
		padding-left: 20px;
		margin: 0 0 0 0px;
		background-color: #fff;
		border-radius: 20px;
		/* padding: 40px; */
		border: 1px solid #ececec;
		margin-top: 20px;
		/* box-shadow: 6px 2px 6px 6px rgb(244, 243, 243); */
		scale: 0.9;
	}
}

@media only screen and (max-width: 1024px) {
	.main-box {
		height: 100%;
		width: 100%;
		padding-top: 20px;
		padding-left: 20px;
		margin: 0% 0 0 0;
		background-color: #fff;
		border-radius: 20px;
		/* padding: 40px; */
		border: 1px solid #ececec;
		margin-top: 0px;
		scale: 0.9;
		/* box-shadow: 6px 2px 6px 6px rgb(244, 243, 243); */
	}
}

.main-content {
	background-color: #edeff5;
	height: 100%;
	width: 100%;
}

/* .main-1 {
	height: 100%; */
/* width: 100%; */
/* padding-top: 20px;
	padding-left: 20px;
	background-color: #fff;
	border-radius: 20px;
	padding: 30px 98px 43px 0px;
	border: 1px solid #ECECEC;
	margin-top: 20px; */
/* box-shadow: 6px 2px 6px 6px rgb(244, 243, 243); */
/* margin: 0 40px 0 40px;
	margin-bottom: 20px;
	max-width: fit-content !important;
	margin-left: auto !important;
	margin-right: auto !important;
} */

.main-1 {
	height: 100%;
	/* / width: 100%; / */
	padding-top: 20px;
	padding-left: 20px;
	background-color: #fff;
	border-radius: 20px;
	padding: 4% 4% 43px;
	border: 1px solid #ececec;
	margin-top: 20px;
	/* / box-shadow: 6px 2px 6px 6px rgb(244, 243, 243); / */
	margin: 0 40px 0 40px;
	margin-bottom: 20px;
	max-width: 85%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.main-2 {
	background-color: #041d46;
	color: white;
	height: 100%;
	width: 100%;
	/* margin: 1% 49px 0 49px; */
	padding: 28px 26px;
	border-radius: 15px;
	/* display: flex;
  justify-content: space-between; */
}

.xy {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid white;
}

.main-text1 i {
	font-size: 20px;
}

.main-text1 {
	display: flex;
	gap: 9px;
}

.main-text-2 {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

.bill {
	margin-top: 50px;
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.bill h6 {
	color: #616161;
	font-weight: 700;
}

.price_container {
	justify-content: end;
	margin-top: 20px;
	display: flex;
}

/* .fotter-text h6{
	color: #ce9932;
} */

.footer-left img {
	height: 85px;
	width: 85px;
}

section {
	width: 100%;
	display: inline-block;
	background: #333;
	height: 50vh;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	text-decoration: underline;
}

.footer-distributed {
	background: #000000;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
	padding: 15px 50px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right {
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left {
	width: 33%;
}

/* The company logo */

.footer-distributed h3 {
	color: #ffffff;
	font: normal 36px 'Open Sans', cursive;
	margin: 0;
}

.footer-distributed h3 span {
	color: lightseagreen;
}

/* Footer links */

.footer-distributed .footer-links {
	color: #ffffff;
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed .footer-links a {
	display: inline-block;
	line-height: 1.8;
	font-weight: 400;
	text-decoration: none;
	color: inherit;
}

.footer-distributed .footer-company-name {
	color: white;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* Footer Center */

.footer-distributed .footer-center {
	width: 33%;
}

.footer-distributed .footer-center i {
	background-color: #33383b;
	color: #ffffff;
	font-size: 20px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope {
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p {
	display: inline-block;
	color: #ffffff;
	font-weight: 400;
	vertical-align: middle;
	margin: 0;
}

.footer-distributed .footer-center p span {
	display: block;
	font-weight: normal;
	font-size: 14px;
	line-height: 2;
}

/* .footer-distributed .footer-center p a {
	color: #cd9933;
	text-decoration: none;
	;
} */

.footer-distributed .footer-links a:before {
	content: "|";
	font-weight: 300;
	font-size: 20px;
	left: 0;
	color: #fff;
	display: inline-block;
	padding-right: 5px;
}

.footer-distributed .footer-links .link-1:before {
	content: none;
}

/* Footer Right */

.footer-distributed .footer-right {
	width: 33%;
}

.footer-distributed .footer-company-about {
	line-height: 20px;
	color: #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-about span {
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons {
	margin-top: 25px;
}

.footer-distributed .footer-icons a {
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color: #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {
	.footer-distributed {
		font: bold 14px sans-serif;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right {
		display: block;
		width: 100%;
		margin-bottom: 40px;
		/* text-align: center; */
	}

	.footer-distributed .footer-center i {
		margin-left: 0;
	}
}

.footer-center h6 {
	color: white;
	padding-left: 20px;
	font-weight: bold;
	font-size: 16px;
}

.footer-right h6 {
	color: white;
	/* padding-left: 20px; */
	font-weight: bold;
	font-size: 16px;
}

.contact-details p {
	width: 75%;
}

.astrisk {
	color: red;
}

.bg-light {
	--bs-bg-opacity: 1;
	background-color: white !important;
}

label.radio-label {
	padding: 3px;
}

@media only screen and (max-width: 768px) {
	.register-box {
		height: 100%;
		width: 100%;
		padding-top: 20px;
		padding-left: 20px;
		background-color: #fff;
		border-radius: 20px;
		padding: 1%;
		border: 1px solid #ececec;
		margin-top: 20px;
	}

	.xy {
		display: block !important;
		justify-content: space-between;
		border-bottom: 1px solid white;
	}

	.main-text1 {
		display: flex;
		gap: 23px;
	}

	.main-add {
		width: 100%;
	}

	.main-1 {
		padding: 19px 6% 43px;
		max-width: 94%;
	}
}

/* new design */

button.btn.btn-secondary.dropdown-toggle {
	background-color: white !important;
	color: #001c45 !important;
	font-weight: 700 !important;
	width: 200px;
}

/* .main-boxx {
    padding: 2%;
	display: flex;
} */

.main-dropdown {
	background-color: #edeff5;
}

.apply-button button {
	height: 40px;
	width: 200px;
	background-color: #001c45;
	color: white;
	font-size: 14px;
	font-weight: 500;
	border: none;
	border-radius: 5px;
}
 .apply-button button:disabled {
 	background-color: #ccc;
 	/* Change color when disabled */
 	cursor: not-allowed;
 	/* Change cursor when disabled */
 }

 .apply-button button:enabled {
 	background-color: #001c45;
 	/* Change color when enabled */
 	cursor: pointer;
 	/* Change cursor when enabled */
 }

.addcart-button button {
	height: 40px;
	width: 200px;
	background-color: #cd9933;
	color: white;
	font-size: 14px;
	font-weight: 500;
	border: none;
	border-radius: 5px;
}

.main-table {
	padding: 2% 10%;
	text-align: center;
}

/* input.input-box {
    text-align: center;
}
button.minus {
    border: none;
    background-color: #91AFDC;
    border-radius: 5px;
}
button.plus {
    border: none;
    background-color: #91AFDC;
    border-radius: 10px;
}
input.input-box {
    text-align: center;
    border: 1px solid white;
    border-radius: 10px;
} */
/* .weight{
    width: fit-content;
} */
/* .weight-qty{
    border: 2px solid #001c45;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: fit-content;
} */

.weight {
	display: flex;
	justify-content: center;
	align-items: center;
}

.quantityy {
	display: flex;
	border: 1px solid #001c45;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	width: fit-content;
}

.quantityy button {
	background-color: #001c45;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 20px;
	width: 30px;
	height: auto;
	text-align: center;
	transition: background-color 0.2s;
}

.quantityy button:hover {
	background-color: #001c45;
}

.input-box {
	width: 40px;
	text-align: center;
	border: none;
	font-size: 16px;
	outline: none;
}

/* Hide the number input spin buttons */
.input-box::-webkit-inner-spin-button,
.input-box::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.input-box[type="number"] {
	-moz-appearance: textfield;
}

@media only screen and (max-width: 768px) {
	button.btn.btn-secondary.dropdown-toggle {
		background-color: white !important;
		color: #001c45 !important;
		font-weight: 700 !important;
		width: 200px !important;
	}

	.apply-button button {
		height: 40px;
		width: 200px !important;
		background-color: #001c45;
		color: white;
		font-size: 14px;
		font-weight: 500;
		border: none;
		border-radius: 5px;
	}
		.apply-button button:disabled {
			background-color: #ccc;
			/* Change color when disabled */
			cursor: not-allowed;
			/* Change cursor when disabled */
		}
	
		.apply-button button:enabled {
			background-color: #001c45;
			/* Change color when enabled */
			cursor: pointer;
			/* Change cursor when enabled */
		}

	.addcart-button button {
		height: 40px;
		width: 200px !important;
		background-color: #cd9933;
		color: white;
		font-size: 14px;
		font-weight: 500;
		border: none;
		border-radius: 5px;
	}

	.main-table {
		padding: 2% 2% !important;
		text-align: center;
	}
}

@media only screen and (max-width: 1024px) {
	button.btn.btn-secondary.dropdown-toggle {
		background-color: white !important;
		color: #001c45 !important;
		font-weight: 700 !important;
		width: 100% !important;
	}

	.apply-button button {
		height: 30px;
		width: 8rem !important;
		background-color: #001c45;
		color: white;
		font-size: 14px;
		font-weight: 500;
		border: none;
		border-radius: 5px;
	}
	.apply-button button:disabled {
		background-color: #ccc;
		/* Change color when disabled */
		cursor: not-allowed;
		/* Change cursor when disabled */
	}

	.apply-button button:enabled {
		background-color: #001c45;
		/* Change color when enabled */
		cursor: pointer;
		/* Change cursor when enabled */
	}
	.serch-but {
		margin-top: 12px;
	}

	.addcart-button button {
		height: 30px;
		width: 8rem !important;
		background-color: #cd9933;
		color: white;
		font-size: 14px;
		font-weight: 500;
		border: none;
		border-radius: 5px;
	}
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	display: flex;
	justify-content: space-between;
	padding: 3%;
	/* / margin-bottom: 100px; / */
	width: 100%;
	padding: 1.1% 3% !important;
	box-shadow: 1px 12px 20px 0px #99999987;
}

/* .main-boxx {
    background-color: white;
    display: flex;
    justify-content: space-between;
	padding: 3%;
} */

.main-boxx {
	background-color: white;
	display: flex;
	justify-content: space-between;
	padding: 2%;
	/* / position: fixed; /
	/ width: 85%; /
	/ z-index: 1000; / */
	transition: all 0.3s ease-in-out;
	/* text-align: center; */
	align-items: center;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.table {
	margin-bottom: 0 !important;
	width: 100%;
}

#wrapper {
	height: 200px;
	width: 400px;
	background: white;

	position: absolute;
	top: calc(50% - 100px);
	left: 50%;
	transform: translateX(-200px);
}

#wrapper p {
	color: rgba(0, 0, 0, 0.65);
	font-size: 18px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	padding: 15px 20px;
	margin: 0;
	margin-bottom: 18px;
}

/* label container */
.radio-button-container {
	color: rgba(0, 0, 0, 0.75);
	display: block;
	position: relative;
	padding-left: 45px;
	line-height: 25px;
	margin-bottom: 12px;
	margin-left: 30px;
	cursor: pointer;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.radio-button-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 21px;
	width: 21px;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, 0.25);
	transition: all 0.3s;
}

/* On mouse-over, add a grey background color */
.radio-button-container:hover input~.checkmark {
	border-color: rgba(0, 0, 0, 0.5);
}

/* When the radio button is checked */
.radio-button-container input:checked~.checkmark {
	background-color: rgba(0, 0, 0, 0);
	border-color: #001c45;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-button-container input:checked~.checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radio-button-container .checkmark:after {
	top: 2px;
	left: 2px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #001c45;
}

.order-input {
	text-align: center;
}

.order-input input {
	height: 30px;
	width: 190px;
	border: 1px solid #001c46;
	background-color: white;
	font-weight: 600;
	color: #001c45;
	outline: none;
	text-align: center;
}

.table-text {
	background-color: white;
	margin-top: 10px;
	text-align: start;
	padding: 3px 5%;
	color: #001c45;
}

.phone {
	text-decoration: none;
	color: #000;
}

.footer-phone {
	text-decoration: none;
	color: #fff;
}

.heding {
	text-align: center;
}

.main-box {
	height: 100%;
	width: 600px;
	padding-top: 20px;
	padding-left: 20px;
	margin: -7% 0 0 507px;
	background-color: #fff;
	border-radius: 20px;
	padding: 1%;
	border: 1px solid #ececec;
	margin-top: 20px;
	box-shadow: 0px 0px 4px 4px rgb(244, 243, 243);
	/* box-shadow: 0px 0px 2px 2px rgb(198, 194, 194);  */
}

.email-text h4 {
	font-size: 14px;
	font-weight: 600;
	color: #303030;
	margin-top: 20px;
}

.email-input input {
	background-color: #f5f7fa;
	border: none;
	padding-left: 10px;
	height: 44px;
	width: 100%;
	border-radius: 5px;
}

.email-input p {
	color: #6b6b6b;
	font-size: 12px;
	font-weight: 500;
	padding-top: 10px;
}

.verify-button {
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
}

.verify-button button {
	height: 32px;
	width: 190px;
	border-radius: 5px;
	background-color: #063861;
	border: none;
	color: white;
	font-size: 12px;
	font-weight: 700;
}

@media only screen and (max-width: 768px) {
	.main-box {
		height: 100%;
		width: 100%;
		padding-top: 20px;
		padding-left: 20px;
		margin: 0 0 0 0px;
		background-color: #fff;
		border-radius: 20px;
		/* padding: 40px; */
		border: 1px solid #ececec;
		margin-top: 20px;
		/* box-shadow: 6px 2px 6px 6px rgb(244, 243, 243); */
		scale: 0.9;
	}
}

@media only screen and (max-width: 1024px) {
	.main-box {
		/*height: 100%; */
		width: 100%;
		/* padding-top: 20px; */
		/* padding-left: 20px; */
		/* margin: -7% 0 0 16%; */
		background-color: #fff;
		border-radius: 20px;
		padding: 40px;
		border: 1px solid #ececec;
		margin-top: 0px;
		scale: 0.9;
		/* box-shadow: 6px 2px 6px 6px rgb(244, 243, 243); */
	}
}

.custom-file-button {
	input[type="file"] {
		margin-left: -2px !important;

		&::-webkit-file-upload-button {
			display: none;
		}

		&::file-selector-button {
			display: none;
		}
	}

	&:hover {
		label {
			background-color: #dde0e3;
			cursor: pointer;
		}
	}
}

/* profile page */

.main-profile {
	display: flex;
	margin-top: 30px;
}

.icons i {
	font-size: 25px;
	padding: 6px 6px;
	border: 2px solid #021d48;
	border-radius: 5px;
	color: #021d48;
}

.profile-text {
	margin-left: 10px;
}

.profile-text h3 {
	font-size: 18px;
	font-weight: 600;
	color: #303030;
}

.profile-text h5 {
	font-size: 14px;
	color: #999999;
}

.profile-img img {
	padding: 11% 20%;
}

/* profile page */

/* / new css 31/5 / */

@media only screen and (max-width: 1024px) {
	element.style {
		width: 100% !important;
	}
}

@media only screen and (max-width: 768px) {
	.main-boxx {
		display: block !important;
	}
}

/* / new css 31/5 / */

.main-pricing-plan h1 {
	text-align: center;
	margin: 30px 0px 0px 0px;
	color: black;
	font-weight: 700;
}

/* saidbar */
.saidnavbar-active {
	background: #80808056;
	box-shadow: 0 0 60px #0006;
	color: #000000;
	height: 100vh;
	left: 0;
	max-width: 100%;
	padding: 20px 30px;
	position: fixed;
	top: 0;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-timing-function: cubic-bezier(.86, 0, .09, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .09, 1);
	width: 400px;
	z-index: 200000000;
}

.side-widget {
	background: #fff;
	box-shadow: 0 0 60px #0006;
	color: #000000;
	height: 100vh;
	left: -100%;
	max-width: 80%;
	padding: 20px 30px;
	position: fixed;
	top: 0;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-timing-function: cubic-bezier(.86, 0, .09, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .09, 1);
	width: 400px;
	z-index: 200000000;
}

.saidbar-active {
	left: 0;
}

.side-widget,
.side-widget .inner {
	/* align-items: center; */
	/* display: flex; */
	/* flex-wrap: wrap; */
}

.side-widget .inner {
	height: 100%;
	overflow-y: auto;
}

.inner a {
	text-decoration: none;
	color: black;
}

.menu li {
	font-weight: 700;
	font-size: 17px;
}

.side-widget .site-menu {
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 100%;
}

.side-widget .site-menu ul li {
	display: block;
	list-style: none;
	margin: 3px 0;
	padding: 0;
}

.togglebut,
.saidnavbar {
	display: none;
}

@media only screen and (max-width: 768px) {

	.togglebut,
	.saidnavbar {
		display: block;
	}

	.navbar-nav {
		display: none !important;
	}

	.select2-container--default .select2-selection--single {
		background-color: #fff;
		border: 1px solid #aaa !important;
		border-radius: 4px !important;
		height: 30px;
		padding-top: 0;
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 26px;
		position: absolute;
		top: 1px !important;
		right: 1px;
		width: 20px;
	}

	.main-table th {
		font-size: 13px;
	}
}


.textphone {
	display: none;
}

.texttab {
	display: block;
}

@media only screen and (max-width: 768px) {
	.textphone {
		display: block;
	}

	 
}