/**
*
*	Name:			IRANYekanX Fonts
*	Version:			2.4
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Aug 02, 2022
*	Updated on:		Aug 02, 2022
*	Website:			http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت ایران یکان X  یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRANYekanX fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (ZX5RZW)
------------------------------------------------------------------------------------- fonts/-
*	
**/


@font-face {
	font-family: "WOFF IRANYekanXFaNum-Thin";
	src: url("../fonts/woff/IRANYekanXFaNum-Thin.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-UltraLight";
	src: url("../fonts/woff/IRANYekanXFaNum-UltraLight.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Light";
	src: url("../fonts/woff/IRANYekanXFaNum-Light.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Regular";
	src: url("../fonts/woff/IRANYekanXFaNum-Regular.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Medium";
	src: url("../fonts/woff/IRANYekanXFaNum-Medium.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-DemiBold";
	src: url("../fonts/woff/IRANYekanXFaNum-DemiBold.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Bold";
	src: url("../fonts/woff/IRANYekanXFaNum-Bold.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-ExtraBold";
	src: url("../fonts/woff/IRANYekanXFaNum-ExtraBold.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Black";
	src: url("../fonts/woff/IRANYekanXFaNum-Black.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-ExtraBlack";
	src: url("../fonts/woff/IRANYekanXFaNum-ExtraBlack.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Heavy";
	src: url("../fonts/woff/IRANYekanXFaNum-Heavy.woff");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Thin";
	src: url("../fonts/woff2/IRANYekanXFaNum-Thin.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-UltraLight";
	src: url("../fonts/woff2/IRANYekanXFaNum-UltraLight.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Light";
	src: url("../fonts/woff2/IRANYekanXFaNum-Light.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Regular";
	src: url("../fonts/woff2/IRANYekanXFaNum-Regular.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Medium";
	src: url("../fonts/woff2/IRANYekanXFaNum-Medium.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-DemiBold";
	src: url("../fonts/woff2/IRANYekanXFaNum-DemiBold.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Bold";
	src: url("../fonts/woff2/IRANYekanXFaNum-Bold.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-ExtraBold";
	src: url("../fonts/woff2/IRANYekanXFaNum-ExtraBold.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Black";
	src: url("../fonts/woff2/IRANYekanXFaNum-Black.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-ExtraBlack";
	src: url("../fonts/woff2/IRANYekanXFaNum-ExtraBlack.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Heavy";
	src: url("../fonts/woff2/IRANYekanXFaNum-Heavy.woff2");
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/woff/IRANYekanX-Thin.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Thin.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/woff/IRANYekanX-UltraLight.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-UltraLight.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/woff/IRANYekanX-Light.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Light.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/woff/IRANYekanX-Medium.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Medium.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/woff/IRANYekanX-DemiBold.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-DemiBold.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/woff/IRANYekanX-ExtraBold.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-ExtraBold.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/woff/IRANYekanX-Black.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Black.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 950;
	src: url('../fonts/woff/IRANYekanX-ExtraBlack.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-ExtraBlack.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 1000;
	src: url('../fonts/woff/IRANYekanX-Heavy.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Heavy.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/woff/IRANYekanX-Bold.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Bold.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff/IRANYekanX-Regular.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Regular.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanXNum;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff/IRANYekanXFaNum-Regular.woff') format('woff'),
		url('../fonts/woff2/IRANYekanXFaNum-Regular.woff2') format('woff2');
}

@page {
	size: auto;
	margin: 2mm;
}

@media print {
	body {
		-webkit-print-color-adjust: exact;
	}
}

body {

	font-family: IRANYekanXNum !important;
	direction: rtl;
	color: #303952 !important;
	font-size: 11px !important;
	background-color: #F1F1F1 !important;
	font-size: 11px;

}

.container-fluid {
	position: fixed;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
}



/*#region Layout */


.show {
	display: block !important;
}

.hide {
	display: none !important;
}

.w-10p {
	width: 10%
}

.w-20p {
	width: 20%
}

.w-30p {
	width: 30%
}

.w-40p {
	width: 40%
}

.w-50p {
	width: 50%
}

.w-60p {
	width: 60%;
}


.w-70p {
	width: 70%
}

.w-80p {
	width: 80%;
}

.w-90p {
	width: 90%;
}


.w-100p {
	width: 100%;
}




.h-10p {
	height: 10% !important;
}

.h-20p {
	height: 20% !important;
}

.h-30p {
	height: 30% !important;
}

.h-40p {
	height: 40% !important;
}

.h-50p {
	height: 50% !important;
}

.h-60p {
	height: 60% !important;
}

.h-70p {
	height: 70% !important;
}

.h-80p {
	height: 80% !important;
}


.h-90p {
	height: 90% !important;
	scroll-snap-type: y mandatory !important;
}

.h-100p {
	height: 100% !important;
	scroll-snap-type: y mandatory !important;

}


.h-5vh {
	height: 5vh !important;
}




.h-10vh {
	height: 10vh !important;

}

.h-20vh {
	height: 20vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-30vh {
	height: 30vh !important;
	height: -webkit-fill-available;
}

.h-35vh {
	height: 35vh !important;
	height: -webkit-fill-available;
}

.h-40vh {
	height: 40vh !important;
	height: -webkit-fill-available;
}

.h-50vh {
	height: 50vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}


.h-60vh {
	height: 60vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}



.h-70vh {
	height: 70vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-80vh {
	height: 80vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;

}


.h-90vh {
	height: 90vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-95vh {
	height: 95vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}


.h-100vh {
	height: 100vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

/* .h-100vh-y {
	height: 100vh !important;
	height: -webkit-fill-available;
	overflow-y: auto;

} */


.h-10px {
	height: 10px !important;
}

.Login_Margin {
	margin-top: -40px;
}

.mt-20vh {
	margin-top: 20vh;
}

.mt-30vh {
	margin-top: 30vh;
}


/* .rs-tree {
	height: 70vh !important;
	max-height: 100% !important;
} */

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

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.overflow-y {
	overflow-y: auto !important;
	scroll-snap-type: y mandatory !important;
	overflow-x: hidden;
}



.overflow-y-hidden {
	overflow-y: hidden !important;
}

.Hover:hover {
	font-weight: bold;
	text-decoration: dashed;
	background-color: #DEDEDE;
}

/* .hr-dashed {
	border-top: 1px dashed #fff !important;
	padding: 0px;
	margin: 0px;
}

.hr-gray {
	border-top: 2px #a4a3a3 solid !important;
	padding: 0px;
	margin: 0px;
}

.hr-Fade {
	border-top: 1px #c0c0c0 solid !important;
	
} */


/*#endregion */

/*#region table width */
/* .tw-3 {
	width: 3% !important;
	flex: 3 0 auto !important;
}

.tw-2 {
	width: 2% !important;
	flex: 3 0 auto !important;
}


.tw-5 {
	width: 5% !important;
	flex: 5 0 auto !important;
}

.tw-8 {
	width: 8% !important;
	flex: 8 0 auto !important;
}

.tw-7 {
	width: 7% !important;
	flex: 7 0 auto !important;
}

.tw-10 {
	width: 10% !important;
	flex: 10 0 auto !important;
}

.tw-12 {
	width: 12% !important;
	flex: 12 0 auto !important;
}

.tw-15 {
	width: 15% !important;
	flex: 15 0 auto !important;
}

.tw-20 {
	width: 20% !important;
	flex: 20 0 auto !important;
}

.tw-23 {
	width: 23% !important;
	flex: 23 0 auto !important;
}

.tw-25 {
	width: 25% !important;
	flex: 25 0 auto !important;
}

.tw-30 {
	width: 30% !important;
	flex: 30 0 auto !important;
}

.tw-35 {
	width: 35% !important;
	flex: 35 0 auto !important;
}

.tw-40 {
	width: 40% !important;
	flex: 40 0 auto !important;
}

.tw-45 {
	width: 45% !important;
	flex: 45 0 auto !important;
}

.tw-50 {
	width: 50% !important;
	flex: 50 0 auto !important;
}

.tw-55 {
	width: 55% !important;
	flex: 55 0 auto !important;
}

.tw-60 {
	width: 60% !important;
	flex: 60 0 auto !important;
}

.tw-65 {
	width: 65% !important;
	flex: 65 0 auto !important;
}

.tw-70 {
	width: 70% !important;
	flex: 70 0 auto !important;
}

.tw-75 {
	width: 75% !important;
	flex: 75 0 auto !important;
}

.tw-80 {
	width: 80% !important;
	flex: 80 0 auto !important;
}

.tw-85 {
	width: 85% !important;
	flex: 85 0 auto !important;
}

.tw-90 {
	width: 90% !important;
	flex: 90 0 auto !important;
}

.tw-95 {
	width: 95% !important;
	flex: 95 0 auto !important;
}

.tw-100 {
	width: 100% !important;
	flex: 100 0 auto !important;
} */

/*#endregion */

/*#region Colors */
.rs-badge-wrapper .rs-badge-content {
	font-size: 10px !important;
	left: 25% !important;
}

.rs-picker-default .rs-picker-toggle.rs-btn {
	padding-top: 5px !important;
	padding-bottom: 4px !important;
}

.rs-picker-toggle {
	text-align: right !important;
	direction: rtl !important;
}

.rs-picker-menu {
	text-align: right !important;
	direction: rtl !important;
}

.rs-picker-toggle-placeholder {
	text-align: right !important;
}

.rs-picker-select-menu-item {
	text-align: right !important;
}

.rs-panel-body {
	padding: 10px !important;
}

.rs-badge {
	display: block !important;
}

.rs-sidenav-item {
	color: #fff !important;
}

.SidebarMenuItem:hover {
	color: #fff !important;
	background-color: transparent !important;
}

.SidebarMenuItem {
	color: #fff !important;
}

.rs-dropdown-toggle:hover {
	background-color: transparent !important;
}

.rs-dropdown-item-toggle {
	font-weight: bold;
}

.ReactTable .rt-tbody {
	overflow-x: hidden !important;
}

.rs-content {
	width: 100%;
}

.WaitMessage {
	width: 250px;
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 99999999;
	text-align: center;
	border-radius: 5px;
}

.AccessDenied {
	font-size: 18px;
	text-align: center;
	margin: 10px;
}

.ForeCastHeight {
	height: 600px;
	overflow-y: auto;
}

.FarmAsan-success {
	background-color: #2f4858 !important;
}

.FarmAsan-text-success {
	color: #2f4858 !important;
}

.border-danger {
	--bs-border-opacity: 0.8 !important;
	border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.WhiteBack {
	background-color: #fff !important;
}

.FarmAsan-red {
	background-color: #c4392f !important;
}



.LightBack {
	background-color: #F8F9FA !important;
}



/* .WhiteColor {
	color: #fff !important;
}

.RedColor {
	color: #c0392b !important;

} */

/*#endregion */

/*#region Fonts */
.persian-digit-font {
	font-family: "WOFF IRANYekanXFaNum-Regular";
}

/* 



.Font11 {
	font-size: 11px !important;
}

.Font12 {
	font-size: 12px !important;
} */

.Font7 {
	font-size: 7px !important;
}
.Font8 {
	font-size: 8px !important;
}

.Font10 {
	font-size: 10px !important;
}

.Font17 {
	font-size: 17px !important;
}

.Font14 {
	font-size: 14px !important;
}

/* 

.Font15 {
	font-size: 15px;
}



.Font25 {
	font-size: 25px;
}

.FontWidth20 {
	font-size: 23px;
	font-weight: bold;
} */

/*#endregion*/

/*#region Controls*/

.pb-20p {
	padding-bottom: 20px !important;
}

.LeftRound {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.rs-picker-menu.rs-picker-check-menu {
	z-index: 20000 !important;
}

.rs-btn-red {
	--rs-btn-primary-bg: #c4392f !important;
	--rs-btn-primary-hover-bg: #a83022 !important;
	--rs-btn-primary-active-bg: #891404 !important;
	--rs-btn-subtle-hover-bg: #c4392f !important;
	--rs-btn-subtle-hover-text: #e5e5ea !important;
	--rs-btn-subtle-active-bg: var(--rs-red-600) !important;
	--rs-btn-subtle-active-text: #343434 !important;
	--rs-btn-ghost-border: #9a1605 !important;
	--rs-btn-ghost-text: #9a1605 !important;
	--rs-btn-ghost-hover-border: #680f03 !important;
	--rs-btn-ghost-hover-text: #891404 !important;
	--rs-btn-ghost-active-border: #680f03 !important;
	--rs-btn-ghost-active-text: #680f03 !important;
	--rs-btn-link-text: #a83022 !important;
	--rs-btn-link-hover-text: #891404 !important;
	--rs-btn-link-active-text: #680f03 !important;
	--rs-iconbtn-primary-addon: var(--rs-red-600) !important;
	--rs-iconbtn-primary-activated-addon: #891404 !important;
	--rs-iconbtn-primary-pressed-addon: #680f03 !important;
}

/* .CheckBox {
	border: 1px solid #c0392b !important;
}

.row {
	display: flex;
	flex-wrap: wrap;
} */

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
	flex: 10%;
	background-color: #f1f1f1;
	padding: 20px;
}

/* Main column */
.main {
	flex: 90%;
	background-color: white;
	padding: 20px;
}

.Logo {
	position: absolute;
	bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
}

.rs-picker {
	margin-top: 0.99px !important;
}


.rs-progress-info-status {
	font-size: 11px !important;
}

.rs-panel-title {
	font-size: 1.2rem !important;
}

.rs-btn {
	font-size: 11px !important;
	font-weight: normal !important;
}

.btn {
	font-size: 12px !important;
}

.cke_chrome {
	border: 1px solid #e5e5ea !important;
	border-radius: 6px !important;

}

.Force_DataInput {
	border: 1px solid rgb(214, 13, 13) !important;

	border-radius: 6px !important;

}

.form-control {
	border: 1px solid #e5e5ea !important;
	border-radius: 6px !important;
	padding: 7px 11px !important;
	font-size: 11px !important;
}

select {
	font-size: 11px !important;
}

option {
	padding: 2px !important;
}

.rs-sidenav-item {
	font-size: 13px !important;
}

.rs-dropdown-item {
	font-size: 11px;
	color: #303952;
}

.rs-picker-popup {
	z-index: 100000 !important;
}

.border-bottom {
	border-bottom: 1px solid rgb(218, 218, 218);
}

a {
	text-decoration: none !important;
	color: #000 !important;
}


.OperationStyle {
	overflow: unset !important;
	/* cursor: auto;
	position: absolute; */
}

.Navigation {
	position: fixed;
	background-color: #fff !important;
	height: 70px;
	bottom: 2px;
	width: 94%;
	right: 3%;
	z-index: 299;
}

/* .WaitMessage {
	width: 250px;
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 99999999;
	text-align: center;
	border-radius: 5px;
}

.Rounded {
	border-radius: 50% !important;
}

.Rounded10 {
	border-radius: 10% !important;
}

.Section {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;

}

.SectionItem {
	scroll-snap-align: start;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 200px;
	margin-right: 5px;

}

.SectionY {
	display: flex;
	overflow-y: auto;
	scroll-snap-type: y mandatory;

} */


.rs-input-group-addon {
	right: inherit !important;
	left: 0 !important;
}

.rs-input {
	padding-right: 10px !important;
	font-size: 11px !important;
}

/* .Mute {
	color: rgb(157, 157, 157);
}

.LeftGreenBorder {
	border-left: 2px solid #16a085 !important;
} */

.Login {
	background-image: url('../images/WebAuth.jpg');
	background-size: cover;
}

/* .SmallLink {
	font-size: 11px !important;
	text-decoration: dashed !important;
	font-weight: bold;
	color: #000 !important;
} */




.modal-header {
	border-bottom: 0px !important;
}

.modal-footer {
	border-top: 0px !important;
}

.btn-close {
	margin: 0px !important;
}

.Cursor {
	cursor: pointer;
}

.Not-allowed {
	cursor: not-allowed !important;

}

.rs-tag-md {
	font-size: 9px !important;
	/* padding: 2px 8px !important; */
}

/* width */
::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	border-radius: 5px;
}


/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	width: 9px !important;
	height: 9px !important;
	background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	width: 9px !important;
	height: 9px !important;
	background: #555;
}

/*#endregion*/


/* #region Print */
/* table.wdatasheetprint {
	font-size: 12px;
	width: 100%;
}

table.wdatasheetprint tr>th {
	background-color: none;
	box-sizing: border-box;
	height: 12px;
	font-size: 15px;
	text-align: right;
	padding: 5px;
	border-bottom: 3px solid #DEDEDE;
}


table.wdatasheetprint tr>th.value {
	box-sizing: border-box;
	height: 10px;
	text-align: right;
	font-size: 12px;
	vertical-align: top;
	padding: 5px;
	font-weight: normal;
}

table.wdatasheetprint tr>th.label {
	box-sizing: border-box;
	font-size: 12px;
	height: 11px !important;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	min-width: 1%;
	padding: 5px;
}

table.wdatasheetprint tr>td {
	box-sizing: border-box;
	height: 45px;
	padding: 5px;
	border-bottom: 1px solid #DEDEDE;
}

table.wdatasheetprint tr>td.label {
	box-sizing: border-box;
	font-size: 12px;
	height: 11px !important;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	min-width: 1%;
	padding: 5px;
}

table.wdatasheetprint tr>td.value {
	box-sizing: border-box;
	height: 10px;
	text-align: right;
	padding: 5px;
} */


.footer,
.footer-space {
	height: 200px;
}

.header,
.header-space {
	height: 300px;
}

.header {
	position: fixed;
	top: 0;
}

.footer {
	position: fixed;
	bottom: 0;
}

@media print {
	.pagebreak {
		page-break-before: always;
	}

	/* page-break-after works, as well */
}

@media print {
	#printPageButton {
	  display: none;
	}
  }

/* #endregion */

.bg-gray {
	background-color: #dbdbdb
}

.ProductPic {
	justify-content: center;
	/* max-height: 180px !important; */
	height: 180px !important;
	width: 240px !important;
	border: 0.5px solid #dbdbdb;
	box-shadow: #dbdbdb;
	/* border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; */
}

.tether-target-attached-center {
	z-index: 10000 !important;
}


/*#region Chat*/

/* 
.SenderMsgPic {
	text-align: center;
	height: 50px !important;
	width: 50px !important;
	border: 0.5px solid #dbdbdb;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.RecieverMsgPic {
	text-align: center;
	height: 30px !important;
	width: 30px !important;
	border: 0.5px solid #dbdbdb;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
} */

/* .CahtIconPossition {
	bottom: 20px;
	left: 20px;
}

.Chat_Message {
	position: fixed !important;
	padding-bottom: 15px !important;
	padding-left: 100px !important;
} */



/*#endregion*/

/* #region ColorBox */
.ColorBox {
	width: 30px;
	display: inline-block;
	aspect-ratio: 1 / 1;
	border: 1px solid #e5e5ea;
	border-radius: 6px;
}

/* #endregion */

/* #region Calendar */
.CalHeaderHolder {
	width: 108px;
	height: 30px;
	text-align: center;
	margin-left: 2px;
	float: right;
	border-radius: 5px;
	margin-bottom: 2px;
	padding: 8px;
	color: white;
	background-color: #424242;
	/*#f5d76e*/
}

.CalTodayHolder {
	width: 108px;
	height: 95px;
	text-align: center;
	margin-left: 2px;
	float: right;
	border-radius: 5px;
	margin-bottom: 2px;
	padding: 8px;
	background-color: #575757;
	/*#CAB308;*/
	color: white;
}

.CalHolder {
	width: 108px;
	height: 95px;
	text-align: center;
	margin-left: 2px;
	float: right;
	background-color: #eaeaea;
	/*border: 1px solid ##eaeaea;*/
	border-radius: 5px;
	margin-bottom: 2px;
	padding: 8px;
}

/* #endregion */