.Flt .T {
	font-weight: 700;
	padding: 0 8px;
	font-size: 14px;
	margin-bottom: 11px;
	display: inline-block
}

.Flt .Area {
	display: flex;
	align-items: center
}

.Flt .Area>.column:first-child {
	flex: none;
	width: 52px;
	text-align: center
}

.Flt .Area>.column>.Filter-btn {
	padding: 9px 14px
}

.p0 {
	padding: 0!important
}

.m0 {
	margin: 0!important
}

.p30 {
	padding: 10px 30px!important
}

.p-lr-20 {
	padding: 0 20px!important
}

.mt10 {
	margin-top: 10px!important
}

.mt20 {
	margin-top: 20px!important
}

.mt30 {
	margin-top: 30px!important
}

@media only screen and (max-width: 768px) {
	.mt30 {
		 margin:0 15px!important
	}
}

.mb30 {
	margin-bottom: 30px!important
}

.mb20 {
	margin-bottom: 20px!important
}

.mb10 {
	margin-bottom: 10px!important
}

.mr10 {
	margin-right: 10px!important
}

.ml0 {
	margin-left: 0!important
}

.ml10 {
	margin-left: 10px!important
}

.mb0 {
	margin-bottom: 0!important
}

.d-inline-block {
	display: inline-block;
	width: auto
}

.d-block {
	display: block!important
}

.text-center {
	text-align: center!important
}

.clear-lr {
	left: 0!important;
	right: 0!important
}

.clear-shadow {
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	-ms-box-shadow: none!important
}

.flatpickr-input {
	background-image: url(/Library/Theme_v2/img/calendar.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center
}

.h100 {
	height: 100%
}

.js-overflow,.js-overflow-t,.js-overflow-s,.overflow-div,.overflow {
	overflow: auto
}

.js-overflow-t {
	padding-right: 5px
}

.p-sticky {
	position: sticky;
	top: 0;
	z-index: 99
}

.flash-effect {
	animation: notificationpulse 1s linear infinite
}

.text-trim {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

table.productStatusTable tr>td .buttonClass {
	margin-right: 13px;
	text-transform: uppercase
}

table.productStatusTable tr>td .checkBatch {
	text-transform: uppercase
}

#TRENDYOL_RESPONSE .Center .bodyItems {
}

#TRENDYOL_RESPONSE .Center .bodyItems .bodyItem {
	padding: 12px
}

#TRENDYOL_RESPONSE .Center .bodyItems .bodyItem .ItemRow-sec {
	padding: 7px 0;
	font-size: 15px;
	color: #000;
	font-weight: 500
}

#TRENDYOL_RESPONSE .Center .bodyItems .bodyItem .ItemRow-sec.failedStatus {
}

#TRENDYOL_RESPONSE .Center .bodyItems .bodyItem .ItemRow-sec.failedStatus span {
	color: #e51414
}

#TRENDYOL_RESPONSE .Center .bodyItems .bodyItem .ItemRow-sec span {
	font-weight: 600
}

#entegrasyon .attributeArea {
	margin: 12px 0
}

#entegrasyon .attributeArea .attributeAreaContent {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 18px;
	min-height: 150px;
	margin-bottom: 90px;
	position: relative
}

#entegrasyon .attributeArea .propText {
	font-weight: 800
}

#entegrasyon .selectArea {
	margin: 12px 0
}

#entegrasyon .selectArea .selectAreaContent .deleteAttribute {
	position: absolute;
	right: 40px;
	background-color: #ff4e4e;
	border: 1px solid #ff4e4e;
	border-radius: 5px;
	padding: 4px 6px;
	color: #fff
}

#entegrasyon .selectArea .categoryText {
	font-weight: 800
}

#entegrasyon .selectArea .selectAreaContent {
	display: flex;
	flex-wrap: wrap;
	margin: 0 24px
}

#entegrasyon .selectArea .class-select {
	min-width: 18%;
	max-width: 18%;
	position: relative;
	margin: 5px
}

#entegrasyon .attributeArea .attributeDivider {
	margin: 6px 0;
	display: flex;
	flex-direction: column;
	max-width: 45%;
	min-width: 45%
}

#entegrasyon .attributeArea .attributeDivider .searchBox .searchBoxInput {
	width: 100%
}

.MultipleSelectHelpBar .Center .MultipleSelectHelpBarForm .attributeDivider .attribute-name {
	font-weight: 600
}

.MultipleSelectHelpBar .Center .MultipleSelectHelpBarForm .attributeDivider .searchBox {
	padding-top: 5px
}

.MultipleSelectHelpBar .Center .MultipleSelectHelpBarForm .attributeDivider .attribute-select {
	width: 173px
}

#entegrasyon .attributeArea .attributeDivider .attribute-select {
	padding: 5px 6px;
	border: 1px solid #9a9a9a;
	border-radius: 5px
}

#entegrasyon .attributeArea .attributeDivider .attribute-name {
	margin-bottom: 5px;
	font-weight: 700
}

#entegrasyon .apply {
	display: none;
	text-align: end;
	margin: 0 18px;
	justify-content: end
}

#entegrasyon .apply.update {
	display: block
}

#entegrasyon .apply #applyCategoryConfig {
	background-color: #04aa6d;
	border-radius: 5px;
	font-size: 17px;
	padding: 5px 18px;
	border: none;
	color: #fff
}

#entegrasyon .apply.update #updateCategoryConfig {
	background-color: #0078e7;
	border-radius: 5px;
	font-size: 17px;
	padding: 5px 18px;
	border: none;
	color: #fff;
	margin: 0 15px
}

#entegrasyon .apply #applyCategoryConfig:hover {
	background-color: #04aa6db8!important
}

#entegrasyon .attributeArea .attributeDivider .attribute-name.required:after {
	content: "(*)";
	left: 2px;
	margin-left: 3px;
	font-weight: 900;
	color: red
}

.ProductInfo_Area>.column .Area .area-content>.MarketPlaces .marketInfo {
	display: flex;
	padding: 12px 0;
	align-items: center;
	justify-content: space-between;
	max-width: 30%
}

.ProductInfo_Area>.column .Area .area-content>.MarketPlaces .marketInfo .marketTitle {
	font-weight: 600
}

.ProductInfo_Area>.column .Area .area-content>.MarketPlaces .marketInfo .buttonClass {
	background-color: #f1f1f1;
	padding: 6px 9px;
	border: 1px solid #f1f1f1;
	border-radius: 5px
}

.p-relative {
	position: relative
}

.panel-tooltip {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
	padding: 7px
}

.panel-tooltip>.tooltip-icon {
	font-size: 18px;
	color: #2c7ddd
}

.panel-tooltip>.tooltip-content {
	position: absolute;
	left: 39px;
	background-color: #fff;
	width: 300px;
	white-space: normal;
	padding: 13px;
	border-radius: 5px;
	box-shadow: 0 0 19px -13px #000;
	font-size: 13px;
	color: #4e4e4e;
	line-height: 21px;
	top: -6px;
	opacity: 0;
	visibility: hidden;
	transition: .3s
}

.panel-tooltip:hover>.tooltip-content {
	opacity: 1;
	visibility: visible
}

.panel-tooltip>.tooltip-content:after {
	right: 100%;
	top: 23px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-right-color: #fff;
	border-width: 7px;
	margin-top: -7px
}

table.v3Table {
	width: 100%;
	border: 1px solid #eee;
	border-spacing: 0;
	border-collapse: collapse;
	border-bottom-width: 2px;
	font-size: 13px
}

table.v3Table thead tr td {
	padding: 7px;
	background-color: #f9f9f9;
	border-right: 1px solid #e0e0e0;
	font-weight: 500
}

table.v3Table tbody tr td {
	border-right: 1px solid #eee;
	padding: 7px;
	border-bottom: 1px solid #eee;
	line-height: 17px
}

@media only screen and (min-width: 991px) {
	table.v3Table tbody tr:hover td {
		 background-color:#fdfdfd
	}
}

table.v3Table tbody tr td input,table.v3Table tbody tr td select {
	min-width: auto;
	width: 100%
}

@keyframes notificationpulse {
	0% {
		 box-shadow: 0 0 0 0 #fff
	}

	50% {
		 box-shadow: 0 0 0 5px rgba(245,7,3,.18)
	}

	100% {
		 box-shadow: 0 0 0 0 #fff
	}
}

.tooltip-box {
	float: left;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 16px;
	z-index: 1;
	cursor: help
}

.tooltip-box i {
	float: right;
	color: #3779bb
}

.tooltip-box .Wind {
	float: left;
	display: none;
	position: relative;
	top: -7px;
	right: 13px;
	width: 100%;
	background: rgba(0,0,0,.77);
	color: #fff;
	border-radius: 4px;
	padding: 0 10px
}

.tooltip-box:hover .Wind {
	display: block
}

.tooltip-box .Wind .Text {
	float: left;
	position: initial;
	width: initial;
	height: initial;
	font-size: 13px;
	text-align: center;
	right: initial;
	top: initial;
	padding: 10px 0
}

.loading-page {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999999999999999999;
	background-color: #fff;
	align-items: center;
	justify-content: center;
	padding: 15px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.loading-page.l_opacity {
	background-color: rgba(255,255,255,.6)
}

.loading-page>.loading-text {
	text-align: center
}

.loading-page>.loading-text>img {
	max-width: 100px
}

.loading-page>.loading-text>.t {
	font-size: 14px;
	margin-top: 14px;
	color: #989898
}

.link-control {
	display: flex;
	align-content: center;
	justify-content: flex-end
}

.link-control>.button-item {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #ebebeb;
	color: #707070;
	font-size: 12px;
	padding: 8px 10px;
	border-radius: 3px;
	margin-left: 5px;
	width: max-content;
	transition: .3s
}

.link-control>.button-item.active {
	background-color: #424858;
	border-color: #424858;
	color: #fff
}

.link-control>.button-item:hover {
	background-color: #424857;
	border-color: #424857;
	color: #fff
}

.loading-list {
	width: 57px;
	height: 30px;
	border-radius: 2px;
	text-align: center;
	background: url(/Library/Img/loading.gif);
	background-size: 45px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto
}

.singleRangeArea {
	background: #fff;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 600;
	color: #458cc8
}

.singleRangeArea input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	margin: 25px 0 15px
}

.singleRangeArea input[type=range]:focus {
	outline: none
}

.singleRangeArea input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	background: #ccc
}

.singleRangeArea input[type=range]::-webkit-slider-thumb {
	height: 20px;
	width: 20px;
	border-radius: 20px;
	background: #458cc8;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -8px
}

.singleRangeArea input[type=range]:focus::-webkit-slider-runnable-track {
	background: #ccc
}

.singleRangeArea input[type=range]::-moz-range-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	background: #ccc
}

.singleRangeArea input[type=range]::-moz-range-thumb {
	height: 20px;
	width: 20px;
	border-radius: 20px;
	background: #458cc8;
	cursor: pointer
}

.singleRangeArea input[type=range]::-ms-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	background: 0 0;
	border-color: transparent;
	color: transparent
}

.singleRangeArea input[type=range]::-ms-fill-lower {
	background: #ccc
}

.singleRangeArea input[type=range]::-ms-fill-upper {
	background: #ccc
}

.singleRangeArea input[type=range]::-ms-thumb {
	height: 20px;
	width: 20px;
	border-radius: 20px;
	background: #458cc8;
	cursor: pointer;
	height: 3px
}

.singleRangeArea input[type=range]:focus::-ms-fill-lower {
	background: #ccc
}

.singleRangeArea input[type=range]:focus::-ms-fill-upper {
	background: #ccc
}

.PageView_v2 {
	transition: margin 1s;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	height: inherit!important;
	display: inline-block;
	margin: 0;
	padding-top: 0
}

.overlay.Show {
	transition: .3s;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #00000082;
	z-index: 10
}

.v2Table-container {
	position: absolute;
	top: 95px;
	left: 15px;
	right: 15px;
	bottom: 80px;
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #efeff0;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05)
}

.v2Table-container.clear-container {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	border: 0;
	padding: 0;
	background-color: transparent;
	top: 105px
}

.v2Table-container.b0 {
	bottom: 13px
}

.v2Table-overflow {
	overflow: auto;
	height: 100%;
	padding-bottom: 120px
}

.v2Table.tablesorter-default {
	width: calc(100% - 1px)
}

.v2Table.tablesorter-default .checkboxElements {
	margin-bottom: 0!important
}

.ListItem {
	width: 100%;
	border: 1px solid #d8d8d8;
	margin-bottom: 8px;
	background: #fff;
	border-radius: 4px
}

.ListItem.Active {
	border-color: #000
}

.ListItem>.Id {
	width: 100%;
	padding: 0 14px;
	font-size: 12px;
	color: #868686
}

.ListItem>.Name {
	width: 100%;
	padding: 14px 14px 0;
	font-weight: 600
}

.ListItem>.Operation {
	width: 100%;
	display: flex;
	padding: 14px;
	gap: 5px
}

.ListItem>.Operation>span {
	background: #bceabe;
	color: #1f6622;
	padding: 4px 8px;
	border-radius: 2px;
	font-size: 11px
}

.ListItem>.ListItemFooter {
	width: 100%;
	display: flex;
	background: #efefef;
	border-top: 1px solid #000;
	display: none
}

.ListItem.Active>.ListItemFooter {
	display: flex
}

.ListItem>.ListItemFooter>div {
	width: 100%;
	line-height: 40px;
	text-align: center;
	display: block;
	color: #000;
	border-left: 1px solid #000
}

.ListItem>.ListItemFooter>a {
	width: 100%;
	line-height: 40px;
	text-align: center;
	display: block;
	color: #000;
	border-left: 1px solid #cbcbcb
}

.ListItem>.ListItemFooter>a.Disabled {
	color: #7a7a7a;
	pointer-events: none
}

.ListItem>.ListItemFooter>div:first-child {
	border: 0
}

@media only screen and (max-width: 768px) {
	.v2Table-container {
		 position:relative;
		 height: calc(100vh - 100px);
		 top: 0;
		 left: 0;
		 right: 0;
		 bottom: 0;
		 margin: 9px
	}

	.checkboxElements.setColum label.checkbox-label {
		 font-size: 11px
	}

	.FormElements input,.FormElements textarea {
		 font-size: 11px
	}

	.v2Table-container.clear-container {
		 top: 0
	}
}

.v2Table.tablesorter-default .header,.v2Table.tablesorter-default .tablesorter-header {
	text-indent: 0
}

.v2Table th,.v2Table td {
	max-width: 100%;
	white-space: nowrap!important
}

.v2Table td .yetkili-birim {
	width: 100%;
	font-size: 11px;
	color: #ff5722;
	display: block
}

.v2Table th {
	padding: 6px 30px 6px 6px!important;
	z-index: 2
}

.v2Table td {
	border: 0!important
}

.v2Table.tablesorter-default .header,.v2Table.tablesorter-default .tablesorter-header {
	padding: 6px 30px 6px 5px
}

.v2Table.tablesorter-default thead .sorter-false {
	text-align: center;
	padding: 0 5px;
	z-index: 22
}

.v2Table thead.text-left th {
	text-align: left!important
}

td .ImgBox {
	position: absolute;
	top: 0;
	right: -100%;
	width: 100px;
	border: 5px solid #fff;
	box-shadow: 0 0 16px -6px #4280de;
	z-index: 9;
	background-color: #fff
}

td .ImgBox img {
	width: 100%
}

.v2Table td.text-right {
	text-align: right;
	padding-right: 13px;
	background-color: transparent
}

.v2Table td.colored {
	background-color: #f5f5f5;
	color: #424858
}

.v2Table-container.twoTable {
	padding: 0;
	border: 0;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	display: flex;
	flex-direction: column
}

.v2Table-container.twoTable .v2Table-overflow {
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #efeff0;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	margin-bottom: 10px
}

.v2Table-container.twoTable .v2Table-overflow:last-child {
	margin-bottom: 0
}

.v2Table .table-platform {
	display: flex;
	align-items: center;
	padding: 0 6px
}

.v2Table .table-platform>span {
	border-right: 1px solid #bdbdbd;
	padding: 0 7px;
	flex: 1
}

.v2Table .table-platform>span:first-child {
	padding-left: 0
}

.v2Table .table-platform>span:last-child {
	padding-right: 0;
	border: 0
}

.table-control {
	display: flex;
	align-items: center;
	margin: 0 6px;
	position: relative;
	width: max-content
}

.table-control>.goTo {
	padding: 4px 13px;
	background-color: #007ddd;
	color: #fff;
	font-size: 14px;
	border-right: 1px solid #006dac;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center
}

.table-control>.goTo:hover {
	background-color: #6899f1
}

.table-control>.goTo.W {
	padding: 4px 13px;
	background-color: #fff;
	color: #444;
	font-size: 14px;
	border: 1px solid #d6d6d6;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center
}

.table-control>.goTo.W:hover {
	background-color: #f7f7f7
}

.table-control>.control-btn {
	background-color: #4280de;
	padding: 6px;
	font-size: 14px;
	color: #fff;
	border-radius: 4px
}

.table-control>.control-dropdown {
	display: none;
	position: absolute;
	z-index: 99;
	min-width: 220px;
	width: fit-content
}

.table-control>.control-btn:hover+.control-dropdown,.table-control>.control-dropdown:hover {
	display: block;
	right: 0;
	top: 26px;
	padding-top: 11px;
	width: fit-content;
	min-width: 220px
}

.table-control>.control-dropdown:after {
	right: 0;
	top: -1px;
	right: 5px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #5b89d0;
	border-width: 6px
}

.table-control>.control-dropdown .dropdown-content {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	background-color: #fff;
	color: #fff;
	padding: 0;
	border: 1px solid #d6d6d6;
	box-shadow: 0 0 25px #4280de33
}

.table-control>.control-dropdown .dropdown-content>.dc-btn {
	width: 100%;
	color: #000;
	padding: 8px;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	line-height: 18px;
	cursor: pointer;
	text-align: right
}

.table-control>.control-dropdown .dropdown-content>.dc-btn:last-child {
	border-bottom: 0 solid #ccc
}

.table-control>.control-dropdown .dropdown-content>.dc-btn:hover {
	background-color: #4280de;
	color: #fff
}

.table-control.PointBtn {
	display: flex;
	align-items: center;
	width: 34px;
	margin: 0 0 0 6px;
	position: relative;
	float: right
}

.table-control.PointBtn>.control-btn {
	background-color: #4280de;
	padding: 8px 12px;
	font-size: 10px;
	color: #fff;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-radius: 4px
}

.table-control-single {
	margin-right: 6px;
	position: relative
}

.table-control-single>.control-btn {
	background-color: #4280de;
	padding: 4px 8px;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	width: 32px;
	float: right
}

.table-control-single>.control-btn a {
	color: #fff;
	padding: 2px 4px;
	font-size: 12px;
	color: #fff;
	border-radius: 2px;
	text-align: center;
	line-height: 9px
}

.table-control-single>.control-dropdown {
	display: none;
	z-index: 2
}

.table-control-single>.control-btn:hover+.control-dropdown,.table-control-single>.control-dropdown:hover {
	display: block;
	right: 0;
	top: 23px;
	padding-top: 14px;
	position: absolute
}

.table-control-single>.control-dropdown:after {
	right: 0;
	top: 2px;
	right: 5px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #5b89d0;
	border-width: 6px
}

.table-control-single>.control-dropdown .dropdown-content {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-width: 160px;
	background-color: #fff;
	color: #fff;
	padding: 0;
	border: 1px solid #d6d6d6;
	box-shadow: 0 0 25px #4280de33
}

.table-control-single>.control-dropdown .dropdown-content>.dc-btn {
	width: 100%;
	color: #4280de;
	padding: 6px 22px;
	font-size: 12px;
	text-align: left;
	border-bottom: 1px solid #ccc
}

.table-control-single>.control-dropdown .dropdown-content>.dc-btn:last-child {
	border-bottom: 0 solid #ccc
}

.table-control-single>.control-dropdown .dropdown-content>.dc-btn:hover {
	background-color: #4280de;
	color: #fff
}

.left-nav-control .v2Table-Footer {
	left: 40px
}

.v2Table-Footer {
	position: fixed;
	bottom: 0;
	left: 270px;
	right: 0;
	display: flex;
	background-color: #fff;
	padding: 0 32px;
	height: 65px;
	align-items: center;
	transition: .3s;
	z-index: 9
}

.v2Table-Footer .column .tablePagination {
	display: flex
}

.v2Table-Footer .column .tablePagination>li {
	margin-right: 6px
}

.v2Table-Footer .column .tablePagination>li>.paginationBtn {
	border: 1px solid #a0a0a0;
	width: 29px;
	height: 29px;
	padding-top: 1px;
	font-size: 12px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	cursor: pointer;
	transition: .3s
}

table.productStatusTable tr.trSelectedItem.trendyolSuccess .whichSelect span {
	background: #0d960d;
	display: block!important;
	position: relative
}

table.productStatusTable tr.trSelectedItem.trendyolSuccess .whichSelect span:hover:after {
	right: 100%;
	left: 26px;
	top: 1px;
	border: solid transparent;
	content: "";
	height: 0;
	transform: rotate(270deg);
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #0d960d;
	border-width: 8px;
	margin-left: -8px
}

table.productStatusTable tr.trSelectedItem.trendyolSuccess .whichSelect span:hover:before {
	display: block;
	left: calc(100% + 12px);
	opacity: 1;
	overflow: auto
}

table.productStatusTable tr.trSelectedItem.trendyolSuccess .whichSelect span:before {
	content: "Ürün Aktarımı Başarılı";
	top: -4px;
	color: #fff;
	position: absolute;
	left: calc(100%);
	background-color: #000000e6;
	border-radius: 10px;
	width: 220px;
	display: none;
	opacity: 0;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	z-index: 2;
	text-transform: uppercase;
	transition: .35s cubic-bezier(.97,.07,.58,1)
}

#entegrasyon .apply .checkBoxInputDivider {
	height: 35px;
	border: 1px solid #000;
	display: flex;
	align-items: center;
	width: 186px;
	border-radius: 3px;
	position: relative
}

#entegrasyon .apply .checkBoxInputDivider .input-contents {
	opacity: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: -36px;
	left: 0;
	background: #fff;
	right: 0;
	padding: 5px 12px;
	border: 1px solid #00000094
}

#entegrasyon .apply .checkBoxInputDivider .input-contents.active {
	overflow: auto;
	opacity: 1;
	height: auto;
	top: 0;
	transform: translateY(-100%)
}

#entegrasyon .apply .checkBoxInputDivider .head {
	padding-left: 5px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	margin: 0 8px
}

#entegrasyon .apply .checkBoxInputDivider .head .head-text {
	margin: 0
}

#entegrasyon .apply .checkBoxInputDivider .input-contents>.input-content input[type=checkbox]:checked+.checkBoxLabel {
	position: relative
}

#entegrasyon .apply .checkBoxInputDivider .input-contents>.input-content input[type=checkbox]:checked+.checkBoxLabel:before {
	content: "\e93e";
	font-family: MissZenne!important;
	color: #fff;
	padding-top: 1px;
	font-size: 10px;
	position: absolute;
	top: 0;
	left: 0;
	background: #000
}

#entegrasyon .apply .checkBoxInputDivider .checkBoxLabel {
	width: 15px;
	height: 15px;
	position: relative;
	padding-left: 19px;
	display: flex;
	align-items: center
}

#entegrasyon .apply .checkBoxInputDivider .checkBoxLabel:before {
	content: "";
	border: 1px solid #000;
	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 0
}

table.productStatusTable tr>.whichSelect .check-element {
	width: 18px;
	height: 18px;
	margin: 0 auto;
	border-radius: 2px;
	display: block!important;
	background: #a4b1a4
}

table.productStatusTable tr>.whichSelect .check-element {
}

table.productStatusTable tr>.whichSelect input[type=checkbox]:checked+.check-element {
	background: #000
}

table.productStatusTable tr>.whichSelect input[type=checkbox]:checked+.check-element:before {
	content: "\e93e";
	font-family: MissZenne!important;
	color: #fff;
	padding-left: 2px
}

.v2Table-Footer .column .tablePagination>li>.paginationBtn:hover {
	background-color: #5083df;
	color: #fff;
	border-color: #5083df
}

.v2Table-Footer .column .tablePagination>li>.txt {
	font-size: 13px;
	color: #777;
	margin-left: 12px
}

.v2Table-Footer .column .tablePagination>li>.paginationInput {
	display: inline-block;
	width: 29px;
	height: 29px;
	border: 0;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #a0a0a0;
	font-size: 14px
}

.v2Table-Footer .column .tablePagination>li>.totalPage {
	color: #a0a0a0;
	margin-right: 12px
}

.v2Table-Footer .column .recordShow>span {
	margin-right: 9px;
	color: #a0a0a0
}

.v2Table-Footer .column .recordShow>.recordSelect {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: calc(100% - 7px) 50%;
	background-repeat: no-repeat;
	background-image: url(/Library/Theme_v2/img/selectdown.png);
	background-color: #fff;
	border-radius: 16px;
	padding: 4px 20px 4px 10px;
	-webkit-appearance: none;
	font-size: 14px
}

.v2Table-Footer .column .footerControl {
	display: flex;
	margin-left: 16px
}

.v2Table-Footer .column .footerControl>.controlBtn {
	margin-right: 10px;
	border: 1px solid #a6a6a6;
	background-color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	cursor: pointer;
	transition: .3s
}

.v2Table-Footer .column .footerControl>.controlBtn:hover {
	background-color: #5083df;
	color: #fff;
	border-color: #5083df
}

.v2Table-Footer .column.End {
	flex: 1;
	text-align: right
}

.v2Table-Footer .column.End .tableTotal {
	font-size: 12px
}

@media only screen and (max-width: 768px) {
	.v2Table-Footer {
		 flex-direction:column;
		 position: fixed;
		 left: 0;
		 transition: all .5s;
		 margin: 0 10px
	}

	.table-footer-scroll-hide {
		 bottom: 60px;
		 transform: initial!important;
		 visibility: initial!important
	}

	.v2Table-Footer .column {
		 margin-top: 9px
	}

	.v2Table-Footer .column .tablePagination>li>.txt {
		 font-size: 12px
	}

	.left-nav-control .v2Table-Footer {
		 left: 0;
		 margin: 0;
		 border-top: 1px solid #efefef;
		 box-shadow: 0 0 23px -18px #000;
		 transform: translateY(150%);
		 visibility: hidden
	}

	.v2Table-Footer .column .tablePagination>li>.paginationBtn {
		 width: 25px;
		 height: 25px;
		 font-size: 10px
	}

	.v2Table-Footer .column .tablePagination>li>.paginationInput {
		 width: 25px;
		 height: 25px;
		 font-size: 10px
	}

	.v2Table-Footer .column .tablePagination>li>.totalPage {
		 font-size: 12px
	}
}

.table-checkbox {
	position: relative;
	width: 18px;
	margin: 0 auto
}

.table-checkbox label {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	cursor: pointer;
	height: 18px;
	left: 0;
	position: absolute;
	top: 0;
	width: 18px;
	max-width: inherit;
	margin: 0
}

.table-checkbox label:after {
	border: 2px solid #fff;
	border-top: none;
	border-right: none;
	content: "";
	height: 6px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 1px;
	transform: rotate(-45deg);
	width: 21px
}

.table-checkbox input[type=checkbox] {
	visibility: hidden
}

.table-checkbox input[type=checkbox]:checked+label {
	background-color: #5083df;
	border-color: #5083df
}

.table-checkbox input[type=checkbox]:checked+label:after {
	opacity: 1
}

.headerV2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #253141;
	height: 69px;
	margin-left: 60px
}

.headerV2 .left-column {
	height: 100%;
	border-left: 1px solid #3f4a5b
}

.headerV2 .left-column .v2Logo {
	display: block;
	padding: 25px 15px
}

.headerV2 .left-column .v2Logo>img {
	max-width: 157px
}

.headerV2 .center-column {
	width: 100%;
	text-align: center;
	padding: 0 30px
}

.headerV2 .center-column .search-area {
	display: flex;
	max-width: 540px;
	align-items: center;
	margin: 0 auto;
	position: relative
}

.headerV2 .center-column .search-area>.searchSelect {
	background-color: #8290a2;
	border: 0;
	height: 38px;
	display: inline-block;
	border-radius: 0;
	border-top-left-radius: 60px;
	border-bottom-left-radius: 60px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
	text-align: center;
	padding: 0 15px 0 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: calc(100% - 10px) 50%;
	background-repeat: no-repeat;
	background-image: url(/Library/Theme_v2/img/selectArrow.png)
}

.headerV2 .center-column .search-area>.searchInput {
	width: 100%;
	height: 38px;
	border: 0;
	padding: 10px 50px 10px 10px;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	font-size: 12px
}

.headerV2 .center-column .search-area>.searchBtn {
	border: 0;
	border-radius: 50%;
	width: 33px;
	height: 32px;
	background-color: #ff7c28;
	color: #fff;
	font-size: 16px;
	position: absolute;
	right: 5px
}

.headerV2 .right-column {
	display: flex;
	height: 100%;
	align-items: center
}

.headerV2 .right-column .item {
	border-left: 1px solid #404a5b;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative
}

.headerV2 .right-column .item.icon-item {
	padding: 0 20px;
	color: #95a1b4;
	font-size: 25px;
	cursor: pointer;
	transition: .3s
}

.headerV2 .right-column .item.icon-item:hover {
	background-color: #2d394c
}

.headerV2 .right-column .item.icon-item .item-count {
	position: absolute;
	right: 12px;
	top: 10px;
	background-color: #fc0d1b;
	color: #fff;
	font-size: 10px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	border-radius: 50%;
	text-align: center
}

.headerV2 .right-column .item.dropdown-item .dropdown-content {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 69px;
	right: -1px;
	background-color: #2f394c;
	width: 210px;
	border-right: 1px solid #424a5b;
	padding: 7px;
	font-size: 12px
}

.headerV2 .right-column .item.dropdown-item:hover .dropdown-content {
	opacity: 1;
	visibility: visible
}

.headerV2 .right-column .item.user {
	padding: 0 20px
}

.headerV2 .right-column .item.user .user-panel {
	position: relative;
	color: #fff;
	padding-left: 35px
}

.headerV2 .right-column .item.user .user-panel::before {
	content: "\ea92";
	font-family: misszenne!important;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 25px;
	color: #22bf60
}

.headerV2 .right-column .item.user .user-panel>.Name {
	width: max-content;
	color: #22bf60
}

.headerV2 .right-column .item.user .user-panel>.siteName {
	font-size: 11px
}

.breadcrumb_v2 {
	border-bottom: 1px solid #d4d4d4;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	z-index: 1000;
	position: relative
}

.breadcrumb_v2>.Left {
	padding: 7px 0 7px 15px
}

.breadcrumb_v2>.Left>ul {
	display: flex;
	align-items: center
}

.breadcrumb_v2>.Left>ul>li {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	position: relative
}

.breadcrumb_v2>.Left>ul>li::after {
	content: "\e973";
	font-family: misszenne!important;
	font-size: 9px;
	margin: 0 3px
}

.breadcrumb_v2>.Left>ul>li:last-child::after {
	display: none
}

.breadcrumb_v2>.Left>ul>li>.Link {
	color: #585757;
	font-weight: 600;
	font-family: inherit
}

.breadcrumb_v2>.Left>ul>li>.Link>span {
	color: #000
}

.breadcrumb_v2>.Left>ul>li .Wind {
	position: absolute;
	padding-top: 0;
	left: -8px;
	width: 212px;
	z-index: 111111111111111
}

.breadcrumb_v2>.Left>ul>li .Wind>.ifa-109 {
	font-size: 11px;
	margin: 0;
	color: #fff;
	position: absolute;
	top: 11px;
	left: 10px
}

.breadcrumb_v2>.Left>ul>li .Wind>.SubNavList {
	background-color: #fff;
	padding: 12px 0;
	border: 1px solid #f7f7f7;
	border-bottom: 2px solid #f7f7f7;
	position: relative;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden
}

.breadcrumb_v2>.Left>ul>li .Wind>.SubNavList .LeftNavLink {
	padding: 8px 12px;
	display: block;
	color: #737373;
	font-weight: 500
}

.breadcrumb_v2>.Left>ul>li .Wind>.SubNavList .LeftNavLink:hover {
	color: #307bff
}

.breadcrumb_v2>.Left>ul>li .Wind>.SubNavList>li {
}

.breadcrumb_v2>.Left>ul>li .Wind>.SubNavList>li.SubDropdown>a.SubDropdown {
	position: relative;
	padding: 8px 12px;
	display: block;
	color: #737373;
	font-weight: 500
}

.breadcrumb_v2>.Left>ul>li .Wind>.SubNavList>li.SubDropdown>a.SubDropdown::after {
	content: "\e973";
	font-family: misszenne!important;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 10px
}

.breadcrumb_v2>.Left>ul>li .Wind>.SubNavList>li.SubDropdown>ul {
	position: absolute;
	left: 0;
	transition: .3s;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	border: 1px solid #f7f7f7;
	border-bottom: 2px solid #f7f7f7;
	width: 100%;
	top: 0;
	overflow-y: auto;
	height: 100%;
	transform: translateX(100%);
	z-index: 99
}

.breadcrumb_v2>.Left>ul>li .Wind>.SubNavList>li.SubDropdown>ul.Show {
	transform: translateX(0%)
}

.breadcrumb_v2>.Left>ul>li .Wind>.SubNavList>li.SubDropdown>ul>.back-bread {
	padding: 8px 12px;
	background-color: #f7f7f7;
	cursor: pointer
}

.breadcrumb_v2>.Left>ul>li .Wind>.SubNavList>li.SubDropdown:hover>a {
	background-color: #f5f5f5
}

.breadcrumb_v2>.Support {
	height: 100%;
	display: flex
}

.breadcrumb_v2>.Support>.Link {
	padding: 7px 12px;
	display: flex;
	align-items: center;
	font-size: 12px;
	background-color: #fafafa;
	border-left: 1px solid #d3d3d3;
	color: #343434;
	transition: .3s
}

.breadcrumb_v2>.Support>.Link.disable {
	pointer-events: none;
	opacity: .5
}

.breadcrumb_v2>.Support>.Link:hover {
	background-color: #efefef
}

.breadcrumb_v2>.Support>.Link>span {
	color: #f5081e;
	font-size: 15px;
	margin-right: 5px
}

@media only screen and (max-width: 768px) {
	.breadcrumb_v2>.Support>.Link {
		 padding:9px 5px;
		 font-size: 11px
	}

	.breadcrumb_v2>.Support>.Link:last-child {
		 border-right: 1px solid #d3d3d3
	}

	.breadcrumb_v2 {
		 margin-bottom: 0;
		 display: flex;
		 justify-content: center
	}

	.breadcrumb_v2>.Left {
		 display: none
	}
}

.control-panel {
	padding: 0 20px;
	display: flex;
	justify-content: space-between
}

.control-panel.p30 {
	padding: 10px 30px
}

.control-panel>.column {
	display: flex;
	align-items: center
}

.control-panel>.column.HamburgerColumn {
	display: none
}

.control-panel>.column.HamburgerColumn .HamburgerNav {
	display: flex;
	flex-direction: column;
	padding: 20px 10px
}

.control-panel>.column.HamburgerColumn .HamburgerNav::after,.control-panel>.column.HamburgerColumn .HamburgerNav::before {
	content: "";
	height: 2px;
	width: 25px;
	background-color: #424857
}

.control-panel>.column.HamburgerColumn .HamburgerNav::after {
}

.control-panel>.column.HamburgerColumn .HamburgerNav::before {
}

.control-panel>.column.HamburgerColumn .HamburgerNav>span {
	height: 2px;
	width: 25px;
	background-color: #424857;
	display: block;
	margin: 5px 0
}

.control-panel>.column.Single {
	width: 100%;
	justify-content: flex-end
}

.control-panel>.column .control-item {
	position: relative;
	padding: 3px 3px 3px 0
}

.control-panel>.column .control-item>.theme-select,.control-panel>.column .control-item>.control-btn {
	color: #343434;
	display: flex;
	align-items: center;
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	padding: 0 8px;
	font-size: 12px;
	height: 29px;
	cursor: pointer;
	transition: .3s;
	background-color: #fff
}

.control-panel>.column .control-item>.control-btn.Disable {
	pointer-events: none;
	background-color: #fbfbfb;
	color: #8a8a8a
}

.control-panel>.column .control-item>.control-btn.Disable>span {
	color: #8a8a8a
}

.control-panel>.column .control-item>.theme-select:hover,.control-panel>.column .control-item>.control-btn:hover {
	border-color: #007ddd;
	-webkit-box-shadow: 0 0 14px -4px #007ddd;
	-moz-box-shadow: 0 0 14px -4px #007ddd;
	box-shadow: 0 0 14px -4px #007ddd
}

.control-panel>.column .control-item>.theme-select {
	padding-right: 22px;
	background-position: calc(100% - 8px) 12px
}

.control-panel>.column .control-item>.control-btn.big-btn {
	height: 78px;
	padding: 5px 20px;
	flex-direction: column;
	justify-content: center;
	text-align: center
}

.control-panel>.column .control-item>.control-btn.big-btn>span {
	display: block;
	margin: 0;
	font-size: 22px;
	margin-bottom: 5px
}

.control-panel>.column .control-item>.control-btn.big-btn>.flag {
	width: 22px;
	margin-bottom: 5px
}

.control-panel>.column .control-item>.control-btn.note-active {
	background-color: #4280de;
	color: #fff;
	border-color: #4280de
}

.control-panel>.column .control-item>.control-btn.note-active>span::before {
	content: "+1";
	background-color: #fff;
	color: #4280de;
	font-family: open sans,sans-serif;
	font-size: 12px;
	font-weight: 700;
	padding: 2px 3px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center
}

.control-panel>.column .control-item>.control-btn.note-active>i {
	font-size: 0
}

.control-panel>.column .control-item>.control-btn.note-active>i::before {
	content: "Not Var";
	font-size: 12px
}

.control-panel>.column .control-item>.control-btn.big-btn.note-active>span::before {
	font-size: 13px;
	width: 22px;
	height: 22px
}

.control-panel>.column .control-item>.control-btn.active {
	background-color: #4280de;
	color: #fff;
	border-color: #4280de
}

.control-panel>.column .control-item>.control-btn.active>span {
	color: #fff
}

.control-panel>.column .control-item>.control-btn.cache {
	background-color: #607d8b;
	color: #fff;
	border-color: #607d8b
}

.control-panel>.column .control-item>.control-btn.cache>span {
	color: #fff
}

.control-panel>.column .control-item>.control-btn.control-loading {
	background-color: #bbb!important;
	border-color: #bbb!important;
	pointer-events: none
}

.control-panel>.column .control-item>.control-btn.control-loading>span::before {
	content: "\ea00";
	animation-name: spin;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	display: inline-block
}

@keyframes spin {
	from {
		 transform: rotate(360deg)
	}

	to {
		 transform: rotate(0deg)
	}
}

.control-panel>.column .control-item>.control-btn:not(.big-btn)>.flag {
	width: 16px;
	position: relative;
	top: -1px;
	margin-right: 5px
}

.control-panel>.column .control-item>.control-btn>span {
	font-size: 14px;
	color: #007ddd;
	margin-right: 5px
}

.control-panel>.column .control-item>.control-btn>span.Count {
	background-color: #3279ff;
	color: #fff;
	padding: 0 5px;
	font-size: 12px;
	font-weight: 600;
	border-radius: 3px
}

.control-panel>.column .control-item.single>.control-btn {
	height: 29px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px 7px
}

.control-panel>.column .control-item.single>.control-btn>span {
	margin-right: 0;
	font-size: 18px
}

.control-panel>.column .control-item>.control-btn>i {
	font-style: inherit
}

.control-panel>.column .control-item>.control-btn.Red {
	color: red;
	display: flex;
	align-items: center;
	border: 1px solid red;
	border-radius: 4px;
	padding: 5px 8px;
	font-size: 12px;
	height: 29px;
	cursor: pointer;
	transition: .3s
}

.control-panel>.column .control-item>.control-btn.Red:hover {
	border-color: #fa1100;
	-webkit-box-shadow: 0 0 14px -4px #f10;
	-moz-box-shadow: 0 0 14px -4px #007ddd;
	box-shadow: 0 0 14px -4px #f10
}

.control-panel>.column .control-item>.control-btn.Red.active {
	background-color: #4280de;
	color: #fff;
	border-color: #4280de
}

.control-panel>.column .control-item>.control-btn.Red.active>span {
	color: #fff
}

.control-panel>.column .control-item>.control-btn.Red>span {
	font-size: 14px;
	color: #f10;
	margin-right: 5px
}

.control-panel>.column .control-item>.control-btn.Red>i {
	font-style: inherit
}

.control-panel>.column .control-item>.control-btn.btn-orange {
	background-color: #f77c03;
	color: #fff;
	border-color: #f77c03
}

.control-panel>.column .control-item>.control-btn.btn-green>span {
	color: #fff
}

.control-panel>.column .control-item>.control-btn.btn-red,.control-panel>.column .control-item>.control-btn.btn-red>span {
	color: red
}

.control-panel>.column .control-item>.control-btn.btn-red:hover {
	border-color: rgba(245,7,3,.48);
	-webkit-box-shadow: 0 0 14px -4px rgba(245,7,3,.37);
	-moz-box-shadow: 0 0 14px -4px rgba(245,7,3,.37);
	box-shadow: 0 0 14px -4px rgba(245,7,3,.37)
}

.control-panel>.column .control-item>.control-btn.btn-green,.control-panel>.column .control-item>.control-btn.btn-green>span {
	color: #58ad43
}

.control-panel>.column .control-item>.control-btn.btn-green:hover {
	border-color: rgba(87,173,67,.56);
	-webkit-box-shadow: 0 0 14px -4px rgba(87,173,67,.39);
	-moz-box-shadow: 0 0 14px -4px rgba(87,173,67,.39);
	box-shadow: 0 0 14px -4px rgba(87,173,67,.39)
}

.control-panel>.column .control-item>.control-btn.btn-green-f {
	background-color: #58ad43;
	border-color: #58ad43
}

.control-panel>.column .control-item>.control-btn.btn-green-f span,.control-panel>.column .control-item>.control-btn.btn-green-f i {
	color: #fff
}

.control-panel>.column .control-item>.control-btn.btn-green-f:hover {
	border-color: rgba(87,173,67,.56);
	-webkit-box-shadow: 0 0 14px 6px rgba(87,173,67,.39);
	-moz-box-shadow: 0 0 14px 6px rgba(87,173,67,.39);
	box-shadow: 0 0 14px 6px rgba(87,173,67,.39)
}

.control-panel>.column .control-item.form-item input {
	height: 29px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px 30px 2px 10px;
	border: 1px solid #eee;
	font-size: 12px
}

.control-panel>.column .control-item.form-item input:hover,.control-panel>.column .control-item.form-item input:focus {
	border-color: #007ddd;
	-webkit-box-shadow: 0 0 14px -4px #007ddd;
	-moz-box-shadow: 0 0 14px -4px #007ddd;
	box-shadow: 0 0 14px -4px #007ddd
}

.control-panel>.column .control-item.select-item {
	display: flex;
	align-items: center
}

.control-panel>.column .control-item.select-item>.select-title {
	font-size: 13px;
	color: #8c8b8b;
	margin-right: 7px
}

.control-panel>.column .control-item.select-item .select2-container--default .select2-selection--single {
	border-color: #d3d3d3;
	font-size: 12px
}

.control-panel>.column .panel-title {
	padding-right: 20px
}

.control-panel>.column .panel-title>.T {
	font-weight: 600;
	color: #424857;
	font-size: 16px
}

.control-panel>.column .panel-title>.sT {
	font-size: 12px;
	color: rgba(66,72,87,.56);
	display: flex
}

.control-panel>.column .tabNAV {
	display: flex;
	align-items: center;
	padding-left: 20px
}

.control-panel>.column .tabNAV li {
	display: flex;
	align-items: center;
	background: #eef2f6;
	padding: 10px 20px;
	margin-right: 5px;
	border: 1px solid #d7dfe8;
	border-radius: 4px 4px 0 0;
	color: #000;
	font-size: 12px
}

.control-panel>.column .tabNAV li.Disable,.control-panel>.column .tabNAV li.Disable a {
	pointer-events: none;
	background-color: #e4e4e4;
	border-color: #d6d6d6
}

.control-panel>.column .tabNAV li a {
	color: inherit
}

.control-panel>.column .tabNAV li.active {
	background: #007ddd;
	color: #fff
}

.control-panel>.column .control-item.item-dropdown>.control-btn {
	padding-right: 21px
}

.control-panel>.column .control-item.item-dropdown>.control-btn.Colored {
	background-color: #007ddd;
	color: #fff
}

.control-panel>.column .control-item.item-dropdown>.control-btn::after {
	content: "\e977";
	font-family: misszenne!important;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 8px
}

.control-panel>.column .control-item.item-dropdown .item-dropdown-content {
	position: absolute;
	right: 0;
	z-index: 10001;
	padding-top: 10px;
	width: max-content;
	opacity: 0;
	visibility: hidden
}

.control-panel>.column .control-item.item-dropdown .item-dropdown-content.Left {
	position: absolute;
	right: inherit;
	z-index: 3;
	padding-top: 10px;
	width: max-content;
	opacity: 0;
	visibility: hidden
}

.control-panel>.column .control-item.item-dropdown:hover .item-dropdown-content {
	opacity: 1;
	visibility: visible
}

.control-panel>.column .control-item.item-dropdown .item-dropdown-content>.List {
	background-color: #fff;
	border: 1px solid #eee;
	padding: 0;
	position: relative;
	box-shadow: 3px 5px 13px -9px #000
}

.control-panel>.column .control-item.item-dropdown .item-dropdown-content>.List::before {
	bottom: 100%;
	right: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #5083df;
	border-width: 7px
}

.control-panel>.column .control-item.item-dropdown .item-dropdown-content.Left>.List::before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #5083df;
	border-width: 7px
}

.control-panel>.column .control-item.item-dropdown .item-dropdown-content>.List .Link {
	display: block;
	padding: 6px 20px;
	transition: .3s;
	color: #5083df;
	border-bottom: 1px solid #eef2f6;
	font-size: 13px;
	cursor: pointer
}

.control-panel>.column .control-item.item-dropdown .item-dropdown-content>.List .Link.Active {
	background-color: #efefef
}

.control-panel>.column .control-item.item-dropdown .item-dropdown-content>.List .Link:hover {
	background-color: #5083df;
	color: #fff
}

.control-panel .column .control-panel-column-spantext {
	float: left;
	line-height: 33px;
	font-size: 14px;
	font-weight: 400;
	margin-right: 10px
}

.control-panel .column .control-panel-column-select {
	padding: 6px 10px 6px 2px;
	border: 0;
	outline: none;
	box-shadow: 0 0 0 1px #d5e2ef;
	border-radius: 0;
	float: left;
	background: #fff;
	font-size: 14px;
	text-indent: 5px;
	margin-right: 20px;
	min-width: 140px
}

@media only screen and (max-width: 768px) {
	.control-panel {
		 padding:6px 0;
		 margin: 6px 12px;
		 transition: all .5s;
		 border-radius: 5px;
		 overflow-y: hidden;
		 overflow-x: auto
	}

	.control-panel.mobileHeaderAction {
		 flex-wrap: wrap;
		 overflow-x: initial;
		 overflow-y: visible
	}

	.control-panel.mobileHeaderAction>.column {
		 flex-wrap: wrap;
		 justify-content: space-between
	}

	.control-panel.mobileHeaderAction>.column.RightColumn {
		 width: 100%;
		 justify-content: flex-end;
		 margin-top: 8px
	}

	.control-panel-scroll-hide {
		 transform: translateY(-150%);
		 position: fixed;
		 visibility: hidden;
		 z-index: -1
	}

	.control-panel>.column.Single {
		 justify-content: space-between
	}

	.control-panel .column .control-panel-column-spantext {
		 line-height: 23px;
		 font-size: 12px;
		 margin-right: 0;
		 margin-left: 5px
	}

	.control-panel .column .control-panel-column-select {
		 padding: 3px;
		 font-size: 12px;
		 text-indent: 5px;
		 margin-right: 3px;
		 min-width: 100px
	}

	.control-panel>.column .panel-title {
		 padding-right: 9px;
		 width: max-content
	}

	.control-panel.mobileHeaderAction>.column .panel-title {
		 width: 100%;
		 margin-bottom: 8px
	}

	.control-panel>.column .control-item {
		 padding: 3px 5px 3px 0
	}

	.control-panel>.column .control-item>.theme-select,.control-panel>.column .control-item>.control-btn {
		 font-size: 10px;
		 width: max-content
	}

	.control-panel.mobileHeaderAction>.column .control-item>.control-btn {
		 height: 38px
	}

	.control-panel>.column .control-item>.ciro-raporla-mobile {
		 width: 175px
	}
}

.Popup_v2 {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999999;
	outline: 0;
	overflow-y: auto;
	height: 100%;
	top: auto;
	padding-right: 0;
	background: rgba(0,0,0,.47)
}

.Popup_v2 .Modal {
	-ms-transform: translate(0,75%);
	-ms-transform: translate(0,0);
	position: relative;
	width: auto;
	margin: 10px;
	transition: all .2s!important;
	margin: 0 auto;
	display: table;
	height: 100%;
	transform: translate3d(0,0,0);
	overflow: auto;
	width: 80%
}

.Popup_v2 .Modal.center-xs {
	max-width: 400px
}

.Popup_v2 .Modal.center-sm {
	max-width: 600px
}

.Popup_v2 .Modal.center-40 {
	max-width: 40%
}

.Popup_v2 .Modal.center-50 {
	max-width: 50%
}

.Popup_v2 .Modal.center-60 {
	max-width: 60%
}

.Popup_v2 .Modal.center-70 {
	max-width: 70%
}

.Popup_v2 .Modal.center-80 {
	max-width: 80%
}

.Popup_v2 .Modal.center-100 {
	max-width: 100%;
	min-width: 95%
}

.Popup_v2 .Modal .Htm {
	display: table-cell;
	width: 100%;
	text-align: center;
	vertical-align: middle
}

.Popup_v2 .Modal .Htm .Document {
	position: relative;
	outline: 0;
	background: #fff;
	display: inline-block;
	padding: 0;
	width: 100%;
	box-shadow: 0 11px 78px -29px #000;
	padding: 20px 10px;
	border: 2px solid #147fde;
	border-radius: 10px
}

.Popup_v2 .Modal .Htm .Document .Title {
	text-align: left;
	position: relative;
	margin-bottom: 15px;
	padding: 0 13px
}

.Popup_v2 .Modal .Htm .Document .Title>.TitleIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	text-align: center;
	background-color: #007de1;
	justify-content: center;
	color: #fff;
	border: 8px solid #fff;
	font-size: 18px;
	margin-top: -50px
}

.Popup_v2.top-0 .Modal .Htm {
	vertical-align: top;
	padding-top: 50px
}

.Popup_v2 .theme-tabs>.theme-tabs-nav {
	margin-bottom: 20px
}

.Popup_v2 .theme-tabs>.theme-tabs-nav>li {
	margin-right: 7px
}

.Popup_v2 .theme-tabs>.theme-tabs-nav>li>a {
	border: 1px solid #eee;
	box-shadow: none;
	background-color: #fdfdfd
}

.Popup_v2 .theme-tabs>.theme-tabs-nav>li.active>a {
	background-color: #317aff;
	color: #fff;
	position: relative
}

.Popup_v2 .theme-tabs>.theme-tabs-nav>li.active>a:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #3179ff;
	border-width: 7px;
	margin-left: -7px
}

.Popup_v2 .Modal .Htm .Document .Title>.Big {
	text-transform: uppercase;
	color: #4380e1;
	font-weight: 600;
	font-size: 16px;
	margin-top: 8px
}

.Popup_v2 .Modal .Htm .Document .Title>.S {
	color: #555;
	font-weight: 100
}

.Popup_v2 .Modal .Htm .Document .Close {
	position: absolute;
	right: -15px;
	top: 15px;
	cursor: pointer;
	width: 45px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 0;
	font-weight: 700;
	background-color: #fff;
	border-radius: 5px;
	color: #4380e1;
	border: 1px solid #4380e1
}

.Popup_v2 .Modal .Htm .Document .Close::before {
	content: "\e939";
	font-family: misszenne!important;
	font-size: 10px
}

.Popup_v2 .Modal .Htm .Document .Close:hover {
	background-color: #4380e1;
	color: #fff
}

.Popup_v2 .Modal .Htm .Document .Center {
	text-align: left;
	margin-bottom: 15px;
	padding: 7px 15px 0
}
.Popup_v2 .Modal .Htm .Document .Center .itemList{
	display:flex;
	flex-direction: column;
}
.Popup_v2 .Modal .Htm .Document .Center .itemList>.perItem{display: flex;border: 1px solid #efefef;border-radius: 6px;margin-bottom: 16px;padding: 14px;cursor: pointer;}
.Popup_v2 .Modal .Htm .Document .Center .itemList>.perItem:hover{border-color:#000}
.Popup_v2 .Modal .Htm .Document .Center .itemList>.perItem.Active{border-color:#4CAF50;background: #4caf5005;}
.Popup_v2 .Modal .Htm .Document .Center .itemList>.perItem.Disabled{border-color: #f5f5f5;opacity: 0.4;}
.Popup_v2 .Modal .Htm .Document .Center .itemList>.perItem>img{
	max-width: 400px;
	height: inherit;
}
.Popup_v2 .Modal .Htm .Document .Center .itemList>.perItem>.Info{
	display: flex;
	flex-direction: column;
	padding: 13px;
	width: calc(100% - 400px);
	flex: none;
}
.Popup_v2 .Modal .Htm .Document .Center .itemList>.perItem>.Info>.Name{
	font-weight: 600;
	font-size: 14px;
}
.Popup_v2 .Modal .Htm .Document .Center .itemList>.perItem>.Info>.Desc{
	
}
.Popup_v2 .Modal .Htm .Document .Bottom {
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px
}

.Popup_v2.popup-red .Modal .Htm .Document {
	border-color: #dc0000
}

.Popup_v2.popup-red .Modal .Htm .Document .Title>.TitleIcon {
	background-color: #d11100
}

.Popup_v2.popup-red .Modal .Htm .Document .Title>.Big {
	color: #dc0000
}

.Popup_v2.popup-red .Modal .Htm .Document .Close {
	color: #dc0000;
	border-color: #dc0000
}

.Popup_v2.popup-red .Modal .Htm .Document .Close:hover {
	background-color: #dc0000;
	color: #fff
}

.Popup_v2.popup-green .Modal .Htm .Document {
	border-color: #32bf5f
}

.Popup_v2.popup-green .Modal .Htm .Document .Title>.TitleIcon {
	background-color: #32bf5f
}

.Popup_v2.popup-green .Modal .Htm .Document .Title>.Big {
	color: #32bf5f
}

.Popup_v2.popup-green .Modal .Htm .Document .Close {
	color: #32bf5f;
	border-color: #32bf5f
}

.Popup_v2.popup-green .Modal .Htm .Document .Close:hover {
	background-color: #32bf5f;
	color: #fff
}

.Popup_v2.popup-orange .Modal .Htm .Document {
	border-color: #ec653f
}

.Popup_v2.popup-orange .Modal .Htm .Document .Title>.TitleIcon {
	background-color: #ec653f
}

.Popup_v2.popup-orange .Modal .Htm .Document .Title>.Big {
	color: #ec653f
}

.Popup_v2.popup-orange .Modal .Htm .Document .Close {
	color: #ec653f;
	border-color: #ec653f
}

.Popup_v2.popup-orange .Modal .Htm .Document .Close:hover {
	background-color: #ec653f;
	color: #fff
}

.popup_v2_area .container-fluid:last-child {
	padding-bottom: 0
}

.popup_v2_area .popup_v2_content {
	border: 1px solid #d7d7d7;
	padding: 22px;
	position: relative
}

.popup_v2_area .popup_v2_content>.content-title {
	position: absolute;
	font-size: 12px;
	color: #548dc9;
	top: -10px;
	left: 10px;
	background-color: #fff;
	display: inline-block;
	padding: 0 9px
}

.popup_v2_area .popup_v2_content>.Box .FormElements {
	margin-bottom: 10px
}

.popup_v2_area .popup_v2_content>.Box .FormElements>label {
	font-size: 11px;
	color: #696969
}

.popup_v2_area .popup_v2_content>.Box .FormElements>input {
	height: 32px
}

.popup_v2_area .popup_v2_content>.Box .FormElements .select2.Error .select2-selection,.popup_v2_area .popup_v2_content>.Box .FormElements>input.Error,.popup_v2_area .popup_v2_content>.Box .FormElements>textarea.Error,.popup_v2_area .popup_v2_content>.Box .FormElements>select.Error {
	background-color: rgba(255,111,111,.23137254901960785);
	border-color: rgba(255,111,111,.23137254901960785)
}

.popup_v2_area .popup_v2_content>.Box .FormElements>select[disabled] {
	background-color: #fdfdfd!important;
	border: 1px solid #eee
}

.popup_v2_area .popup_v2_content>.Box .FormElements>.check-cover {
	border: 1px solid #eee;
	display: flex;
	align-items: center;
	padding: 7px 0
}

.popup_v2_area .popup_v2_content>.Box .FormElements>.check-cover .radioElements {
	margin-bottom: 3px
}

.popup_v2_area .popup_v2_content>.Box .FormElements>.check-cover .radioElements input.radio-input:not(:checked)+label.radio-label,.popup_v2_area .popup_v2_content>.Box .FormElements>.check-cover .radioElements input.radio-input:checked+label.radio-label {
	font-size: 12px;
	margin: 0
}

.popup_v2_area .popup_v2_content>.Box .FormElements>.check-cover .radioElements input.radio-input:not(:checked)+label.radio-label:before,.popup_v2_area .popup_v2_content>.Box .FormElements>.check-cover .radioElements input.radio-input:checked+label.radio-label:before {
	top: 1px
}

.radioElements input.radio-input:not(:checked)+label.radio-label:after,.radioElements input.radio-input:checked+label.radio-label:after {
	top: 9px;
	left: 7px
}

.popup_v2_area .popup_v2_content>.Box .FormElements .alertBox {
	position: relative
}

.popup_v2_area .popup_v2_content>.Box .FormElements .alertBox>.ulkeAlert.show .alertTxt {
	opacity: 1;
	visibility: visible;
	display: block
}

.popup_v2_area .popup_v2_content>.Box .FormElements .alertBox>.ulkeAlert {
	position: absolute;
	text-align: right;
	z-index: 999999;
	right: 0
}

.popup_v2_area .popup_v2_content>.Box .FormElements .alertBox>.ulkeAlert>.Icon {
	display: inline-block;
	padding: 3px 8px;
	background-color: #d4d4d4;
	top: -28px;
	right: 25px;
	font-size: 12px;
	position: absolute
}

.popup_v2_area .popup_v2_content>.Box .FormElements .alertBox>.ulkeAlert>.alertTxt {
	display: none;
	opacity: 0;
	visibility: hidden;
	background-color: #383838;
	color: #fff;
	font-size: 11px;
	font-weight: 100;
	position: relative;
	z-index: 2;
	margin-top: 12px;
	padding: 10px;
	text-align: center;
	line-height: 16px;
	transition: .3s
}

.popup_v2_area .popup_v2_content>.Box .FormElements .alertBox>.ulkeAlert>.alertTxt:after {
	bottom: 100%;
	right: 26px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #383838;
	border-width: 8px;
	margin-left: -8px
}

.popup_v2_area .popup_v2_content>.Box .FormElements .alertBox>.ulkeAlert>.alertTxt>a {
	margin-top: 5px;
	color: #fff;
	text-decoration: underline
}

.popup_v2_area .modal-input {
	height: 36px;
	border: 1px solid #eee;
	font-size: 12px;
	padding: 0 10px;
	width: 100%
}

.radiobox_area.cargo_radiobox .radiobox-input+.radiobox-label {
	min-height: auto
}

.radiobox_area.cargo_radiobox .radiobox-input+.radiobox-label>.Head {
	margin: 0;
	align-items: center
}

.radiobox_area.cargo_radiobox .radiobox-input+.radiobox-label>.Head>.Column {
	font-size: 12px;
	font-weight: 400;
	flex: 1;
	padding-right: 5px
}

.popup_v2_area .updateOrder-modal {
	display: flex
}

.popup_v2_area .updateOrder-modal>.Column {
	width: 230px
}

.popup_v2_area .updateOrder-modal>.Column.Left {
	margin-right: 15px
}

.popup_v2_area .updateOrder-modal>.Column.Full {
	width: 100%;
	margin: 0 5px
}

.popup_v2_area .updateOrder-modal>.Column .Area {
	margin-bottom: 14px
}

.popup_v2_area .updateOrder-modal>.Column .Area>.area-title {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 5px
}

.popup_v2_area .updateOrder-modal>.Column .Area>.List.List-Overflow {
	max-height: 395px;
	overflow-y: auto
}

.popup_v2_area .updateOrder-modal>.Column .Area>.List>.list-button {
	display: block;
	padding: 10px;
	border: 1px solid #d5d5d5;
	border-bottom: 0;
	font-size: 12px;
	transition: .3s;
	position: relative
}

.popup_v2_area .updateOrder-modal>.Column .Area>.List>.list-button:last-child {
	border-bottom: 1px solid #d5d5d5
}

.popup_v2_area .updateOrder-modal>.Column .Area>.List>.list-button span.Name {
	display: block;
	padding: 2px;
	font-size: 14px;
	font-weight: 700
}

.popup_v2_area .updateOrder-modal>.Column .Area>.List>.list-button span.Mail {
	display: block;
	padding: 2px;
	font-size: 12px
}

.popup_v2_area .updateOrder-modal>.Column .Area>.List>.list-button span.Phone {
	display: block;
	padding: 2px;
	font-size: 12px
}

.popup_v2_area .updateOrder-modal>.Column .Area>.List>.list-button.active {
	background-color: #147fdd;
	color: #fff;
	border-color: #147fdd;
	position: sticky;
	top: 0;
	z-index: 5;
	bottom: 0
}

.popup_v2_area .updateOrder-modal>.Column .Area>.List>.list-button.active::after {
	content: "\e93d";
	font-family: misszenne!important;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}

.popup_v2_area .updateOrder-modal>.Column .Area>.List>.list-button.error {
	background-color: #f44336;
	color: #fff;
	border-color: #147fdd;
	position: sticky;
	top: 0;
	z-index: 5;
	bottom: 0
}

.popup_v2_area .updateOrder-modal>.Column .Area>.List>.list-button.error>div>.Btn {
	float: right;
	position: absolute;
	right: 5px;
	background: #fff;
	top: 8px;
	color: #000;
	border-radius: 2px;
	padding: 2px 8px;
	cursor: pointer
}

.popup_v2_area .updateOrder-modal>.Column .Area>.cargo-no {
	font-size: 12px;
	width: 100%;
	padding: 10px;
	background-color: #fafafa;
	border: 1px solid #eee;
	border-radius: 3px
}

.popup_v2_area .popup_v2_content>.Box .urunSec-area {
	margin-bottom: 25px
}

.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box {
	display: flex;
	align-items: center
}

.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.theme-select {
	border-radius: 60px 0 0 60px;
	height: 35px;
	border-right: 0;
	flex: none;
	width: max-content
}

.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.search-area {
	position: relative;
	flex: auto
}

.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.search-area::after {
	display: none;
	content: "\ea0e";
	font-family: wopzefont!important;
	position: absolute;
	top: 9px;
	right: 15px;
	font-size: 17px;
	color: #bfbfbf
}

.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.search-area>input {
	border-radius: 0 60px 60px 0;
	border: 1px solid #eee;
	padding: 7px;
	padding-left: 15px;
	width: 100%;
	min-height: 35px
}

.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.search-btn {
	background-color: #2d7de1;
	color: #fff;
	padding: 8px 20px;
	border-radius: 60px;
	margin-left: 10px;
	font-size: 12px;
	cursor: pointer;
	transition: .3s
}

.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.search-btn:hover {
	background-color: #286dc3
}

.popup_v2_area .popup_v2_content>.Box .urunSec-result>.item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee
}

.popup_v2_area .popup_v2_content>.Box .urunSec-result>.item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0
}

.popup_v2_area .popup_v2_content>.Box .urunSec-result>.item>.column.Left {
	display: flex;
	align-items: center
}

.popup_v2_area .popup_v2_content>.Box .urunSec-result>.item>.column .pImg {
	width: 40px;
	flex: none;
	margin-right: 10px
}

.popup_v2_area .popup_v2_content>.Box .urunSec-result>.item>.column .pImg img {
	width: 100%
}

.popup_v2_area .popup_v2_content>.Box .urunSec-result>.item>.column .pTxt>.T {
	margin: 0;
	font-size: 14px;
	margin-bottom: 5px
}

.popup_v2_area .popup_v2_content>.Box .urunSec-result>.item>.column .pTxt>p {
	font-size: 12px;
	color: grey
}

.popup_v2_area-box {
	display: flex;
	justify-content: center;
	border: 1px solid #d7d7d7;
	padding: 15px
}

.popup_v2_area-box .box-column {
	position: relative
}

.popup_v2_area-box .box-column.Left {
	flex: auto;
	max-width: 46%
}

.popup_v2_area-box .box-column.center {
	width: 75px
}

.popup_v2_area-box .box-column.Full {
	width: 100%
}

.popup_v2_area-box .box-column.Right {
	flex: auto
}

.popup_v2_area-box .box-column .box-line {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.popup_v2_area-box .box-column .box-line::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #d7d7d7
}

.popup_v2_area-box .box-column .box-line>.Icon {
	position: relative;
	border: 1px solid #d7d7d7;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #d7d7d7;
	padding: 3px 0
}

.popup_v2_area-box .box-column .box-title {
	position: absolute;
	font-size: 12px;
	color: #548dc9;
	top: -25px;
	left: -10px;
	background-color: #fff;
	display: inline-block;
	padding: 0 9px
}

.popup_v2_area-box .box-column .box-content .Filter-btn {
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #161616;
	font-size: 11px;
	padding: 9px 25px;
	display: inline-block;
	margin-bottom: 8px;
	margin-left: 3px;
	text-align: center;
	font-weight: 400;
	cursor: pointer;
	transition: .3s
}

.popup_v2_area-box .box-column .box-content .Filter-btn.disable {
	pointer-events: none;
	background-color: #eaeaea;
	cursor: default
}

.popup_v2_area-box .box-column .box-content .Filter-btn:hover {
	background-color: #fbfbfb
}

.popup_v2_area-box .box-column .box-content .Filter-btn.active {
	background-color: #f0f0f0;
	border-color: #d7d7d7
}

.popup_v2_area-box .box-column .box-content .filter-item {
	display: flex;
	margin-bottom: 9px
}

.popup_v2_area-box .box-column .box-content .filter-item .column .two {
	display: flex;
	height: 100%
}

.popup_v2_area-box .box-column .box-content .filter-item .column .two>input:last-child {
	margin-left: 8px;
	border-left: 1px solid #ddd
}

.popup_v2_area-box .box-column .box-content .filter-item .column input {
	border: 1px solid #ddd;
	width: 100%;
	height: 100%;
	border-left: 0;
	padding: 0 10px;
	font-size: 12px
}

.popup_v2_area-box .box-column .box-content .filter-item .column select {
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	border-left: 0;
	border-radius: 0;
	background-color: #fff;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	font-size: 12px;
	padding-left: 10px;
	background-image: url(/Library/Theme_v2/img/selectdown.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 16px) center
}

.popup_v2_area-box .box-column .box-content .filter-item .column input.Error,.popup_v2_area-box .box-column .box-content .filter-item .column select.Error {
	border-color: #ffd8d8;
	background-color: #fffcfc
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Left {
	background-color: #fafafa;
	padding: 8px 35px 8px 15px;
	width: 140px;
	font-size: 11px;
	position: relative;
	font-weight: 500;
	border: 1px solid #ddd;
	display: flex;
	align-items: center
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Left .remove-filter {
	position: absolute;
	right: 7px;
	top: calc(50% - 1px);
	transform: translateY(-50%);
	width: 23px;
	height: 23px;
	line-height: 21px;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	font-size: 11px;
	color: #757575;
	border: 1px solid #dedede;
	cursor: pointer
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Left .remove-filter:hover {
	background-color: #757575;
	border-color: #757575;
	color: #fff
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Right {
	flex: 1
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Right .check-cover {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #ddd;
	padding: 10px;
	border-left: 0
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Right .check-cover label {
	margin: 0
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Right .check-cover .radioElements {
	width: 30%;
	margin: 0;
	padding: 4px 0
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Right .check-cover .radioElements input.radio-input:not(:checked)+label.radio-label,.popup_v2_area-box .box-column .box-content .filter-item .column.Right .check-cover .radioElements input.radio-input:checked+label.radio-label {
	font-size: 12px
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Right .check-cover .radioElements input.radio-input:not(:checked)+label.radio-label:before,.popup_v2_area-box .box-column .box-content .filter-item .column.Right .check-cover .radioElements input.radio-input:checked+label.radio-label:before {
	top: 1px
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Right .check-cover .checkboxElements {
	width: 30%;
	margin: 0;
	padding: 4px 0;
	text-align: left
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Right .check-cover .checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label,.popup_v2_area-box .box-column .box-content .filter-item .column.Right .check-cover .checkboxElements input.checkbox-input:checked+label.checkbox-label {
	font-size: 12px
}

.popup_v2_area-box .box-column .box-content .filter-item.show-item {
	display: flex
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Size {
	width: 100%
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Size .SizeItem {
	width: calc(100% - 6px);
	background: #fff;
	margin: 3px 3px 7px;
	text-align: center;
	font-size: 14px;
	padding: 6px 0;
	border-radius: 2px;
	cursor: pointer;
	border: 1px solid #d7d7d7;
	position: relative
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Size .SizeItem.Disabled {
	background: #fbfbfb;
	color: #b5b5b5
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Size .SizeItem:not(.Disabled):hover {
	background: #fff;
	box-shadow: 0 0 11px -6px #007de1;
	border: 1px solid #007de1
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Size .SizeItem.Select {
	background: #007de1!important;
	color: #fff!important;
	border-color: #fff!important
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Size .SizeItem>div {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: -59px;
	background-color: #f8f8f8;
	border: 1px solid #eee;
	height: 50px;
	border-radius: 3px;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 0 11px -7px rgba(0,0,0,.37);
	color: #5e5e5e;
	transition: .3s;
	width: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Size .SizeItem>div>span {
	display: block
}

.popup_v2_area-box .box-column .box-content .filter-item .column.Size .SizeItem:hover>div {
	opacity: 1;
	visibility: visible;
	top: -62px
}

.popup_v2_area .theme-accordion .accordion-item {
	margin-bottom: 10px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-header {
	padding: 13px 20px;
	border: 1px solid #dedede
}

.popup_v2_area .theme-accordion .accordion-item .accordion-header.active {
	color: #548dc9;
	border-top: 2px solid #548dc9;
	background-color: #fff;
	border-bottom: 0
}

.popup_v2_area .theme-accordion .accordion-item .accordion-header::after {
	content: "\e95c";
	font-family: misszenne!important;
	font-size: 22px;
	color: #dcdcdc
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body {
	border: 1px solid #dedede;
	border-top: 0;
	position: relative
}

.popup_v2_area .theme-accordion .accordion-item .accordion-header.active::after {
	content: "\e95e";
	color: #b1b1b1
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body.active::before {
	content: "";
	position: absolute;
	left: 15px;
	right: 15px;
	top: 0;
	height: 1px;
	background-color: #dedede
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .border-col {
	border-right: 1px solid #eee;
	padding-right: 20px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .FormElements {
	margin-bottom: 15px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .FormElements.mb0 {
	margin-bottom: 0
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .FormElements>label {
	display: inline-block;
	font-size: 12px;
	margin-bottom: 7px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .FormElements>label>.What {
	color: #04a703;
	font-size: 10px;
	font-weight: 500;
	cursor: pointer
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .FormElements>label>.What>.WhatBox {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 7px;
	font-size: 9px;
	color: #757575;
	line-height: 14px;
	right: 8px;
	top: -90px;
	background-image: url(/Library/Theme_v2/img/cvv.jpg);
	background-size: inherit;
	background-position: calc(100% - 10px) 10px;
	background-repeat: no-repeat;
	width: 299px;
	height: 83px;
	font-weight: 600
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .FormElements>label>.What:hover>.WhatBox {
	opacity: 1;
	visibility: visible
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .FormElements>select {
	background: url(/Library/Theme_v2/img/select-icon.png) no-repeat 95% 50%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .FormElements>input,.popup_v2_area .theme-accordion .accordion-item .accordion-body .FormElements>select {
	width: 100%;
	padding: 6px;
	border: 1px solid #e6e6e6;
	background-color: #f9f9f9;
	border-radius: 3px;
	padding: 8px;
	height: 36px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .FormElements>input {
	background-color: #fff
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption {
	text-align: center;
	margin-top: 20px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.Alert {
	padding: 15px;
	padding-left: 40px;
	color: #615bab;
	font-size: 12px;
	font-weight: 100;
	line-height: 14px;
	position: relative;
	max-width: 300px;
	display: inline-block;
	text-align: left;
	margin-bottom: 11px;
	font-weight: 500
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.Alert:before {
	content: "\e949";
	font-family: misszenne!important;
	position: absolute;
	font-size: 18px;
	border-right: 1px solid #615bab;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 9px 6px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.BankLogo {
	text-align: center;
	margin: 0
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.BankLogo>img {
	display: inline-block
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.BankName {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
	color: #848484
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.Alert.L-alert {
	padding: 0;
	padding-left: 40px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.BonusAlert {
	padding: 7px 52px;
	padding-left: 44px;
	color: #615bab;
	font-size: 12px;
	font-weight: 100;
	line-height: 18px;
	position: relative;
	max-width: 340px;
	display: inline-block;
	text-align: left;
	margin-bottom: 11px;
	border: 1px solid #615bab;
	border-radius: 5px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.BonusAlert:before {
	content: "\ea4a";
	font-family: misszenne!important;
	position: absolute;
	font-size: 22px;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	padding: 9px 6px;
	border: 0
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.OptionList {
	width: 100%;
	text-align: left;
	max-width: 340px;
	margin: 15px auto
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.OptionList tr:last-child td {
	border: 0
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.OptionList td {
	padding: 5px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 12px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.OptionList th {
	padding: 4px 5px;
	font-size: 12px;
	font-weight: 600;
	color: #6f6f6f;
	text-decoration: underline
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.OptionList th:first-child {
	text-align: left
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .PaymentOption>.OptionList tr:nth-child(+2n) td {
	background-color: #fff
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .OptionRadio {
	text-align: left
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .OptionRadio label {
	margin: 0
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .OptionRadio input[type=radio] {
	position: absolute;
	opacity: 0
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .OptionRadio input[type=radio]+.radio-label:before {
	content: '';
	background: #fff;
	border-radius: 100%;
	border: 1px solid #bfbfbf;
	display: inline-block;
	width: 15px;
	height: 15px;
	position: relative;
	top: 3px;
	margin-right: 6px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .OptionRadio input[type=radio]:checked+.radio-label:before {
	background-color: #568ec8;
	border-color: #568ec8;
	-webkit-box-shadow: inset 0 0 0 4px #fff;
	box-shadow: inset 0 0 0 3px #fff
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .OptionRadio input[type=radio]+.radio-label .Bonus {
	color: #00a49f;
	position: relative;
	padding-right: 22px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .OptionRadio input[type=radio]+.radio-label .Bonus::after {
	content: attr(data-ekstra);
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #00a49f;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	line-height: 18px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .accordion-control {
	display: flex;
	align-items: center;
	margin-top: 15px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .accordion-control>.item {
	text-align: right;
	flex: auto
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .accordion-control>.item p {
	margin: 0;
	text-align: left;
	font-size: 12px;
	font-weight: 600
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent {
	padding-top: 10px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>p {
	font-size: 11px;
	font-weight: 500;
	color: #000
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList {
	display: flex
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList>.item {
	flex: 1;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 5px 10px 15px;
	font-size: 12px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList:not(.HavaleList)>.item:first-child {
	border-right: 1px solid #eee;
	padding-right: 20px;
	padding-left: 5px
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList>.item .OptionRadio label>.price {
	float: right
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList>.item .OptionRadio label {
	margin: 0;
	font-weight: 600;
	display: block
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList.HavaleList {
	display: block
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList.HavaleList>.item {
	border-bottom: 1px solid #eee;
	border-top: 0;
	padding: 10px 0
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList.HavaleList>.item .OptionRadio label {
	line-height: 16px;
	padding-left: 26px;
	position: relative
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList.HavaleList>.item .OptionRadio input[type=radio]+.radio-label:before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList.HavaleList>.item .OptionRadio label>strong {
	display: block;
	font-size: 12px;
	color: #656565;
	font-weight: 700
}

.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList.HavaleList>.item .OptionRadio label>.txt {
	display: block;
	font-size: 11px;
	font-weight: 500
}

.popup_v2_area-box.productList {
	text-align: center;
	display: block;
	padding: 6px
}

.popup_v2_area-box.varyasyonModal.productList .box-column.Left {
	display: inline-block;
	width: calc(50% - 20px);
	max-width: inherit;
	margin: 10px;
	text-align: center;
	padding: 10px;
	border: 1px solid #eee;
	vertical-align: text-top
}

.popup_v2_area-box.varyasyonModal.productList .box-column .box-title {
	position: initial;
	font-size: 12px;
	height: 39px;
	color: #777
}

.popup_v2_area-box.varyasyonModal.productList .box-column .box-content .filter-item .column.Size .SizeItem {
	display: inline-block;
	width: max-content;
	padding: 5px 10px;
	min-width: 35px;
	font-size: 12px
}

.popup_v2_area-box.varyasyonModal.productList .box-column .box-content .filter-item.IMG {
	display: inline-block
}

.popup_v2_area .tColumn .flex-column {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.popup_v2_area .tColumn .flex-column .item>.T {
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 16px
}

.popup_v2_area .tColumn .flex-column .item>p {
	margin-bottom: 2px;
	font-size: 14px;
	font-weight: 500;
	color: #000000a6;
	background: #efefef99;
	padding: 8px;
	font-size: 12px;
	border-radius: 4px;
	border: 1px solid #efefef;
}

.popup_v2_area .tColumn .flex-column .item>p>span {
	font-weight: 600
}

.popup_v2_area .tColumn .flex-column .item>.theme-button {
	display: block;
	margin: 7px 0
}

.popup_v2_area .tColumn .notebox {
	width: 100%;
	margin-top: 15px
}

.popup_v2_area-box.varyasyonModal .box-column .box-content .filter-item.IMG {
	flex: none;
	max-width: 160px;
	margin-right: 16px
}

.popup_v2_area-box.varyasyonModal .box-column.Left {
	flex: none;
	max-width: max-content
}

@media only screen and (max-width: 768px) {
	.Popup_v2 .Modal {
		 width:93vw!important;
		 max-width: 93vw!important
	}

	.Popup_v2 .Modal.center-80 {
		 max-width: 100%
	}

	.Popup_v2 .Modal.center-40 {
		 max-width: 100%
	}

	.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList {
		 display: block
	}

	.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList:not(.HavaleList)>.item:first-child {
		 border-right: 0;
		 border-bottom: 0
	}

	.popup_v2_area .theme-accordion .accordion-item .accordion-body .payContent>.payContentList>.item {
		 padding-left: 5px
	}
}

.ProductInfo_Area {
	height: calc(100% - 106px);
	display: flex;
	padding: 9px;
	border: 1px solid #eee;
	margin: 12px
}

.ProductInfo_Area>.column {
	flex: 1;
	margin-right: 10px;
	overflow-y: auto
}

.ProductInfo_Area>.column::-webkit-scrollbar {
	width: 4px!important
}

.ProductInfo_Area>.column::-webkit-scrollbar-thumb {
	background-color: #c5c5c5
}

.ProductInfo_Area>.column::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(210,210,210,.3)!important
}

.ProductInfo_Area>.column.Left {
	max-width: 570px
}

.ProductInfo_Area>.column.Center {
	max-width: 360px
}

.ProductInfo_Area>.column.Right {
	margin: 0
}

.ProductInfo_Area>.column .Area {
	padding: 10px;
	border: 1px solid #eee;
	margin-bottom: 15px;
	margin-top: 10px;
	border: 1px solid #eee
}

.ProductInfo_Area>.column .Area.mb-0 {
	margin-bottom: 0
}

.ProductInfo_Area>.column .Area.Colored {
	background-color: #fafafa
}

.ProductInfo_Area>.column .Area .area-title {
	margin-bottom: 15px;
	margin-top: -20px;
	font-size: 12px
}

.ProductInfo_Area>.column .Area .area-title>.column {
	color: #147fde;
	display: inline-block;
	background-color: #fff;
	padding: 0 5px
}

.ProductInfo_Area>.column .Area .area-content.overflow-area {
	overflow-y: auto
}

.ProductInfo_Area>.column .Area .area-content .class-elements {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 13px;
	padding-top: 12px
}

.ProductInfo_Area>.column .Area .area-content .class-elements::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fab917;
	width: 35px;
	height: 12px
}

.ProductInfo_Area>.column .Area .area-content .class-elements::after {
	content: "";
	position: absolute;
	left: 16px;
	top: 0;
	background-color: #fff;
	width: 19px;
	height: 6px
}

.ProductInfo_Area>.column .Area .area-content .class-elements .class-name {
	width: 240px;
	border: 1px solid #d7d7d7;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 12px
}

.ProductInfo_Area>.column .Area .area-content .class-elements .class-select {
	height: 30px;
	width: 100%;
	border-radius: 0;
	padding: 0 12px;
	border: 1px solid #d7d7d7;
	border-left: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fdfdfd;
	background: url(/Library/Theme_v2/img/select-icon.png) calc(100% - 10px) 50% no-repeat,linear-gradient(180deg,#fff 0%,#ececec 100%);
	font-size: 12px
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item {
	display: flex
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .column {
	flex: 1
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .column:first-child {
	margin-right: 10px
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem {
	margin-top: 20px
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem .form-btn {
	background: linear-gradient(180deg,#fdfdfd 0%,#e4e4e4 100%);
	padding: 10px 15px;
	border: 1px;
	font-size: 13px;
	border: 1px solid #bbb;
	transition: .3s;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	text-align: center
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem .form-btn:hover {
	background: #f1f1f1
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem.mt0 {
	margin-top: 0
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem {
	position: relative;
	line-height: 14px;
	display: block;
	width: 100%
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem>label {
	color: #333;
	font-size: 12px;
	font-weight: 400;
	position: absolute;
	z-index: 2;
	left: 8px;
	top: 11px;
	padding: 0 10px;
	margin: 0;
	pointer-events: none;
	background: #fff;
	transition: transform 100ms ease;
	transform: translateY(-20px)
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem>input {
	font-size: 13px;
	color: #555;
	outline: none;
	border: 1px solid #bbb;
	padding: 10px 20px;
	border-radius: 3px;
	position: relative;
	width: 100%
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem>input:invalid+label {
	transform: translateY(0)
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem>input:focus {
	border-color: #2b96f1
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem>input:focus+label {
	color: #2b96f1;
	transform: translateY(-20px);
	top: 11px
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem select {
	width: 100%;
	height: 35px;
	width: 100%;
	padding: 0 12px;
	border: 1px solid #bbb;
	font-size: 12px;
	border-radius: 3px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background: url(/Library/Theme_v2/img/selectdown.png) calc(100% - 10px) 50% no-repeat
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem .formBtn {
	background: linear-gradient(180deg,#fdfdfd 0%,#e4e4e4 100%);
	padding: 10px 15px;
	position: absolute;
	right: 1px;
	top: 1px;
	border: 1px;
	font-size: 13px;
	border-left: 1px solid #bbb;
	transition: .3s;
	border-radius: 0 3px 3px 0;
	cursor: pointer
}

.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem .formBtn:hover {
	background: #f1f1f1
}

.ProductInfo_Area>.column .Area .StatusColumn {
	background-color: #fff;
	border: 1px solid #d2d2d2;
	display: flex;
	align-items: center;
	padding: 10px;
	margin-bottom: 15px
}

.ProductInfo_Area>.column .Area .StatusColumn .item {
	flex: auto;
	border-right: 1px solid #eee;
	padding: 5px 12px;
	text-align: center;
	font-size: 12px;
	font-weight: 500
}

.ProductInfo_Area>.column .Area .StatusColumn .item:last-child {
	border: 0
}

.ProductInfo_Area>.column .Area .StatusColumn .item .Status {
	display: table;
	margin: 6px auto 0;
	background-color: #e2e2e2;
	padding: 3px 15px;
	border-radius: 60px;
	color: #b2b2b2;
	font-size: 12px;
	pointer-events: none
}

.ProductInfo_Area>.column .Area .StatusColumn .item .Status.Active {
	background-color: #0bc15c;
	color: #fff
}

.ProductInfo_Area>.column .Area .Control {
	display: flex;
	margin-bottom: 10px
}

.ProductInfo_Area>.column .Area .Control>.item {
	margin-right: 25px;
	font-size: 12px
}

.ProductInfo_Area>.column .Area .Control>.item label.checkbox-label {
	padding-left: 25px
}

.ProductInfo_Area>.column .Area .Control>.item .checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label:before,.ProductInfo_Area>.column .Area .Control>.item .checkboxElements input.checkbox-input:checked+label.checkbox-label:before {
	width: 18px;
	height: 18px
}

.ProductInfo_Area>.column .Area .studioCheck {
	margin-bottom: 22px;
	display: flex
}

.ProductInfo_Area>.column .Area .studioCheck>.item {
	flex: auto;
	padding: 15px 5px 22px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px dashed #b1b1b1;
	position: relative
}

.ProductInfo_Area>.column .Area .studioCheck>.item.Active::before {
	background-color: #39c15c;
	color: #fff
}

.ProductInfo_Area>.column .Area .studioCheck>.item::before {
	content: "\ea6e";
	font-family: misszenne!important;
	position: absolute;
	bottom: -9px;
	transform: translateX(-50%);
	width: 22px;
	height: 22px;
	line-height: 24px;
	border-radius: 50%;
	background-color: #e2e2e2;
	color: #b2b2b2;
	text-align: center;
	font-size: 8px
}

.ProductInfo_Area>.column .Area .studioCheck>.item>.status {
	font-size: 12px;
	font-weight: 600;
	color: #39c15c
}

.ProductInfo_Area>.column .Area .studioCheck>.item>.status-date {
	font-size: 12px
}

.ProductInfo_Area>.column .Area .studioTable {
	border: 1px solid #d2d2d2
}

.ProductInfo_Area>.column .Area .studioTable th {
	background-color: #eff9ff;
	font-weight: 600
}

.ProductInfo_Area>.column .Area .studioTable td {
	background-color: #fff;
	font-size: 12px;
	padding: 10px
}

.ProductInfo_Area.tab-area {
	padding-right: 45px;
	position: relative;
	overflow-x: hidden
}

.ProductInfo_Area.tab-area .tab-container {
	position: absolute;
	z-index: 11;
	right: 0;
	top: 0;
	bottom: 0;
	background: #f1f1f1;
	background: linear-gradient(90deg,rgba(241,241,241,1) 0%,rgba(191,191,191,1) 100%);
	width: 35px;
	border-left: 1px solid #eee
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation {
	display: flex;
	padding: 0;
	height: 100%;
	flex-direction: column;
	width: 35px;
	position: relative
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li {
	display: inline-block
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>a {
	writing-mode: vertical-lr;
	display: block;
	width: 100%;
	background: #f1f1f1;
	background: linear-gradient(90deg,rgba(241,241,241,1) 0%,rgba(191,191,191,1) 100%);
	padding: 11px 7px;
	position: relative;
	z-index: 4;
	font-size: 12px;
	color: #000;
	transition: .3s
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>a>.Icon {
	margin-bottom: 6px;
	font-size: 18px;
	background-color: #fff;
	border-radius: 50%
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>a:hover {
	background: #f1f1f1
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>a.selected {
	background: #f1f1f1
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent {
	position: absolute;
	right: 35px;
	top: 0;
	background-color: #fff;
	transition: .3s;
	width: max-content;
	opacity: 0;
	visibility: hidden;
	height: 100%;
	padding-left: 33px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent.Show {
	opacity: 1;
	right: 35px;
	visibility: visible
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent {
	display: flex
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.contentTitle {
	writing-mode: vertical-lr;
	padding: 15px 7px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #f1f1f1;
	background: linear-gradient(90deg,#e2e2e2 0%,rgba(191,191,191,0.11) 100%);
	width: 33px;
	border-right: 1px solid #dadada;
	cursor: pointer;
	transition: .3s
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.contentTitle:hover {
	background: linear-gradient(90deg,rgba(191,191,191,0.11) 0%,#e2e2e2 100%)
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.contentTitle>.Icon {
	margin-bottom: 6px;
	font-size: 18px;
	background-color: #fff;
	border-radius: 50%
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column {
	flex: 1;
	overflow-y: auto;
	padding: 15px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area {
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 15px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area:last-child {
	border: 0;
	margin: 0;
	padding: 0
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Title {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Title>.item>.T {
	color: #007cdc;
	font-weight: 500
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Title>.item>.sT {
	color: #898989;
	font-size: 12px;
	margin-top: 3px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Title>.item .area-button {
	background: linear-gradient(180deg,#fdfdfd 0%,#e4e4e4 100%);
	padding: 3px 10px;
	color: #797979;
	font-size: 12px;
	border: 1px solid #bbb;
	transition: .3s;
	border-radius: 3px;
	cursor: pointer;
	transition: .3s
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Title>.item .area-button:hover {
	background: linear-gradient(180deg,#e4e4e4 0%,#fdfdfd 100%)
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addVideoList {
	max-width: 485px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addVideoList::after {
	content: "";
	display: table;
	clear: both
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addVideoList>.item {
	margin-right: 10px;
	position: relative;
	float: left;
	margin-bottom: 15px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addVideoList>.item>img {
	height: 130px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addVideoList>.item>.addVideo {
	position: absolute;
	bottom: 8px;
	width: 68px;
	background-color: #2c7cdc;
	border-radius: 60px;
	color: #fff;
	font-size: 10px;
	padding: 4px 10px;
	cursor: pointer;
	left: 50%;
	transform: translateX(-50%)
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addVideoList>.item>.addedVideo {
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 20px;
	color: #2fc32f
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addVideoList>.item>.removeVideo {
	color: #2c7cdc;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	font-size: 10px;
	padding: 7px 4px;
	border: 1px solid #2c7cdc;
	display: flex;
	align-items: center;
	justify-content: center
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.nav-select {
	height: 35px;
	width: 100%;
	max-width: 330px;
	border-radius: 0;
	padding: 0 12px;
	border: 1px solid #d7d7d7;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fdfdfd;
	background: url(/Library/Theme_v2/img/select-icon.png) calc(100% - 10px) 50% no-repeat,linear-gradient(180deg,#fff 0%,#ececec 100%);
	font-size: 12px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.nav-input {
	width: 100%;
	max-width: 330px;
	padding: 6px 10px;
	border: 1px solid #dcdcdc
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.toplu-islem {
	margin-top: 12px;
	font-size: 12px;
	color: #9e9e9e;
	display: flex;
	align-items: center
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.toplu-islem>span {
	margin-left: 8px;
	display: inline-block;
	padding: 3px 8px;
	background-color: #ea3838;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	transition: .3s
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.toplu-islem>span:hover {
	filter: brightness(1.1)
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column.bg-color {
	background-color: #fafafa;
	border-left: 1px solid #e0e0e0
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column.Column-Right {
	flex: none;
	max-width: 570px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addProductList::after {
	content: "";
	display: table;
	clear: both
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addProductList .item {
	float: left;
	width: 89px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addProductList .item.addItem {
	display: flex;
	background-color: #fff;
	border: 1px dashed #c5c5c5;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	height: 130px;
	color: #ff8946;
	cursor: pointer
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addProductList .item.addItem:hover {
	border-color: #ff8946
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addProductList .item.addItem>.Icon {
	font-size: 22px;
	margin-bottom: 10px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addProductList .item.addItem>.Txt {
	font-size: 12px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addProductList .item.productItem {
	position: relative
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addProductList .item.productItem>.deleteProduct {
	color: #2c7cdc;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	font-size: 10px;
	padding: 7px 4px;
	border: 1px solid #2c7cdc;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addProductList .item.productItem>.deleteProduct:hover {
	background-color: #2c7cdc;
	color: #fff
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.addProductList .item.productItem>img {
	height: 130px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting {
	width: 100vw;
	max-width: 800px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.productInfo {
	background-color: #dee2e6;
	padding: 10px 15px;
	border-radius: 3px;
	margin-bottom: 15px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.productInfo>.T {
	font-weight: 600
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.productInfo>.sT {
	font-size: 12px;
	margin-top: 3px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoForm {
	display: flex;
	width: 100%;
	margin-bottom: 15px;
	position: relative
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoForm>label {
	background-color: #fafafa;
	margin: 0;
	width: 170px;
	padding: 12px 10px 0;
	font-weight: 400;
	font-size: 12px;
	border: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoForm>input {
	flex: auto;
	padding: 0 10px;
	border: 1px solid #d7d7d7;
	border-left: 0;
	height: 42px;
	font-size: 12px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoForm>.theme-button {
	width: 100%
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoForm.seoTitle>input {
	padding-right: 120px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoForm.seoTitle>input.Error {
	background-color: #fee;
	border-color: #ffdfdf
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoForm.seoTitle>.Count {
	position: absolute;
	top: 4px;
	right: 75px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	background-color: #fafafa;
	border: 1px solid #d7d7d7;
	border-radius: 50%;
	text-align: center;
	font-size: 14px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoForm.seoTitle>.sample {
	position: absolute;
	top: 8px;
	right: 10px;
	background-color: #d7d7d7;
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 3px;
	cursor: pointer;
	transition: .3s
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoForm.seoTitle>.sample:hover {
	filter: brightness(1.1)
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.Head {
	display: flex
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.Head>.Column {
	display: flex;
	position: relative
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.Head>.Column:first-child {
	flex: auto;
	padding-left: 210px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.Head>.Column:last-child {
	border: 1px solid #d7d7d7;
	border-left: 0;
	padding: 5px;
	padding-left: 0
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.Head>.Column label {
	background-color: #fafafa;
	position: absolute;
	left: 0;
	margin: 0;
	width: 210px;
	font-weight: 400;
	font-size: 12px;
	border: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	padding: 12px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.Head>.Column input {
	padding: 0 10px;
	border: 1px solid #d7d7d7;
	border-left: 0;
	height: 43px;
	font-size: 12px;
	width: 100%
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.Head>.Column .theme-button {
	margin-left: 8px;
	height: 30px;
	line-height: 29px;
	padding: 0 12px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.KeywordList {
	border: 1px solid #dadada;
	border-top: 0;
	padding: 15px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.KeywordList .listTitle {
	font-size: 12px;
	font-weight: 600;
	color: #c1c1c1;
	margin-bottom: 20px
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.KeywordList .listItems>.item {
	display: inline-block;
	margin-right: 10px;
	background-color: #dee2e6;
	padding: 4px 24px 4px 10px;
	border-radius: 60px;
	border: 1px solid #d7d7d7;
	font-size: 12px;
	color: #555;
	position: relative
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.KeywordList .listItems>.item>.removeItem {
	font-size: 9px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 8px 5px;
	border-radius: 0 60px 60px 0;
	cursor: pointer
}

.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.KeywordList .listItems>.item>.removeItem:hover {
	background-color: #d7d7d7
}

@media only screen and (max-width: 768px) {
	.ProductInfo_Area {
		 display:block;
		 height: 100%
	}

	.ProductInfo_Area>.column .Area .StatusColumn {
		 overflow: auto
	}

	.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent {
		 display: block;
		 overflow: auto;
		 right: 0;
		 width: 383px;
		 padding: 0 33px
	}

	.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent.Show {
		 right: 0
	}

	.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting {
		 width: 70vw
	}

	.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoForm.seoTitle>input {
		 padding-right: 0
	}

	.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoForm>label {
		 width: auto;
		 padding: 12px 5px 0;
		 font-size: 11px
	}

	.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoForm>input {
		 font-size: 11px;
		 padding: 0 6px
	}

	.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.Head>.Column:first-child {
		 padding-left: 170px
	}

	.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.Head>.Column:last-child {
		 border-left: 1px solid #d7d7d7
	}

	.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.Head {
		 overflow-x: auto;
		 overflow-y: hidden;
		 flex-direction: column
	}

	.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.Head>.Column label {
		 width: 191px;
		 padding: 13px;
		 font-size: 11px
	}

	.ProductInfo_Area.tab-area .tab-container>.tabNavigation li>.navContent>.Column .Area>.Content>.seoSetting>.seoKeyword>.Head>.Column .theme-button {
		 line-height: 27px
	}

	.theme-button {
		 font-size: 11px
	}

	.theme-button>span {
		 margin-right: 0
	}

	.ProductInfo_Area>.column .Area .area-content .FormArea>.item .FormItem>input {
		 font-size: 10px
	}
}

.upload-product .upload-btn {
	width: 100%;
	border: 1px dashed #d6d6d6;
	margin: 0 auto;
	padding: 30px 24px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	background-image: url(/Library/Theme_v2/img/camera.png);
	background-repeat: no-repeat;
	background-position: center;
	transition: .3s
}

.upload-product .upload-btn:hover {
	background-color: #fdfdfd
}

.upload-product .upload-btn::before {
	content: ""
}

.upload-product .upload-btn div {
	font-size: 13px;
	color: #f67c04
}

.upload-product .upload-btn span {
	display: block;
	font-size: 12px;
	color: darkgrey;
	margin-top: 3px
}

.upload-product .uploaded-image {
	width: 100%;
	display: inline-block;
	margin-bottom: 15px
}

.upload-product .uploaded-image .addedImg {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	border: 1px solid #fff;
	overflow: hidden;
	border-radius: 10px
}

.upload-product .uploaded-image .addedImg.LoadImg {
	width: 90px;
	height: 132px;
	background: #2e7fde url(/Library/Img/Loading.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.upload-product .uploaded-image .addedImg.ErrorImg {
	width: 90px;
	height: 132px;
	background: red url(/Library/Img/error-sing.svg?v3234);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 52px
}

.upload-product .uploaded-image .addedImg.First {
	border-color: #2e7fde
}

.upload-product .uploaded-image .addedImg.First .FirstTxt {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #2e7fde;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	text-align: center;
	padding: 3px 3px 4px;
	border-radius: 0
}

.upload-product .uploaded-image .addedImg .data-lightBox>img {
	height: 130px;
	margin: 0;
	padding: 0
}

.upload-product .uploaded-image .addedImg>.removeImg {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
	background-color: #e2e2e2;
	border: 1px solid #e2e2e2;
	font-size: 8px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	cursor: pointer;
	text-align: center;
	padding: 5px 0;
	transition: .3s;
	visibility: hidden;
	opacity: 0
}

.upload-product .uploaded-image .addedImg>.removeImg:hover {
	border-color: red;
	background-color: #fff;
	color: red
}

.upload-product .uploaded-image .addedImg>.imgSelect {
	position: absolute;
	left: 5px;
	top: 8px;
	right: 5px;
	background-color: #2e7fde;
	color: #fff;
	font-size: 11px;
	text-align: center;
	border-radius: 60px;
	padding: 4px 0;
	cursor: pointer;
	transition: .3s;
	opacity: 0;
	visibility: hidden
}

.upload-product .uploaded-image .addedImg>.imgSelect:hover {
	filter: brightness(1.1)
}

.upload-product .uploaded-image .addedImg:hover .removeImg,.upload-product .uploaded-image .addedImg:hover .imgSelect {
	opacity: 1;
	visibility: visible
}

.upload-product input[type=file] {
	display: none
}

table.productStatusTable {
	width: max-content;
	min-width: 100%;
	width: 100%
}

table.productStatusTable tr>td {
	padding: 7px 6px;
	font-size: 12px;
	border: 1px solid #d4d4d4;
	max-width: 420px;
	white-space: nowrap
}

table.productStatusTable tr>td>.control {
	background: linear-gradient(180deg,#fff 0%,#ececec 100%);
	display: block;
	border: 1px solid #d7d7d7;
	padding: 2px 10px;
	border-radius: 3px;
	text-align: center;
	cursor: pointer
}

table.productStatusTable tr>td>.control:hover {
	background: #d7d7d7
}

table.productStatusTable tr>td>.widget {
	display: inline-block;
	border: 1px solid #ff5151;
	color: #ff5151;
	padding: 0 4px;
	margin-left: 5px;
	border-radius: 3px
}

table.productStatusTable tr>td>.widget.blue {
	border-color: #3285e0;
	color: #3285e0
}

table.productStatusTable tr.H>td {
	font-size: 10px;
	color: #2e7fde;
	text-transform: uppercase;
	font-weight: 600;
	border-right: 1px solid #d4d4d4;
	padding: 6px 10px;
	text-align: center
}

table.productStatusTable tr.sH>th {
	background-color: #efefef;
	font-weight: 600;
	font-size: 11px;
	padding: 6px;
	border: 1px solid #d4d4d4;
	border-bottom: 0;
	white-space: nowrap
}

table.productStatusTable tr.Total>td {
	background-color: #eff9ff;
	font-weight: 700
}

#cke_productDetailCK .cke_top {
	background-color: #f7f6f7
}

#cke_productDetailCK .cke_toolbar {
	margin-right: 10px
}

#cke_productDetailCK a.cke_combo_button {
	padding: 0
}

#cke_productDetailCK a.cke_button,#cke_productDetailCK a.cke_combo_button {
	background-color: #fff;
	border: 1px solid #eee;
	margin: 0 -1px;
	cursor: pointer
}

#cke_productDetailCK a.cke_button_on {
	padding: 4px 6px;
	background-color: #eff9ff
}

#cke_productDetailCK a.cke_button_off:hover,#cke_productDetailCK a.cke_button_off:focus,#cke_productDetailCK a.cke_button_off:active {
	padding: 4px 6px;
	border: 1px solid #eee;
	background-color: #eff9ff
}

#cke_productDetailCK a.cke_combo_button:hover,#cke_productDetailCK a.cke_combo_button:focus,#cke_productDetailCK a.cke_combo_button:active {
	border: 1px solid #eee;
	background-color: #eff9ff
}

#cke_productDetailCK .cke_toolbar_separator {
	background-color: transparent;
	padding: 0 2px
}

#cke_productDetailCK .cke_toolgroup {
	margin: 0;
	padding: 0
}

#cke_productDetailCK .cke_combo:after,#cke_productDetailCK .cke_toolgroup a.cke_button:last-child:after,#cke_productDetailCK .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
	display: none
}

#cke_productDetailCK .cke_contents {
	min-height: 350px
}

.Order_Area {
	height: calc(100% - 60px);
	display: flex;
	padding: 9px;
	border: 1px solid #eee;
	margin: 12px
}

.Order_Area>.column {
	flex: 1;
	margin-right: 10px;
	overflow-y: auto;
	display: flex;
	flex-direction: column
}

.Order_Area>.column.Center {
	max-width: 470px
}

.Order_Area>.column.Right {
	margin: 0
}

.Order_Area>.column .Area {
	padding: 10px;
	border: 1px solid #eee;
	margin-bottom: 15px
}

.Order_Area>.column .Area:last-child {
	flex: auto
}

.Order_Area>.column .Area.h100 {
	height: 100%
}

.Order_Area>.column .Area.mb-0 {
	margin-bottom: 0
}

.Order_Area>.column .Area.Colored {
	background-color: #fafafa
}

.Order_Area>.column .Area .area-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px
}

.Order_Area>.column .Area .area-title>.column {
	color: #147fde
}

.Order_Area>.column .Area .area-title>.column .theme-button {
	font-size: 12px;
	height: 26px;
	line-height: 24px
}

.Order_Area>.column .Area .order-note {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	margin-bottom: 15px
}

.Order_Area>.column .Area .order-note.member-note {
	background-color: #fdfbeb
}

.Order_Area>.column .Area .order-note>.icon {
	font-size: 22px;
	color: #1e3d54;
	margin-right: 20px
}

.Order_Area>.column .Area .order-note>.note-area {
	flex: 1
}

.Order_Area>.column .Area .order-note>.note-area #clockdiv .clockItem {
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	margin-right: 5px
}

.Order_Area>.column .Area .order-note>.note-area #clockdiv .clockItem>span {
	font-weight: 400;
	margin-left: 5px;
	font-size: 12px
}

.Order_Area>.column .Area .order-note>.note-area>.T {
	font-size: 13px;
	color: #1e3d54;
	font-weight: 600;
	margin-bottom: 5px
}

.Order_Area>.column .Area .order-note>.note-area>textarea {
	display: block;
	width: 100%;
	border: 0;
	background-color: #fff;
	resize: none;
	font-size: 12px
}

.Order_Area>.column .Area .order-note>.note-area>p {
	margin: 0;
	color: #663d54;
	font-size: 10px
}

.Order_Area>.column .Area .order-note>.time-btn {
	background: linear-gradient(180deg,#fff 0%,#ececec 100%);
	border: 1px solid #d7d7d7;
	padding: 6px 15px;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	font-size: 12px
}

.Quantity {
	display: table;
	text-align: center;
	width: max-content;
	margin: 0 auto
}

.Quantity button.btn-number {
	height: 16px;
	width: 16px;
	border-radius: 50%;
	border: 0;
	background-color: #eee;
	font-size: 8px;
	cursor: pointer;
	padding: 0;
	color: #000
}

.Quantity input#CC-prodDetails-quantity {
	height: 25px;
	text-align: center;
	width: 25px;
	border-radius: 50%;
	border: 1px solid #e2e2e2;
	margin: 0 3px;
	font-weight: 600;
	font-size: 10px;
	display: inline-block;
	padding: 0;
	text-indent: 0;
	background-color: #fff
}

.Order_Area>.column .Area .delete-cart {
	display: inline-block;
	border-radius: 50%;
	background-color: #1e3d54;
	color: #fff;
	width: 22px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-size: 9px;
	margin-left: 4px
}

.Order_Area>.column .Area .tablesorter {
	border: 1px solid #d7d7d7
}

.Order_Area>.column .Area .tablesorter-default .header,.Order_Area>.column .Area .tablesorter-default .tablesorter-header {
	font-size: 11px;
	font-weight: 100;
	background-color: #f5f4f5;
	border-color: #d7d7d7;
	padding: 10px 5px;
	color: #00002c;
	text-align: center;
	text-indent: 0;
	line-height: 18px
}

.Order_Area>.column .Area .tablesorter .cart-img {
	display: block;
	text-align: center;
	padding: 3px
}

.Order_Area>.column .Area .tablesorter .cart-img>img {
	max-width: 27px
}

.Order_Area>.column .Area .tablesorter td {
	font-size: 11px;
	color: #6d6d6d;
	text-align: center;
	padding: 2px 5px
}

.Order_Area>.column .Area .barkod-area {
	display: flex
}

.Order_Area>.column .Area .barkod-area .barkod-column {
	background-color: #1e3d54;
	padding: 22px 16px;
	border-radius: 5px;
	flex: auto
}

.Order_Area>.column .Area .barkod-area .barkod-column .T {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 11px
}

.Order_Area>.column .Area .barkod-area .barkod-column .barkod-input {
	position: relative;
	background-color: #fff;
	padding: 10px 10px 10px 50px;
	font-size: 20px;
	font-weight: 500;
	color: #a7aeb5;
	letter-spacing: 1px
}

.Order_Area>.column .Area .barkod-area .barkod-column .barkod-input::before {
	content: "\ea78";
	font-family: misszenne!important;
	color: #1e3d54;
	font-size: 20px;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	height: 25px;
	padding-right: 8px;
	font-weight: 100;
	border-right: 1px solid #1e3d546b
}

.Order_Area>.column .Area .barkod-area .barkod-column .barkod-input>.barkod-text {
	width: 100%;
	border: 0;
	pointer-events: none;
	color: #000
}

.Order_Area>.column .Area .barkod-area .searchProduct {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	color: #1e3d54;
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #f4f4f4;
	border-radius: 5px;
	padding: 25px 20px;
	cursor: pointer;
	margin-left: 10px
}

.Order_Area>.column .Area .barkod-area .searchProduct>span {
	display: block;
	font-size: 31px;
	margin-bottom: 15px
}

.Order_Area>.column .Area .Numbers {
	margin-top: 10px
}

.Order_Area>.column .Area .Numbers table {
	width: 100%
}

.Order_Area>.column .Area .Numbers table tr td {
	background-color: #fff
}

.Order_Area>.column .Area .Numbers table tr td .num-item {
	color: #1e3d54;
	margin: 5px;
	background: linear-gradient(180deg,#fff 0%,#ececec 100%);
	border: 2px solid #f7f7f7;
	padding: 0 15px;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	height: 65px;
	position: relative;
	border-radius: 10px;
	width: 101px;
	font-size: 25px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center
}

.Order_Area>.column .Area .Numbers table tr td .num-item .Icon {
	font-size: 34px
}

.Order_Area>.column .Area .Numbers table tr td .num-item.num-zero {
	width: calc(100% - 10px)
}

.Order_Area>.column .Area .Numbers table tr td .num-item.num-enter {
	height: 140px;
	line-height: 140px
}

.Order_Area>.column .Area .Numbers table tr td .num-item::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 1px solid #eaeaea;
	border-radius: 10px
}

.Order_Area>.column .Area .Numbers table tr td .num-item::after {
	content: "";
	position: absolute;
	left: -3px;
	right: -3px;
	top: -3px;
	bottom: -3px;
	border: 1px solid #d9d9d9;
	border-radius: 10px
}

.Order_Area>.column .Area .Order_Addition {
	background-color: #f7f7f7;
	padding-bottom: 30px;
	padding-top: 40px;
	position: relative
}

.Order_Area>.column .Area .Order_Addition::before,.Order_Area>.column .Area .Order_Addition::after {
	content: "";
	display: block;
	background-image: url(/Library/Theme_v2/img/circle-a.png);
	background-position: center;
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0;
	right: 0
}

.Order_Area>.column .Area .Order_Addition::before {
	top: -5px
}

.Order_Area>.column .Area .Order_Addition::after {
	bottom: -5px
}

.Order_Area>.column .Area .Order_Addition>hr {
	background-image: url(/Library/Theme_v2/img/circle-a.png);
	background-position: center;
	margin: 0;
	height: 10px;
	border: 0;
	margin: 0 6px 20px
}

.Order_Area>.column .Area .Order_Addition>.item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 5px 15px;
	font-size: 13px;
	color: #1e3d54
}

.Order_Area>.column .Area .Order_Addition>.item.Total {
	font-weight: 700;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 2px dotted rgba(0,0,0,.45);
	font-size: 14px
}

.Order_Area>.column .Area .Order_Info {
	display: flex
}

.Order_Area>.column .Area .Order_Info .info-item {
	flex: 1
}

.Order_Area>.column .Area .Order_Info .info-item.bg-color {
	margin-right: 10px
}

.Order_Area>.column .Area .Order_Info .info-item.bg-color .info-content {
	background-color: #fafafa
}

.Order_Area>.column .Area .Order_Info .info-item>.T {
	color: #147fde;
	margin-bottom: 15px
}

.Order_Area>.column .Area .Order_Info .info-item>.info-content {
	border: 1px solid #dbdbdb;
	padding: 15px;
	height: calc(100% - 35px)
}

.Order_Area>.column .Area .Order_Info .info-item>.info-content>.item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
	font-size: 13px
}

.Order_Area>.column .Area .Order_Info .info-item>.info-content>.item>.column:last-child {
	font-weight: 600
}

.Order_Area>.column .Area .Order_Info .info-item>.info-content>.invoice-title {
	font-weight: 600;
	margin-bottom: 10px
}

.Order_Area>.column .Area .Order_Info .info-item>.info-content>p {
	font-size: 13px;
	margin-bottom: 4px
}

.Order_Area .order-end {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	padding: 0 10px
}

.Order_Area>.column .Area .order-control {
	display: flex;
	flex: 0 1 auto;
	flex-wrap: wrap
}

.Order_Area>.column .Area .order-control .flex-6 {
	flex-basis: 16.6666667%;
	max-width: 16.6666667%
}

.Order_Area>.column .Area .order-control .flex-6 .control-button {
	color: #1e3d54;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin: 5px;
	background: linear-gradient(180deg,#fff 0%,#ececec 100%);
	border: 2px solid #f7f7f7;
	padding: 0 8px;
	text-align: center;
	cursor: pointer;
	height: 105px;
	position: relative;
	border-radius: 10px;
	font-size: 13px;
	line-height: 16px;
	align-items: center;
	justify-content: center
}

.Order_Area>.column .Area .order-control .flex-6 .control-button>.Icon {
	font-size: 20px;
	margin-bottom: 7px
}

.Order_Area>.column .Area .order-control .flex-6 .control-button::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 1px solid #eaeaea;
	border-radius: 10px
}

.Order_Area>.column .Area .order-control .flex-6 .control-button::after {
	content: "";
	position: absolute;
	left: -3px;
	right: -3px;
	top: -3px;
	bottom: -3px;
	border: 1px solid #d9d9d9;
	border-radius: 10px
}

.Order_Area>.column .Area .order-control .flex-6 .control-button.active-button {
	background: linear-gradient(180deg,#f6c41d 0%,#e9a900 100%);
	color: #163044
}

.Order_Area>.column .Area .order-control .flex-6 .control-button.active-button .Price {
	color: #fff;
	font-size: 15px;
	margin-top: 4px;
	font-weight: 700
}

.Order_Area>.column .Area .order-control .flex-12 {
	flex-basis: 33.32%;
	max-width: 33.32%
}

.Order_Area>.column .Area .order-control .flex-12 .control-button {
	color: #1e3d54;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin: 5px;
	background: linear-gradient(180deg,#fff 0%,#ececec 100%);
	border: 2px solid #f7f7f7;
	padding: 0 8px;
	text-align: center;
	cursor: pointer;
	height: 105px;
	position: relative;
	border-radius: 10px;
	font-size: 13px;
	line-height: 16px;
	align-items: center;
	justify-content: center
}

.Order_Area>.column .Area .order-control .flex-12 .control-button>.Icon {
	font-size: 20px;
	margin-bottom: 7px
}

.Order_Area>.column .Area .order-control .flex-12 .control-button::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 1px solid #eaeaea;
	border-radius: 10px
}

.Order_Area>.column .Area .order-control .flex-12 .control-button::after {
	content: "";
	position: absolute;
	left: -3px;
	right: -3px;
	top: -3px;
	bottom: -3px;
	border: 1px solid #d9d9d9;
	border-radius: 10px
}

.Order_Area>.column .Area .order-control .flex-12 .control-button.active-button {
	background: linear-gradient(180deg,#f6c41d 0%,#e9a900 100%);
	color: #163044
}

.Order_Area>.column .Area .order-control .flex-12 .control-button.active-button .Price {
	color: #fff;
	font-size: 15px;
	margin-top: 4px;
	font-weight: 700
}

.popup_v2_area .popup-coupon .coupon-head {
	display: flex;
	margin-bottom: 15px
}

.popup_v2_area .popup-coupon .coupon-head>.item {
	flex: 1;
	text-align: center;
	background-color: #eaeaea;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	padding: 12px 10px;
	color: #a8a8a8;
	font-weight: 600
}

.popup_v2_area .popup-coupon .coupon-head>.item.Active {
	border-color: #6598d8;
	background-color: #fff;
	color: #6598d8
}

.popup_v2_area .popup-coupon .coupon-content p {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 20px
}

.popup_v2_area .popup-coupon .coupon-content .item {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee
}

.popup_v2_area .popup-coupon .coupon-content .item:last-child {
	margin: 0;
	padding: 0;
	border: 0
}

.popup_v2_area .popup-coupon .coupon-content .item .radiobox_area {
	margin: 0
}

.popup_v2_area .popup-coupon .coupon-content .item .radiobox_area .radiobox-input+.radiobox-label>.Head {
	padding-left: 30px
}

.popup_v2_area .popup-coupon .coupon-content .item .radiobox_area .radiobox-input+.radiobox-label {
	border: 0;
	padding: 0;
	min-height: inherit
}

.popup_v2_area .popup-coupon .coupon-content .item .radiobox_area .radiobox-input+.radiobox-label::before,.popup_v2_area .popup-coupon .coupon-content .item .radiobox_area .radiobox-input+.radiobox-label::after {
	top: 6px;
	left: 0
}

.popup_v2_area .popup-coupon .coupon-content .item .radiobox_area .radiobox-input:checked+.radiobox-label::after {
	top: 12px;
	left: 6px
}

.popup_v2_area .popup-coupon .coupon-content .item .radiobox_area .radiobox-input+.radiobox-label .coupon-code {
	border: 1px dashed #b7b7b7;
	padding: 5px 20px;
	font-weight: 400;
	letter-spacing: 2px
}

.popup_v2_area .popup-coupon .coupon-content .item .radiobox_area .radiobox-input:checked+.radiobox-label .coupon-code {
	border-color: #f66340
}

.popup_v2_area .popup-coupon .coupon-content .no-coupon {
	text-align: center;
	padding: 30px 10px;
	border: 1px solid #d3d3d3;
	font-size: 64px;
	color: #969696;
	background-color: #eaeaea
}

.popup_v2_area .popup-coupon .coupon-content .no-coupon>.Txt {
	font-size: 14px;
	margin-top: 10px
}

.popup_v2_area .popup-coupon .coupon-content .Hide {
	display: none
}

.popup_v2_area .CancelList>.item {
	width: 100%;
	padding: 15px 10px;
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #dadada;
	margin: 7px 0;
	font-size: 14px;
	font-weight: 500
}

.popup_v2_area .CancelList>.item.Active {
	background-color: #147fde;
	border-color: #147fde;
	color: #fff
}

.popup_v2_area .iskonto-popup .iskonto-no {
	width: 100%;
	border: 1px solid #97b6e3;
	padding: 15px;
	font-size: 20px;
	pointer-events: none;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 3px 0 #97b6e3;
	-moz-box-shadow: 0 0 3px 0 #97b6e3;
	box-shadow: 0 0 3px 0 #97b6e3
}

.popup_v2_area .iskonto-popup .iskonto-select {
	display: flex;
	justify-content: flex-end
}

.popup_v2_area .iskonto-popup .iskonto-select>.item {
	margin-left: 17px
}

.popup_v2_area .iskonto-popup .iskonto-select>.item .checkboxElements {
	margin: 0
}

.popup_v2_area .iskonto-popup .iskonto-select>.item .checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label,.popup_v2_area .iskonto-popup .iskonto-select>.item .checkboxElements input.checkbox-input:checked+label.checkbox-label {
	padding-top: 15px;
	padding-left: 25px;
	padding-bottom: 15px
}

.popup_v2_area .iskonto-popup .iskonto-select>.item .checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label:before,.popup_v2_area .iskonto-popup .iskonto-select>.item .checkboxElements input.checkbox-input:checked+label.checkbox-label:before {
	top: 15px
}

.popup_v2_area .iskonto-popup .iskonto-select>.item .checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label:after,.popup_v2_area .iskonto-popup .iskonto-select>.item .checkboxElements input.checkbox-input:checked+label.checkbox-label:after {
	top: 21px
}

.popup_v2_area .iskonto-popup .iskonto-numbers table {
	width: 100%
}

.popup_v2_area .iskonto-popup .iskonto-numbers table tr td {
	background-color: #fff
}

.popup_v2_area .iskonto-popup .iskonto-numbers table tr td .num-item {
	color: #1e3d54;
	margin: 5px;
	background: linear-gradient(180deg,#fff 0%,#ececec 100%);
	border: 2px solid #f7f7f7;
	padding: 0 15px;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	height: 65px;
	position: relative;
	border-radius: 10px;
	width: 101px;
	font-size: 25px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center
}

.popup_v2_area .iskonto-popup .iskonto-numbers table tr td .num-item .Icon {
	font-size: 34px
}

.popup_v2_area .iskonto-popup .iskonto-numbers table tr td .num-item.num-zero {
	width: calc(100% - 10px)
}

.popup_v2_area .iskonto-popup .iskonto-numbers table tr td .num-item.num-enter {
	height: 140px;
	line-height: 140px
}

.popup_v2_area .iskonto-popup .iskonto-numbers table tr td .num-item::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 1px solid #eaeaea;
	border-radius: 10px
}

.popup_v2_area .iskonto-popup .iskonto-numbers table tr td .num-item::after {
	content: "";
	position: absolute;
	left: -3px;
	right: -3px;
	top: -3px;
	bottom: -3px;
	border: 1px solid #d9d9d9;
	border-radius: 10px
}

.popup_v2_area .cargo-content {
	margin-top: 20px
}

.popup_v2_area .cargo-content>.tracking-number {
	font-size: 12px;
	background-color: #f4faff;
	padding: 10px 16px;
	border-radius: 60px;
	color: #5f5f5f;
	position: relative;
	margin-bottom: 15px;
	z-index: 5
}

.popup_v2_area .cargo-content>.tracking-number>.copied {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #3e3e3e;
	color: #fff;
	padding: 8px 15px;
	font-weight: 600;
	font-size: 11px;
	bottom: 38px
}

@keyframes fadeIn {
	0% {
		 opacity: 0
	}

	50% {
		 opacity: 1
	}

	to {
		 opacity: 0
	}
}

.popup_v2_area .cargo-content .fadeIn {
	animation-name: fadeIn
}

.popup_v2_area .cargo-content .fadeIn.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.popup_v2_area .cargo-content>.tracking-number::before {
	content: "\ea85";
	font-family: misszenne!important;
	position: absolute;
	right: 10px;
	color: #0f90ea;
	background-color: #d5eefe;
	width: 21px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-size: 12px;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%)
}

.popup_v2_area .cargo-content>.tracking-steps {
	margin-bottom: 5px
}

.popup_v2_area .cargo-content>.tracking-steps>.item {
	padding-left: 30px;
	min-height: 41px;
	position: relative
}

.popup_v2_area .cargo-content>.tracking-steps>.theme-button {
	background: 0 0;
	border: 1px solid #009688;
	color: #0a5851;
	width: 100%;
	margin: 10px 0 0;
	border-radius: 4px;
	text-align: left
}

.popup_v2_area .cargo-content>.tracking-steps>.theme-button:hover {
	background: #009688;
	color: #fff
}

.popup_v2_area .cargo-content>.tracking-steps>.item::before {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	background-color: #fff;
	border: 4px solid #0099f6;
	border-radius: 50%;
	left: 5px;
	top: 1px
}

.popup_v2_area .cargo-content>.tracking-steps>.item::after {
	content: "\e982";
	font-family: misszenne!important;
	position: absolute;
	left: 2px;
	top: 18px;
	color: rgba(54,153,246,.44)
}

.popup_v2_area .cargo-content>.tracking-steps>.item:last-child::after {
	display: none
}

.popup_v2_area .cargo-content>.tracking-steps>.item>.T {
	font-size: 11px;
	color: #2f82ef;
	margin-bottom: 4px
}

.popup_v2_area .cargo-content>.tracking-steps>.item>.sT {
	font-size: 12px;
	color: #6b6b6b
}

.popup_v2_area .cargo-content>.tracking-steps>.item>.sT>.Link {
	color: #6b6b6b
}

.popup_v2_area .cargo-content>.tracking-steps>.item>.sT>.Link>span {
	color: #2f82ef
}

.popup_v2_area .cargo-content>.tracking-steps.LineOne>.item {
	display: flex;
	position: relative;
	min-height: auto;
	padding-left: 23px
}

.popup_v2_area .cargo-content>.tracking-steps.LineOne>.item>.T {
	font-size: 12px;
	position: relative;
	top: -4px
}

.popup_v2_area .cargo-content>.tracking-steps.LineOne>.item>.sT {
	position: relative;
	top: -4px
}

.popup_v2_area .cargo-content>.tracking-steps.LineOne>.item>.T::after {
	content: ":";
	margin: 0 3px
}

.popup_v2_area .cargo-content>.tracking-steps.LineOne>.item::after {
	display: none
}

.popup_v2_area .cargo-content>.shadow-btn {
	font-size: 11px;
	width: 100%;
	background-color: #0082ef;
	text-align: center;
	padding: 10px;
	border-radius: 60px;
	color: #fff;
	font-weight: 600;
	box-shadow: 0 2px 15px 0 rgba(47,130,239,.45098039215686275);
	margin-top: 15px;
	display: block
}

.cw2_flex {
	display: flex
}

.cw2_flex .content-wrapperv2 {
	margin-right: 15px;
	flex: 1
}

.cw2_flex .content-wrapperv2:last-child {
	margin-right: 0
}

.content-wrapperv2 {
	padding: 15px;
	border: 1px solid #efeff0;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #efeff0;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	margin-bottom: 30px
}

.content-wrapperv2>.title-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px
}

.content-wrapperv2>.title-box>.column>.T {
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center
}

.content-wrapperv2>.title-box>.column>.T>.Icon {
	font-size: 24px;
	margin-right: 7px;
	color: #424858
}

@media only screen and (max-width: 768px) {
	.content-wrapperv2 {
		 overflow:auto;
		 margin-top: 15px
	}

	.content-wrapperv2>.title-box {
		 width: max-content
	}

	.content-wrapperv2>.title-box>.column {
		 display: flex
	}

	a.theme-button.primary-btn-o {
		 margin-left: 9px
	}

	.column.table-filter {
		 margin-left: 12px;
		 margin-right: 12px
	}
}

.not-found-container {
	padding: 40px 0
}

.not-found {
	width: 100%;
	display: block;
	position: relative;
	text-align: center
}

.not-found .not-found-img {
	max-width: 100px;
	width: 100%;
	margin: 10px auto;
	padding: 5px
}

.not-found .not-found-img>img {
	width: 100%
}

.not-found .not-found-header>h1 {
	font-size: 28px;
	color: #000;
	font-weight: 800;
	line-height: 28px
}

.not-found .not-found-header>h2 {
	font-size: 18px;
	color: #000;
	font-weight: 400;
	line-height: 18px;
	width: 100%
}

.not-found .not-found-content>p {
	font-size: 14px;
	color: #000;
	padding: 2px 0;
	line-height: 15px
}

.not-found .home-link {
	display: inline-block;
	background-color: #000;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 10px;
	transition: all .3s;
	border: 1px solid #000
}

.not-found .home-link:hover {
	background-color: #fff;
	border-color: #000
}

.not-found .home-link>a {
	font-size: 14px;
	color: #fff;
	padding: 15px 20px;
	transition: all .3s;
	line-height: 15px;
	display: block
}

.not-found .home-link:hover>a {
	color: #000
}

.not-found .not-found-nav {
	padding: 10px 100px
}

.not-found .not-found-nav .not-found-list {
	max-width: 308px;
	width: 100%;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #000;
	margin: 10px 0;
	transition: all .3s
}

.not-found .not-found-nav .not-found-list:hover {
	background-color: #000
}

.not-found .not-found-nav .not-found-list>a {
	font-size: 14px;
	color: #000;
	transition: all .3s;
	line-height: 15px;
	padding: 15px 20px;
	display: block;
	width: 100%;
	cursor: pointer
}

.not-found .not-found-nav .not-found-list:hover>a {
	color: #fff
}

@media(max-width: 768px) {
	.not-found .not-found-nav {
		 padding:10px 0
	}

	.not-found-container {
		 padding: 10px;
		 margin: 6px;
		 border: 1px solid #eee
	}

	.not-found .not-found-nav .not-found-list {
		 max-width: 100%
	}
}

.border-area {
	padding: 10px;
	border: 1px solid #eee;
	margin-bottom: 15px;
	margin-top: 10px;
	border: 1px solid #eee
}

.border-area.bg-color {
	background-color: #fafafa
}

.border-area.mb-0 {
	margin-bottom: 0
}

.border-area.Colored {
	background-color: #fafafa
}

.border-area .area-title {
	margin-bottom: 15px;
	margin-top: -24px;
	font-size: 12px
}

.border-area .area-title>.column {
	color: #147fde;
	display: flex;
	background-color: #fff;
	padding: 4px 5px;
	width: max-content;
	align-items: center
}

.border-area .area-title>.column .count {
	display: inline-block;
	margin-left: 5px;
	width: 21px;
	height: 21px;
	line-height: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #fc3337;
	text-align: center;
	color: #fc3337;
	box-shadow: 0 0 4px #fc3337;
	font-size: 12px
}

.border-area .area-content.overflow-area {
	overflow-y: auto;
	height: inherit
}

.siparisDetay_Area {
	height: calc(100% - 106px);
	display: flex;
	padding: 9px;
	border: 1px solid #eee;
	margin: 12px
}

.siparisDetay_Area.fullsize-control>.column.Left {
	max-width: 100%
}

.siparisDetay_Area.fullsize-control>.column.Right {
	display: none
}

.siparisDetay_Area>.column {
	flex: 1;
	margin-right: 25px
}

.siparisDetay_Area>.column::-webkit-scrollbar {
	width: 4px!important
}

.siparisDetay_Area>.column::-webkit-scrollbar-thumb {
	background-color: #c5c5c5
}

.siparisDetay_Area>.column::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(210,210,210,.3)!important
}

.siparisDetay_Area>.column.Left {
	width: 100%;
	position: relative
}

.siparisDetay_Area>.column .column-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px
}

.siparisDetay_Area>.column .Area {
	padding: 10px;
	border: 1px solid #eee;
	margin-bottom: 15px;
	margin-top: 10px;
	border: 1px solid #eee;
	position: relative
}

.siparisDetay_Area>.column .Area.mb-0 {
	margin-bottom: 0
}

.siparisDetay_Area>.column .Area.Colored {
	background-color: #fafafa
}

.siparisDetay_Area>.column .Area .area-title {
	margin-bottom: 5px;
	margin-top: -24px;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.siparisDetay_Area>.column .Area .area-title>.column {
	color: #147fde;
	display: flex;
	background-color: #fff;
	padding: 4px 5px;
	width: max-content;
	align-items: center
}

.siparisDetay_Area>.column .Area .area-title>.column .count {
	display: inline-block;
	margin-left: 5px;
	width: 21px;
	height: 21px;
	line-height: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #fc3337;
	text-align: center;
	color: #fc3337;
	box-shadow: 0 0 4px #fc3337;
	font-size: 12px
}

.siparisDetay_Area>.column .Area .area-title>.column .hidden-button.hidden-text {
	color: #f5081e
}

.siparisDetay_Area>.column .bottom-flex.hidden-control>.Area:not(.hidden-this) {
	max-height: 0
}

.siparisDetay_Area>.column .bottom-flex>.Area.hidden-this {
	max-height: calc(50% - -130px)
}

.siparisDetay_Area>.column .Area .area-content.overflow-area {
	overflow-y: auto;
	height: inherit
}

.siparisDetay_Area>.column .Area .area-content .order-filter {
	margin: 15px 0
}

.siparisDetay_Area>.column .Area .area-content .order-filter>ul>.item {
	width: 25%;
	float: left;
	display: flex;
	align-items: center;
	color: #5f5f5f;
	font-size: 12px;
	margin-bottom: 13px
}

.siparisDetay_Area>.column .Area .area-content .order-filter>ul>.item>.filter-circle {
	display: inline-block;
	margin-right: 8px;
	width: 18px;
	height: 18px;
	background-color: red;
	border-radius: 50%;
	flex: none
}

.siparisDetay_Area>.column .Area .area-content .order-filter>ul>.item>.filter-circle.gray-filter {
	background-color: #e2e2e2
}

.siparisDetay_Area>.column .Area .area-content .order-filter>ul>.item>.filter-circle.green-filter {
	background-color: #9aea71
}

.siparisDetay_Area>.column .Area .area-content .order-filter>ul>.item>.filter-circle.blue-filter {
	background-color: #7dcaf5
}

.siparisDetay_Area>.column .Area .area-content .order-filter>ul>.item>.filter-circle.pink-filter {
	background-color: #d95cbf
}

.siparisDetay_Area>.column .Area .area-content .order-filter>ul>.item>.filter-circle.black-filter {
	background-color: #575757
}

.siparisDetay_Area>.column .Area .area-content .order-filter>ul>.item>.filter-circle.orange-filter {
	background-color: #f3c095
}

.siparisDetay_Area>.column .Area .area-content .order-filter>ul>.item>.filter-circle.red-filter {
	background-color: #f3324b
}

.siparisDetay_Area>.column .Area .area-content .order-filter>ul>.item>.filter-circle.ak-filter {
	background-color: #e69d30
}

.siparisDetay_Area>.column .Area .area-content .order-table {
	border: 1px solid #eee
}

.siparisDetay_Area>.column .Area .area-content .order-table.tablesorter-default .header,.siparisDetay_Area>.column .Area .area-content .order-table.tablesorter-default .tablesorter-header {
	background-color: #f5f4f5;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	line-height: inherit;
	text-indent: 0;
	padding: 2px 10px;
	font-size: 12px;
	font-weight: 500
}

.siparisDetay_Area>.column .Area .area-content .order-table.tablesorter-default td {
	font-size: 12px;
	color: #5d5d5d;
	background-color: #fff;
	text-align: center
}

.siparisDetay_Area>.column .Area .area-content .order-table.tablesorter-default td.text-center {
	text-align: center
}

.siparisDetay_Area>.column .Area .area-content .order-table.tablesorter-default td.table-alert {
	padding: 10px
}

.siparisDetay_Area>.column .Area .area-content .order-table.tablesorter-default td.table-alert .alert-text {
	background-color: #fde7e9;
	padding: 8px 12px;
	color: #ff5157
}

.siparisDetay_Area>.column .Area .area-content .order-table.tablesorter-default td.table-alert .alert-text>span {
	color: #fff;
	font-size: 18px;
	vertical-align: sub;
	margin-right: 10px
}

.siparisDetay_Area>.column .Area .area-content .order-table .headIcon {
	font-size: 24px
}

.siparisDetay_Area>.column .Area .area-content .order-table .table-not {
	animation-name: zoomIn;
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-duration: 1s;
	animation-fill-mode: both;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	margin: 5px auto;
	font-size: 13px;
	z-index: 10
}

.siparisDetay_Area .tooltip-item::before {
	min-width: max-content!important
}

@-webkit-keyframes zoomIn {
	0% {
		 -webkit-transform: scale3d(.3,.3,.3);
		 opacity: 0;
		 transform: scale3d(.3,.3,.3)
	}

	50% {
		 opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		 -webkit-transform: scale3d(.3,.3,.3);
		 opacity: 0;
		 transform: scale3d(.3,.3,.3)
	}

	50% {
		 opacity: 1
	}
}

.siparisDetay_Area>.column .Area .area-content .order-table .table-not.not-green {
	background-color: #00bd61
}

.siparisDetay_Area>.column .Area .area-content .order-table .table-not.not-blue {
	background-color: #3683e3
}

.siparisDetay_Area>.column .Area .area-content .order-table .table-not.not-red {
	background-color: #fc0001
}

.siparisDetay_Area>.column .Area .area-content .order-table .Product {
	display: flex;
	align-items: center;
	position: relative
}

.siparisDetay_Area>.column .Area .area-content .order-table .Product>.product-img {
	margin-right: 10px;
	flex: none;
	position: relative
}

.siparisDetay_Area>.column .Area .area-content .order-table .Product>.product-img>a {
	display: block;
	width: 45px;
	position: relative
}

.siparisDetay_Area>.column .Area .area-content .order-table .Product>.product-img>a>img {
	width: 100%
}

.siparisDetay_Area>.column .Area .area-content .order-table .Product>.product-img>.zoom-icon {
	position: absolute;
	background-color: #fff;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	padding: 4px;
	font-size: 10px;
	top: -8px;
	right: -8px
}

.siparisDetay_Area>.column .Area .area-content .order-table .Product>.product-text {
	text-align: left
}

.siparisDetay_Area>.column .Area .area-content .order-table .filter-status {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%
}

.siparisDetay_Area>.column .Area .area-content .order-table .filter-status.pink {
	background-color: #d85cbf
}

.siparisDetay_Area>.column .Area .area-content .order-table .filter-status.red {
	background-color: #fc0001;
	animation: notificationpulse 1s linear infinite
}

.siparisDetay_Area>.column .Area .area-content .order-table .filter-status.red::before {
	content: "iade";
	color: #fff;
	font-size: 11px;
	margin: 3px 0;
	display: block
}

.siparisDetay_Area>.column .Area .area-content .order-table .i-icon {
	color: #2d7ddd;
	font-size: 13px;
	padding: 0 5px;
	position: relative;
	top: 2px;
	display: inline-block
}

.siparisDetay_Area>.column.Right {
	margin: 0;
	display: flex;
	overflow: auto
}

.siparisDetay_Area>.column.Right>.item {
	flex: 1
}

.siparisDetay_Area>.column.Right>.item.Left {
	margin-right: 10px;
	flex: none;
	width: 100%;
	max-width: 400px;
	position: relative;
	display: flex;
	flex-direction: column
}

.siparisDetay_Area>.column.Right>.item .Coaction {
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.siparisDetay_Area>.column.Right>.item .Coaction .btn {
	color: red;
	border: 1px solid red;
	margin: 0 5px
}

.siparisDetay_Area>.column.Right>.item .Coaction .btn.Default {
	color: #646464;
	border: 1px solid #bbb;
	margin: 0 5px
}

.siparisDetay_Area>.column.Right>.item .Coaction .btn.active {
	background-color: #22bf60;
	color: #fff;
	box-shadow: none;
	border: 1px solid #22bf60
}

.siparisDetay_Area>.column.Right>.item .Coaction .tooltip-item {
	font-size: 18px;
	text-align: center;
	padding-top: 5px
}

.siparisDetay_Area>.column.Right>.item .Coaction .tooltip-item>span {
	margin: 0
}

.siparisDetay_Area>.column.Right>.item .Coaction .tooltip-item:hover {
	background: #147ad4;
	background: linear-gradient(176deg,#147AD4 0%,#147AD4 100%);
	border-color: #147ad4;
	color: #fff
}

.siparisDetay_Area>.column.Right>.item .Coaction>.nav-select {
	height: 33px;
	border-radius: 0;
	padding: 0 32px 0 12px;
	border: 1px solid #d7d7d7;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #d7d7d7;
	background: url(/Library/Theme_v2/img/select-icon.png) calc(100% - 10px) 50% no-repeat,linear-gradient(176deg,rgba(252,252,252,1) 0%,#dedede 100%);
	font-size: 12px;
	margin-left: 4px
}

.siparisDetay_Area>.column.Right>.item .Coaction.Coaction-flex {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.siparisDetay_Area>.column.Right>.item .Coaction.Coaction-flex>.column {
	display: flex;
	align-items: center
}

.siparisDetay_Area>.column.Right>.item .order-info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.siparisDetay_Area>.column.Right>.item .order-info>.column {
	display: flex;
	align-items: center;
	font-size: 13px;
	flex: calc(50% - 15px);
	padding: 3px 18px;
	height: 22px;
	border-right: 1px solid #eee
}

.siparisDetay_Area>.column.Right>.item .order-info>.column:nth-child(2n+2) {
	margin-right: 0;
	border-right: 0
}

.siparisDetay_Area>.column.Right>.item .order-info>.column:last-child {
	border: 0
}

.siparisDetay_Area>.column.Right>.item .order-info>.column .item {
	display: flex;
	align-items: center;
	font-weight: 600;
	flex: auto;
	justify-content: space-between
}

.siparisDetay_Area>.column.Right>.item .order-info>.column .item:first-child {
	flex: none;
	width: inherit;
	font-weight: 300;
	margin-right: 10px
}

.siparisDetay_Area>.column.Right>.item .order-info>.column .item>.info-btn {
	display: inline-block;
	padding: 4px 8px;
	margin-left: 15px;
	background-color: #22bf60;
	color: #fff;
	border-radius: 3px;
	font-size: 12px;
	cursor: pointer;
	transition: .3s
}

.siparisDetay_Area>.column.Right>.item .order-info>.column .item>.info-btn:hover {
	filter: brightness(1.1)
}

.siparisDetay_Area>.column.Right>.item .order-info>.column .item>.info-input {
	border: 1px solid #eee;
	border-radius: 3px;
	font-size: 12px;
	padding: 5px;
	flex: none;
	width: 100%;
	max-width: 100px;
	letter-spacing: 1px
}

.siparisDetay_Area>.column .order-addition {
	border: 1px solid #eee;
	padding: 0 10px 10px
}

.siparisDetay_Area>.column .order-addition>.Address {
	display: flex
}

.siparisDetay_Area>.column .order-addition>.Address>.item {
	flex: 1
}

.siparisDetay_Area>.column .order-addition>.Address>.item:first-child {
	margin-right: 10px
}

.siparisDetay_Area>.column .order-addition>.Address>.item>.T {
	color: #147fde;
	background-color: #fff;
	padding: 4px 5px;
	font-size: 12px;
	margin-top: -12px;
	display: inline-block;
	margin-bottom: 5px
}

.siparisDetay_Area>.column .order-addition>.Address>.item>.Address-box {
	border: 1px solid #d4d4d4;
	background-color: #fafafa;
	border-radius: 8px;
	padding: 10px;
	height: calc(100% - 20px)
}

.siparisDetay_Area>.column .order-addition>.Address>.item>.Address-box>.address-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	margin-bottom: 6px
}

.siparisDetay_Area>.column .order-addition>.Address>.item>.Address-box>.address-head>div>.editAdd {
	display: inline-block;
	color: #38bf60;
	border: 1px solid #38bf60;
	font-weight: 500;
	font-size: 12px;
	padding: 3px 10px;
	border-radius: 4px;
	transition: .3s;
	cursor: pointer
}

.siparisDetay_Area>.column .order-addition>.Address>.item>.Address-box>.address-head>div>.editAdd:hover {
	background-color: #38bf60;
	color: #fff
}

.siparisDetay_Area>.column .order-addition>.Address>.item>.Address-box>p {
	margin: 0;
	font-size: 12px;
	padding-left: 15px;
	margin-top: 7px;
	position: relative;
	line-height: 15px;
	color: #717171
}

.siparisDetay_Area>.column .order-addition>.Address>.item>.Address-box>p::before {
	content: "\e96f";
	font-family: misszenne!important;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 9px;
	color: #d4d4d4
}

.siparisDetay_Area>.column .order-addition>.Address>.item>.Address-box.add_item {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	color: #afafaf;
	cursor: pointer
}

.siparisDetay_Area>.column .order-addition>.Address>.item>.Address-box.add_item:hover {
	background-color: #d4d4d4;
	color: #000
}

.siparisDetay_Area>.column .overflow-order-addtion {
	overflow-y: auto
}

.siparisDetay_Area>.column .Add {
	background-color: #e3e3e3;
	padding-bottom: 15px;
	padding-top: 15px;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 8px;
	z-index: 99
}

.siparisDetay_Area>.column .Add::before,.siparisDetay_Area>.column .Add::after {
	content: "";
	display: block;
	background-image: url(/Library/Theme_v2/img/circle-a.png);
	background-position: center;
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0;
	right: 0
}

.siparisDetay_Area>.column .Add::before {
	top: -5px
}

.siparisDetay_Area>.column .Add::after {
	bottom: -5px
}

.siparisDetay_Area>.column .Add .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 5px 15px;
	font-size: 13px;
	color: #1e3d54
}

.siparisDetay_Area>.column .Add .add-detail {
	display: none
}

.siparisDetay_Area>.column .Add .item .edit-btn {
	background-color: #fff;
	border: 1px solid #c7c7c7;
	font-size: 12px;
	padding: 3px 10px;
	border-radius: 5px;
	margin-right: 10px;
	cursor: pointer
}

.siparisDetay_Area>.column .Add .item.Total {
	font-weight: 700;
	font-size: 14px;
	position: relative;
	transition: .3s;
	padding-left: 24px
}

.siparisDetay_Area>.column .Add .item.Total::before {
	content: "\e97a";
	font-family: misszenne!important;
	position: absolute;
	left: 0;
	font-size: 14px
}

.siparisDetay_Area>.column .Add.ActiveAdd .item.Total::before {
	content: "\e979"
}

.siparisDetay_Area>.column .Add.ActiveAdd .item.Total {
	border-top: 2px dashed;
	padding-top: 13px;
	margin-top: 13px
}

.siparisDetay_Area>.column .order-status {
	display: flex;
	overflow: hidden;
	border-radius: 60px
}

.siparisDetay_Area>.column .order-status>.item {
	cursor: pointer;
	flex: auto;
	font-size: 13px;
	background-color: #c5c5c5;
	text-decoration: none;
	text-align: center;
	border-right: 10px solid #fff;
	-webkit-transform: skewX(-40deg);
	transform: skewX(-40deg);
	transition: 500ms;
	padding: 0 7px;
	height: 46px;
	line-height: 46px;
	color: #fff;
	position: relative;
	pointer-events: none
}

.siparisDetay_Area>.column .order-status>.item>span {
	display: inline-block;
	-webkit-transform: skewX(40deg);
	transform: skewX(40deg)
}

.siparisDetay_Area>.column .order-status>.item:first-child {
	margin-left: -8px
}

.siparisDetay_Area>.column .order-status>.item:last-child {
	border: 0;
	margin-right: -8px
}

.siparisDetay_Area>.column .order-status>.item.NOW::after {
	bottom: -5px;
	left: 50%;
	content: "\e92e";
	position: absolute;
	pointer-events: none;
	font-family: wopzefont!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: skewX(34deg)
}

.siparisDetay_Area>.column .order-status>.item.OK {
	background-color: #007ddc;
	pointer-events: auto
}

.siparisDetay_Area>.column .order-status>.item.NOW {
	background-color: #ff001c;
	pointer-events: auto
}

.siparisDetay_Area>.column .status-note {
	display: none;
	margin-top: 15px
}

.siparisDetay_Area>.column .status-note>.note-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 500;
	padding: 0 15px
}

.siparisDetay_Area>.column .status-note>.note-content {
	background-color: #fdfdd8;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 10px
}

.siparisDetay_Area>.column .status-note>.note-content>p {
	color: #636363;
	margin: 0;
	font-size: 13px
}

.siparisDetay_Area>.column .status-note>.note-content>.note-control {
	text-align: right;
	margin-top: 15px
}

.siparisDetay_Area>.column.Right>.item.Right {
	display: flex;
	flex-direction: column;
	max-height: 100%
}

.siparisDetay_Area>.column .bottom-flex {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex: inherit;
	margin-top: 10px
}

.siparisDetay_Area>.column .bottom-flex>.Area {
	height: 100%;
	max-height: calc(50% - 20px)
}

.siparisDetay_Area>.column .bottom-flex>.Area:last-child {
	margin-bottom: 0
}

.siparisDetay_Area>.column .bottom-flex>.Area .area-content {
	height: calc(100% - 20px);
	overflow-y: auto
}

.siparisDetay_Area>.column .bottom-flex>.Area .area-content>.no-content {
	text-align: center;
	font-size: 13px;
	margin: 15px 0
}

.siparisDetay_Area>.column .bottom-flex>.Area .area-content>.no-content>.Icon {
	font-size: 40px;
	color: #dadada;
	margin-bottom: 10px
}

.siparisDetay_Area>.column .order-note .note-item {
	position: relative;
	padding-left: 44px;
	margin-bottom: 10px
}

.siparisDetay_Area>.column .order-note .note-item::before {
	content: attr(data-note-name);
	background-color: #309bf8;
	position: absolute;
	top: 5px;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 500
}

.siparisDetay_Area>.column .order-note .note-item>.Txt {
	background-color: #cfeafe;
	font-size: 12px;
	padding: 10px 15px;
	border-radius: 5px;
	color: #034182
}

.siparisDetay_Area>.column .order-note .note-item>.Date {
	text-align: right;
	font-size: 12px;
	margin-top: 3px
}

.siparisDetay_Area>.column .history-note .history-item {
	border-left: 3px solid #379bf8;
	padding-left: 10px;
	margin-bottom: 15px
}

.siparisDetay_Area>.column .history-note .history-item>.history-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 5px;
	font-size: 13px
}

.siparisDetay_Area>.column .history-note .history-item>.Txt {
	color: #929292;
	font-size: 12px
}

.siparisDetay_Area>.column .order-note.height-note,.siparisDetay_Area>.column .history-note.height-note {
	padding-right: 10px
}

@media only screen and (max-width: 1500px) {
	.siparisDetay_Area>.column.Right>.item.Left {
		 max-width:320px
	}

	body:not(.left-nav-control) .siparisDetay_Area>.column.Right>.item .order-info>.column {
		 flex: 100%;
		 border: 0;
		 height: inherit;
		 padding: 7px 18px;
		 border-bottom: 1px solid #f5f5f5
	}

	body:not(.left-nav-control) .siparisDetay_Area>.column.Right>.item .order-info>.column:last-child {
		 border-bottom: 0
	}
}

@media(min-width: 1500px) and (max-width:1600px) {
	.siparisDetay_Area>.column.Left {
		 max-width:700px
	}
}

@media only screen and (max-width: 768px) {
	.siparisDetay_Area {
		 flex-direction:column
	}

	.siparisDetay_Area>.column {
		 margin: 0;
		 margin-bottom: 15px
	}

	.siparisDetay_Area>.column .Add {
		 position: relative;
		 left: 0;
		 right: 0;
		 bottom: 0
	}

	.siparisDetay_Area>.column .Add .item.Total {
		 font-size: 12px
	}

	.siparisDetay_Area>.column .Add .item .edit-btn {
		 margin-right: 10px;
		 font-size: 10px;
		 padding: 3px 7px
	}

	.siparisDetay_Area>.column.Right>.item.Right {
		 overflow-x: auto
	}

	.siparisDetay_Area>.column.Right>.item .order-info {
		 flex-direction: column
	}

	.siparisDetay_Area>.column.Right>.item .order-info>.column {
		 padding: 6px 0!important;
		 border-bottom: 1px solid #eee;
		 border-right: none
	}

	.siparisDetay_Area>.column .Area .area-content .order-table {
		 width: max-content
	}

	.siparisDetay_Area>.column .Area .area-content .order-filter {
		 width: max-content;
		 margin: 0;
		 background-color: #47cd93
	}

	.siparisDetay_Area>.column .Area .area-content .order-filter>ul>.item {
		 width: max-content;
		 margin-right: 6px;
		 font-size: 10px
	}

	.siparisDetay_Area>.column .Area .area-content .order-filter>ul>.item>.filter-circle {
		 margin-right: 3px
	}
}

.panelChatContainer {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999;
	width: 100%;
	max-width: 900px;
	width: 0;
	transition: .3s;
	overflow: hidden;
	padding-left: 15px
}

.panelChatContainer>.panelChatContent {
	height: 100%;
	display: flex;
	transition: .3s;
	position: relative;
	right: -100%;
	background-color: #fff;
	-webkit-box-shadow: -5px 0 15px 0 rgba(0,0,0,.23);
	-moz-box-shadow: -5px 0 15px 0 rgba(0,0,0,.23);
	box-shadow: -5px 0 15px 0 rgba(0,0,0,.23)
}

.panelChatContainer.ShowChat {
	width: inherit
}

.panelChatContainer.ShowChat>.panelChatContent {
	right: 0
}

.chatOverlay.Show {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000000b0;
	transition: .3s;
	z-index: 999
}

.panelChatContainer>.panelChatContent .chat-column.chat-left {
	flex: none;
	width: 300px;
	background-color: #273142;
	color: #fff
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-filter-area {
	height: 60px;
	border-bottom: 1px solid #ffffff2e;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-filter-area>.chat-filter {
	position: relative;
	width: 100%;
	max-width: 250px
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-filter-area>.chat-filter>.chat-filter-input {
	background-color: #363d45;
	border: 0;
	border-radius: 60px;
	width: 100%;
	padding: 9px 10px 9px 40px;
	font-size: 12px
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-filter-area>.chat-filter>.filter-icon {
	position: absolute;
	top: 10px;
	font-size: 15px;
	color: #fff;
	left: 14px
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-user-list {
	padding: 10px 0;
	height: calc(100% - 60px);
	overflow-y: auto
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-user-list .user-list-error {
	padding: 10px;
	text-align: center;
	color: #ffffff52;
	font-size: 13px
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-user-list>.chat-user {
	display: flex;
	padding: 20px;
	align-items: center;
	position: relative;
	transition: .3s;
	cursor: pointer;
	border-left: 2px solid #273142
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-user-list>.chat-user.Active {
	border-color: #3283fb
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-user-list>.chat-user:not(.Active):hover {
	background-color: #313b4c;
	border-color: #313b4c
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-user-list>.chat-user[user-online]::before {
	content: "";
	position: absolute;
	top: 15px;
	left: 12px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #36bf21
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-user-list>.chat-user>.user-pp {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #ff7c00;
	font-weight: 600;
	margin-right: 14px;
	flex: none;
	position: relative
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-user-list>.chat-user>.user-pp>.message-count {
	position: absolute;
	top: -5px;
	right: -5px;
	background-color: #0bc15c;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	font-size: 12px;
	padding: 1px 0
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-user-list>.chat-user>.user-content {
	flex: auto
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-user-list>.chat-user>.user-content>.user-name {
	font-weight: 600
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-user-list>.chat-user>.user-content>.message-short {
	margin-top: 1px;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 160px;
	color: #ffffff5e;
	font-size: 12px
}

.panelChatContainer>.panelChatContent .chat-column.chat-left>.chat-user-list>.chat-user>.user-time {
	flex: none;
	font-size: 10px;
	color: #ffffff61
}

.panelChatContainer>.panelChatContent .chat-column.chat-right {
	flex: 1
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-head {
	height: 60px;
	display: flex;
	align-items: center;
	padding: 10px 30px;
	border-bottom: 1px solid #dcdcdc
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-head .now-chat-user {
	display: flex;
	align-items: center;
	color: #fff
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-head .now-chat-user>.user-pp {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #ff7c00;
	font-weight: 600;
	margin-right: 9px;
	flex: none;
	position: relative
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-head .now-chat-user>.user-content {
	flex: auto;
	font-weight: 600;
	color: #273142
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body {
	background-color: #eaedf2;
	height: calc(100% - 60px);
	position: relative
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.no-message {
	width: 100%;
	text-align: center;
	padding: 100px 20px;
	color: #2731422b
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.no-message>.Icon {
	font-size: 156px;
	margin-bottom: 30px
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.no-message>.Text {
	font-size: 16px;
	font-weight: 600
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow {
	height: calc(100% - 47px);
	padding: 20px;
	overflow-y: auto
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow::-webkit-scrollbar {
	width: 3px
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow::-webkit-scrollbar-track {
	background: #fafafa
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow::-webkit-scrollbar-thumb {
	background: #3699f6
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow::-webkit-scrollbar-thumb:hover {
	background: #3699f6
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow>.chat-column {
	display: flex;
	margin-bottom: 20px
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow>.chat-column .item>.chat-icon {
	width: 35px;
	height: 35px;
	line-height: 35px;
	background-color: #0099f6;
	border-radius: 50%;
	text-align: center;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	margin-right: 25px;
	margin-top: 5px
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow>.chat-column .item>.chat-message {
	background-color: #fff;
	color: #7b7b7b;
	font-size: 12px;
	padding: 18px;
	border-radius: 5px;
	line-height: 20px;
	position: relative;
	font-weight: 400
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow>.chat-column.customer>.item>.chat-message:before {
	right: 100%;
	top: 17px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-right-color: #fff;
	border-width: 6px
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow>.chat-column.company>.item>.chat-message:after {
	left: 100%;
	top: 17px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-left-color: #3699f6;
	border-width: 6px
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow>.chat-column .item>.message-date {
	font-size: 10px;
	color: #3699f6;
	font-weight: 600;
	margin-top: 5px
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow>.chat-column.company {
	flex-direction: row-reverse
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow>.chat-column.company>.item>.chat-icon {
	margin-right: 0;
	margin-left: 25px;
	background-color: #fff;
	color: #3699f6
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatNow>.chat-column.company>.item>.chat-message {
	background-color: #3699f6;
	color: #fff
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatSend {
	height: 48px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatSend>.errorTxt {
	position: absolute;
	top: -29px;
	left: 0;
	right: 0;
	background-color: #fb5c5c;
	font-size: 12px;
	padding: 7px;
	color: #fff;
	text-align: center
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatSend>.sendText {
	border: 0;
	height: 48px;
	padding-right: 55px;
	padding-left: 20px;
	font-size: 12px;
	color: #6f6f6f;
	display: block;
	width: calc(100% - 75px)
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatSend>.sendText::-webkit-input-placeholder {
	color: rgba(0,0,0,.38)
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatSend>.sendText::-moz-placeholder {
	color: rgba(0,0,0,.38)
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatSend>.sendText:-ms-input-placeholder {
	color: rgba(0,0,0,.38)
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatSend>.sendText:-moz-placeholder {
	color: rgba(0,0,0,.38)
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatSend>#send-message {
	position: absolute;
	right: 0;
	top: 2px;
	z-index: 2;
	height: 48px;
	line-height: 48px;
	border: 0;
	width: 55px;
	background-color: #fff;
	color: #3699f6;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.panelChatContainer>.panelChatContent .chat-column.chat-right>.chat-body>.view-message>.chatSend>#send-message>i.fa {
	background-color: #3699f6;
	width: 32px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 15px;
	border-radius: 50%
}

.PageView.reklamAlanlari .rk-body {
	background-color: #fbfbfb;
	margin: 0 auto
}

.PageView.reklamAlanlari .rk-body>.siluet-item {
	display: none
}

.PageView.reklamAlanlari .rk-body>.siluet-item.rk-show {
	display: block
}

.PageView.reklamAlanlari .rk-body>.siluet-item>.item {
	text-align: center
}

.PageView.reklamAlanlari .rk-body>.siluet-item>.item>img {
	display: inline-block
}

.PageView.reklamAlanlari .rk-body>.siluet-item>.item.two-column {
	display: flex;
	justify-content: center
}

.PageView.reklamAlanlari .rk-body .rk-upload {
	background-image: url(/Library/Theme_v2/img/ads-suliet/rk-text.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 58px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #a1d205;
	display: flex;
	align-items: center;
	justify-content: center
}

.PageView.reklamAlanlari .rk-body .rk-upload img {
	width: 100%
}

.PageView.reklamAlanlari .rk-body .rk-upload:hover input.upload {
	display: block
}

.PageView.reklamAlanlari .rk-body .rk-upload:hover .hvr-rk-img {
	display: inline-block
}

.PageView.reklamAlanlari .rk-body .rk-upload:hover .hvr-rk-img::before {
	content: "";
	position: absolute;
	left: 7px;
	right: 7px;
	top: 7px;
	bottom: 7px;
	border: 1px solid #fff
}

.PageView.reklamAlanlari .rk-body .rk-upload input.upload {
	z-index: 1;
	left: 0;
	margin: 0;
	bottom: 0;
	top: 0;
	padding: 0;
	opacity: 0;
	outline: none;
	cursor: pointer;
	position: absolute;
	background: #ccc;
	width: 100%;
	display: none
}

.PageView.reklamAlanlari .rk-body .rk-upload .hvr-rk-img {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	left: 0;
	vertical-align: middle;
	background: 0 0;
	right: 0;
	top: 0;
	bottom: 0
}

.PageView.reklamAlanlari .mobile-tabs .rk-body {
	max-width: 575px;
	margin: 0
}

.PageView.reklamAlanlari .mobile-tabs .rk-body .rk-upload {
	height: 98px
}

.ciro-page {
	padding: 15px;
	display: flex;
	height: calc(100% - 80px);
	position: relative
}

.ciro-page .ciro-overflow {
	display: block;
	overflow: overlay;
	height: 100%
}

.ciro-page>.ciro-column {
	flex: 1;
	margin-right: 15px;
	height: 100%
}

.ciro-page>.ciro-column .border-area:last-child {
	margin-bottom: 0
}

.ciro-page>.ciro-column:last-child {
	margin: 0
}

.ciro-page .area-content>.ciro-widget {
	display: flex;
	margin-bottom: 11px
}

.ciro-page .area-content>.ciro-widget>.item {
	flex: 1;
	margin-right: 15px;
	text-align: center;
	border: 1px solid #eee;
	padding: 15px 10px;
	font-size: 11px;
	color: #a5a5a5
}

.ciro-page .area-content>.ciro-widget>.item:last-child {
	margin-right: 0
}

.ciro-page .area-content>.ciro-widget>.item>span {
	display: block;
	color: #000;
	font-size: 16px;
	margin-bottom: 0
}

.ciro-page .area-content .tooltip-item {
	position: absolute;
	right: 12px;
	top: 10px;
	font-style: normal;
	color: #2d7ddd
}

.ciro-page .area-content .ciro-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #eee;
	padding: 13px;
	margin-bottom: 7px;
	position: relative
}

.ciro-page .area-content .ciro-card>.column .item {
	font-size: 12px;
	margin: 2px 0
}

.ciro-page .area-content .ciro-card>.column .item>.T {
	width: 100px;
	display: inline-block;
	position: relative;
	margin-right: 5px;
	color: #a5a5a5
}

.ciro-page .area-content .ciro-card>.column .item>.T:after {
	content: ":";
	float: right
}

.ciro-page .area-content .ciro-card>.column.genel {
	text-align: center;
	border-left: 1px solid #eee;
	padding: 15px 30px;
	font-size: 11px;
	color: #a5a5a5
}

.ciro-page .area-content .ciro-card>.column.genel>span {
	display: block;
	display: block;
	color: #000;
	font-size: 16px;
	margin-bottom: 0
}

.ciro-page .area-content>table.ciro-table {
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0
}

.ciro-page .area-content>table.ciro-table.tablesorter-default .header,.ciro-page .area-content>table.ciro-table.tablesorter-default .tablesorter-header {
	background-color: #f5f4f5;
	border-right-color: #d7d7d7;
	border-bottom-color: #d7d7d7;
	line-height: inherit;
	color: #000f3f;
	padding: 7px
}

.ciro-page .area-content>table.ciro-table.tablesorter-default td {
	padding: 5px 10px;
	font-size: 13px;
	background-color: #fff;
	color: rgba(0,0,0,.6509803921568628)
}

.ciro-page .area-content>table.ciro-table.tablesorter-default td>span {
	display: block;
	font-size: 11px;
	line-height: 15px;
	color: rgba(0,0,0,.31)
}

.ciro-page .area-content>.table-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f3faff;
	padding: 5px 10px;
	font-size: 12px;
	color: #000000ab;
	border: 1px solid #e0e0e0;
	border-top: 0
}

.ciro-page .area-content>.table-total>.item:last-child {
	font-size: 14px;
	font-weight: 600
}

table.ciro-table.tablesorter-default th,table.ciro-table.tablesorter-default tr td {
	text-align: center
}

table.ciro-table.tablesorter-default th:nth-child(1),table.ciro-table.tablesorter-default tr td:nth-child(1) {
	text-align: left
}

table.ciro-table.ciro-dokum.tablesorter-default th:nth-child(3),table.ciro-table.ciro-dokum.tablesorter-default tr td:nth-child(3) {
	text-align: right
}

table.ciro-table.ciro-dokum.tablesorter-default th:nth-child(2),table.ciro-table.ciro-dokum.tablesorter-default tr td:nth-child(2) {
	text-align: center
}

@media print {
	body {
		 margin: 0
	}

	div.ciro-page {
		 display: block;
		 height: initial!important
	}

	.ciro-page>.ciro-column {
		 height: initial
	}

	.border-area {
		 width: 100%
	}

	.ciro-page .ciro-overflow {
		 display: block;
		 overflow: visible;
		 height: initial!important
	}
}

.landing-list>.list-head {
	position: sticky;
	top: 0;
	display: flex;
	background-color: #fafafa;
	font-size: 14px;
	padding: 0 10px
}

.landing-list>.list-head>.column {
	padding: 10px;
	color: #9a9a9a
}

.landing-list>.list-body .landing-item {
	display: flex;
	border: 1px solid #eee;
	margin-top: 7px;
	font-size: 12px;
	padding: 0 10px;
	align-items: center
}

.landing-list>.list-body .landing-item:hover {
	background-color: rgba(250,250,250,.4);
	border-left: 3px solid #7d97b1
}

.landing-list>.list-body .landing-item>.column {
	padding: 8px 10px
}

.landing-list>.list-body .landing-item>.column .link {
	display: block
}

.landing-list>.list-body .landing-item>.column .landing-control {
	display: flex;
	align-items: center
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn {
	width: 30px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	margin-right: 6px;
	font-size: 16px;
	color: #fff;
	border-radius: 4px;
	border: 1px solid;
	transition: .3s
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn:hover {
	color: #fff!important
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn::last-child {
	margin: 0
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn::before {
	content: "";
	font-family: misszenne!important
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn.eye {
	border-color: #60b761;
	color: #60b761
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn.eye:hover {
	background-color: #60b761
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn.eye::before {
	content: "\e910"
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn.eye.hidePage {
	background-color: #60b761;
	color: #fff
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn.eye.hidePage::before {
	content: "\e911"
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn.edit {
	border-color: #468cc8;
	color: #468cc8
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn.edit:hover {
	background-color: #468cc8
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn.edit::before {
	content: "\e91f"
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn.remove {
	border-color: #ff643f;
	color: #ff643f;
	font-size: 14px
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn.remove:hover {
	background-color: #ff643f
}

.landing-list>.list-body .landing-item>.column .landing-control>.control-btn.remove::before {
	content: "\e920"
}

.landing-list>.list-head>.column:nth-child(1),.landing-list>.list-body .landing-item>.column:nth-child(1) {
	width: 30px;
	text-align: center
}

.landing-list>.list-body .landing-item>.column:nth-child(1) {
	color: #8e8e8e
}

.landing-list>.list-head>.column:nth-child(2),.landing-list>.list-body .landing-item>.column:nth-child(2) {
	flex: auto
}

.landing-list>.list-head>.column:nth-child(3),.landing-list>.list-body .landing-item>.column:nth-child(3) {
	width: 170px
}

.landing-list>.list-head>.column:nth-child(4),.landing-list>.list-body .landing-item>.column:nth-child(4) {
	width: 130px
}

.landing-detail {
	display: flex;
	height: 100%
}

.landing-detail .T {
	font-size: 14px;
	color: #4280de;
	font-weight: 600;
	margin-bottom: 10px
}

.landing-detail>.column {
	flex: auto
}

.landing-detail>.column .landing-form {
	height: 100%;
	padding: 10px;
	overflow-y: auto
}

.landing-detail>.column .landing-form>.form-column {
	display: flex;
	margin-top: 20px;
	align-items: center
}

.landing-detail>.column .landing-form>.form-column .item {
	flex: auto
}

.landing-detail>.column .landing-form>.form-column .item:first-child {
	width: 140px;
	font-size: 12px;
	position: relative;
	color: #757575;
	flex: none
}

.landing-detail>.column .landing-form>.form-column .item:first-child::after {
	content: ":";
	position: absolute;
	right: 10px
}

.landing-detail>.column .landing-form>.form-column .item input,.landing-detail>.column .landing-form>.form-column .item textarea {
	display: block;
	width: 100%;
	padding: 10px;
	font-size: 12px;
	max-width: 330px;
	border: 1px solid #eee
}

.landing-detail>.column .landing-form>.form-column .item textarea {
	max-height: 500px;
	resize: none;
	height: 120px
}

.landing-detail>.column .landing-ck {
	height: 100%;
	padding-left: 20px;
	margin-left: 12px
}

.landing-detail>.column .landing-ck>textarea {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%
}

.chart-head_1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 34px
}

.chart-head_1.mb-head {
	margin-bottom: 15px
}

.chart-head_1>.column .T {
	font-weight: 600;
	font-size: 16px
}

.chart-head_1>.column .sT {
	font-weight: 300;
	color: #a1aab2
}

.chart-head_1>.column .control {
	display: flex;
	align-items: center
}

.chart-head_1>.column .control.flex-column>.item {
	display: flex;
	align-items: center
}

.chart-head_1>.column .control.flex-column>.item>i {
	flex: none;
	margin-right: 12px;
	color: #a0a0a0;
	font-size: 12px;
	font-style: normal
}

.chart-head_1>.column .control>.item {
	margin-left: 15px
}

.chart-head_1>.column .control>.item>span {
	margin-left: 10px;
	font-size: 12px;
	position: relative;
	padding-left: 16px
}

.chart-head_1>.column .control>.item>span::before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	background-color: red;
	border-radius: 50%;
	left: 0;
	top: 2px
}

.chart-head_1>.column .control>.item>span.c-color-1 {
	color: #2b62ff
}

.chart-head_1>.column .control>.item>span.c-color-1::before {
	background-color: #3874ff
}

.chart-head_1>.column .control>.item>span.c-color-2 {
	color: #7460ee
}

.chart-head_1>.column .control>.item>span.c-color-2::before {
	background-color: #7864ef
}

.chart-head_1.xs-title .T {
	font-weight: 600;
	font-size: 16px
}

.chart-container {
	border: 1px solid #efeff0;
	padding: 15px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #efeff0;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	margin-bottom: 30px
}

.chart-container.CleanCSS {
	border: 0;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	margin-bottom: 0
}

.chart-container.CleanCSS .chart-content {
	margin-top: 22px
}

.chart-bar-area {
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #efeff0;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	margin-bottom: 30px;
	position: relative
}

.chart-bar-area>.chart-title {
	padding: 19px 15px 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	font-size: 16px
}

.chart-bar-area>.chart-title .Icon {
	font-size: 18px;
	margin-right: 8px;
	color: #3596f3
}

.chart-bar-area>.chart-title>.column {
	display: flex;
	align-items: center
}

.chart-bar-area>.chart-content {
	padding: 20px
}

.chart-bar-area>.chart-content p {
	margin: 0;
	color: #9b9b9b;
	font-size: 13px;
	line-height: 16px;
	margin-top: 18px
}

.chart-bar-area.small-full-chart {
	background-color: #4b57bf
}

.chart-bar-area.small-full-chart>.chart-content {
	padding: 0;
	position: relative
}

.chart-bar-area.small-full-chart>.chart-content .date {
	font-size: 18px;
	padding: 15px 25px 5px;
	color: #fff;
	font-weight: 600
}

.chart-bar-area.small-full-chart>.chart-content .content-item {
	padding: 20px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
	background-color: #fff
}

.chart-bar-area.small-full-chart>.chart-content .content-item .chart-icon {
	position: absolute;
	top: -30px;
	right: 15px
}

.chart-bar-area.small-full-chart>.chart-content .content-item .chart-icon>.Icon {
	width: 55px;
	height: 55px;
	line-height: 54px;
	text-align: center;
	background: #fff;
	color: #4b57bf;
	border: 2px solid #4b57bf;
	border-radius: 50%;
	font-size: 25px
}

.chart-bar-area.small-full-chart>.chart-content .content-item>.item>.T {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 600
}

.chart-bar-area.small-full-chart>.chart-content .content-item>.item>.sT {
	color: #9ca8b3
}

.chart-bar-area.small-full-chart>.chart-content .content-item>.item>.price {
	font-size: 20px;
	font-weight: 600
}

.chart-bar-area.small-full-chart2>.chart-content {
	padding: 0
}

.chart-bar-area.small-full-chart2>.chart-content .content-item {
	padding: 20px 20px 0
}

.chart-bar-area.small-full-chart2>.chart-content .content-item>.T {
	font-size: 12px;
	color: #adadad;
	font-weight: 600;
	margin-bottom: 5px
}

.chart-bar-area.small-full-chart2>.chart-content .content-item>.sT {
	font-size: 20px;
	font-weight: 600
}

.chart-widget {
	border: 1px solid #eee
}

.chart-widget .widget-title {
	padding: 15px 15px 10px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.chart-widget .widget-title .column {
	display: flex;
	align-items: center
}

.chart-widget .widget-title .column .Icon {
	font-size: 18px;
	margin-right: 8px;
	color: #3596f3
}

.chart-widget .widget-content {
	padding: 15px
}

.chart-widget.widget-list>.widget-content>.item {
	position: relative;
	padding-left: 45px;
	padding-bottom: 30px
}

.chart-widget.widget-list>.widget-content>.item:last-child {
	padding-bottom: 0
}

.chart-widget.widget-list>.widget-content>.item:last-child::before {
	display: none
}

.chart-widget.widget-list>.widget-content>.item::before {
	content: "";
	position: absolute;
	left: 17px;
	bottom: 0;
	top: 0;
	width: 1px;
	background-color: #e6e6e6
}

.chart-widget.widget-list>.widget-content>.item>.Icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 35px;
	background-color: #3596f3;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #fff
}

.chart-widget.widget-list>.widget-content>.item>.item-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	margin-bottom: 3px
}

.chart-widget.widget-list>.widget-content>.item>.item-title>.item-date {
	font-weight: 400;
	font-size: 12px
}

.chart-widget.widget-list>.widget-content>.item>.item-info {
	font-size: 12px;
	color: #ababab
}

.chart-widget.widget-list2>.widget-content {
	display: flex;
	align-items: normal;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap
}

.chart-widget.widget-list2>.widget-content>.item {
	position: relative;
	display: flex;
	align-items: center;
	flex: none;
	width: calc(33.3333333% - 10px);
	margin: 5px 15px 5px 0;
	flex-direction: row-reverse;
	justify-content: space-between;
	padding: 10px;
	border: 1px solid #eee
}

.chart-widget.widget-list2>.widget-content>.item:nth-child(3n+3) {
	margin-right: 0
}

.chart-widget.widget-list2>.widget-content>.item>.item-count {
	height: 25px;
	width: 60px;
	background-color: #3596f3;
	border-radius: 15px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #fff;
	font-weight: 700
}

.chart-widget.widget-list2>.widget-content>.item>.item-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600
}

.chart-widget.widget-list2>.widget-content>.item>.item-info {
	font-size: 12px;
	color: #ababab
}

.chart-widget.widget-bars {
	border: 0
}

.widget-bar-list {
	padding: 0;
	border: 0
}

.widget-bar {
	padding: 20px;
	position: relative;
	margin-bottom: 15px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #efeff0;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05)
}

.widget-bar:last-child {
	margin: 0
}

.widget-bar>.bar-title {
	font-weight: 700;
	color: #737373
}

.widget-bar>.bar-price {
	font-size: 20px;
	font-weight: 600;
	color: #737373;
	margin: 10px 0
}

.widget-bar>.bar-info {
	font-weight: 400;
	color: #b1b1b1;
	display: flex;
	align-items: center
}

.widget-bar>.bar-info>span {
	display: inline-block;
	margin-right: 5px;
	background-color: #3596f3;
	color: #fff;
	font-size: 12px;
	padding: 0 5px;
	border-radius: 3px
}

.widget-bar>.bar-info>.goto {
	font-weight: 400;
	color: #b1b1b1;
	font-size: 14px;
	cursor: pointer;
	transition: .3s
}

.widget-bar>.bar-info>.goto:hover {
	color: #000
}

.widget-bar>.bar-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	background-color: rgba(53,150,243,.14);
	color: #3596f3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px
}

.widget-bar.widget-2>.bar-info>span {
	background-color: #ff595f
}

.widget-bar.widget-2>.bar-icon {
	background-color: rgba(255,89,95,.14);
	color: #ff595f
}

.widget-bar.widget-3>.bar-info>span {
	background-color: #00a465
}

.widget-bar.widget-3>.bar-icon {
	background-color: rgba(0,164,101,.14);
	color: #00a465
}

.widget-bar.widget-4>.bar-info>span {
	background-color: #424857
}

.widget-bar.widget-4>.bar-icon {
	background-color: rgba(66,72,87,.13);
	color: #424857
}

.widget-bar.widget-all {
	background-color: #424857
}

.widget-bar.widget-all>.bar-info>span {
	background-color: #00a465
}

.widget-bar.widget-all>.bar-icon {
	background-color: rgba(88,108,156,.25);
	color: #d8d8d8
}

.widget-bar.widget-all>.bar-title,.widget-bar.widget-all>.bar-price {
	color: #fff
}

@media only screen and (max-width: 768px) {
	.widget-bar>.bar-icon {
		 top:25px;
		 right: 12px;
		 width: 40px;
		 height: 40px;
		 font-size: 22px
	}

	.widget-bar:last-child {
		 margin: 9px 0
	}
}

.tabs-chart {
	border: 1px solid #eee
}

.tabs-chart>.tab-list {
	display: flex;
	border-bottom: 1px solid #eee
}

.tabs-chart>.tab-list>.item {
	position: relative;
	flex: 1;
	border-right: 1px solid #eee;
	padding: 30px;
	text-align: center;
	transition: .3s;
	cursor: pointer
}

.tabs-chart>.tab-list>.item:hover {
	background-color: rgba(53,150,243,.01)
}

.tabs-chart>.tab-list>.item:last-child {
	border: 0
}

.tabs-chart>.tab-list>.item>.Icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(53,150,243,.21);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
	font-size: 22px;
	color: #3596f3
}

.tabs-chart>.tab-list>.item>.count {
	font-weight: 900;
	font-size: 20px;
	margin-bottom: 3px
}

.tabs-chart>.tab-list>.item>.info {
	font-size: 12px;
	color: #a5a5a5
}

.tabs-chart>.tab-list>.item>.status {
	margin-top: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #33c572
}

.tabs-chart>.tab-list>.item>.status.minus {
	color: #e04545
}

.tabs-chart>.tab-list>.item>.status>span {
	margin-right: 3px
}

.tabs-chart>.tab-list>.item.activeItem {
	background-color: rgba(53,150,243,.01)
}

.tabs-chart>.tab-list>.item.activeItem::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background-color: #3596f3
}

.tabs-chart>.tab-chart {
	padding: 30px 30px 20px;
	min-height: 400px;
	position: relative
}

.tabs-chart>.tab-chart .tab-chart-item {
	display: none
}

.tabs-chart>.tab-chart .tab-chart-item.Show {
	display: block
}

.cities-sales {
	border: 1px solid #eee;
	padding: 20px
}

.cities-sales>.sales-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee
}

.cities-sales>.sales-title>.column .T {
	font-size: 15px;
	color: #676767;
	margin-bottom: 12px
}

.cities-sales>.sales-title>.column .sT {
	font-weight: 700;
	font-size: 18px
}

.cities-sales>.sales-title>.column .Icon {
	text-align: center;
	font-size: 36px;
	color: #7d7d7d;
	margin-bottom: 11px
}

.cities-sales>.sales-title>.column .status {
	font-size: 12px;
	color: #3ac572
}

.cities-sales>.city-list>.item {
	padding: 13px 0
}

.cities-sales>.city-list>.item>.city-name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600
}

.cities-sales>.city-list>.item>.city-progress {
	display: block;
	width: 100%;
	height: 4px;
	background-color: #f5f5f5;
	margin-top: 10px;
	position: relative
}

.cities-sales>.city-list>.item>.city-progress>.bar-count {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #3596f3
}

.chart-bar-area.data-chart-area .chart-content {
	display: flex
}

.chart-bar-area.data-chart-area .chart-content>.data-item {
	flex: 1
}

.chart-bar-area.data-chart-area .chart-content>.data-item:last-child {
	flex: none;
	padding-left: 20px
}

.chart-bar-area.data-chart-area .chart-content>.data-item .data-list>.item {
	display: flex;
	padding: 15px 0;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ececec;
	color: #868686
}

.chart-widget.widget-bars2 {
	border: 0
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list {
	padding: 0;
	border: 0;
	display: flex
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar {
	flex: 1;
	margin-right: 20px;
	border-radius: 5px;
	overflow: hidden;
	border: none;
	-webkit-box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
	box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
	margin-bottom: 20px
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar:last-child {
	margin-right: 0
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar>.widget-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #3596f3;
	background: linear-gradient(190deg,rgba(53,150,243,1) 0%,rgba(16,48,78,1) 100%);
	padding: 32px 25px 50px;
	color: #fff
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar>.widget-head>.item {
	text-align: right
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar>.widget-head>.item>.Icon {
	font-size: 44px;
	color: rgba(255,255,255,.86)
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar>.widget-head>.item>.status {
	display: inline-block;
	background-color: #fff;
	color: #3596f3;
	font-size: 12px;
	padding: 1px 4px;
	border-radius: 4px;
	margin-bottom: 6px
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar>.widget-head>.item>.status.minus {
	color: #f7585f
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar>.widget-head>.item>.status-text {
	font-size: 12px;
	color: #ffffff8c
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar>.widget-body {
	-webkit-box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
	box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
	background-color: #fff;
	position: relative;
	padding: 16px;
	border-radius: 5px;
	margin: -22px 17px 25px
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar>.widget-body>.title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 400
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar>.widget-body>.title>.num {
	font-weight: 600;
	font-size: 18px
}

.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar>.widget-body>.info {
	font-size: 12px;
	margin-top: 11px;
	color: #9e9e9e
}

.chart-widget.widget-bars3 {
	border: 0
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list {
	padding: 0;
	border: 0;
	display: flex
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar {
	flex: 1;
	border: 1px solid #eee;
	border-right: 0;
	padding: 20px 25px
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar:last-child {
	border-right: 1px solid #eee
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar>.widget-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar>.widget-head>.item>.T {
	font-weight: 400;
	margin-bottom: 3px;
	font-size: 18px
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar>.widget-head>.item>.sT {
	font-size: 14px;
	color: #b3b3b3
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar>.widget-head>.item>.price {
	font-size: 26px;
	font-weight: 600;
	color: #3596f3
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar>.widget-body>.widget-progress {
	display: block;
	width: 100%;
	height: 8px;
	background-color: #f3f3f3;
	position: relative;
	border-radius: 5px;
	overflow: hidden
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar>.widget-body>.widget-progress>span {
	display: inline-block;
	background-color: #3596f3;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar>.widget-body>.progress-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 5px;
	color: #909090;
	font-weight: 100;
	font-size: 13px
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar:nth-child(2)>.widget-head>.item>.price {
	color: #fdb738
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar:nth-child(2)>.widget-body>.widget-progress>span {
	background-color: #fdb738
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar:nth-child(3)>.widget-head>.item>.price {
	color: #fa37e8
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar:nth-child(3)>.widget-body>.widget-progress>span {
	background-color: #fa37e8
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar:nth-child(4)>.widget-head>.item>.price {
	color: #2dc8b6
}

.chart-widget.widget-bars3>.widget-content.widget-bar-list .widget-bar:nth-child(4)>.widget-body>.widget-progress>span {
	background-color: #2dc8b6
}

@media only screen and (max-width: 768px) {
	.widget-bar {
		 padding:9px
	}

	.chart-widget.widget-bars2 {
		 overflow: auto
	}

	.chart-widget.widget-bars2>.widget-content.widget-bar-list {
		 width: max-content;
		 display: flex!important;
		 justify-content: center
	}

	.chart-widget.widget-bars3>.widget-content.widget-bar-list {
		 overflow: auto
	}

	.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar {
		 margin: 0
	}

	.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar>.widget-head {
		 padding: 20px
	}

	.chart-widget.widget-bars2>.widget-content.widget-bar-list .widget-bar>.widget-body {
		 padding: 8px;
		 margin: -31px 8px 0!important
	}
}

.chart-line-area>.chart-body {
	padding: 0 15px
}

.chart-line-area>.chart-body>.column .chart-title {
	margin-bottom: 25px;
	margin-top: 35px
}

.chart-line-area>.chart-body>.column .chart-title.text-right {
	text-align: right
}

.chart-line-area>.chart-body>.column .chart-title>.T {
	font-weight: 400;
	font-size: 16px
}

.chart-line-area>.chart-body>.column .chart-title>.sT {
	font-weight: 300;
	color: #c3c3c3
}

.chart-line-area>.chart-body>.column .chart-info>.text-item {
	font-weight: 300;
	margin-bottom: 20px
}

.chart-line-area>.chart-body>.column .chart-info>.text-item>.Price {
	font-weight: 600;
	line-height: 1.2;
	font-size: 26px
}

.chart-line-area>.chart-body>.column .chart-info>.text-item>.Count {
	font-weight: 600;
	font-size: 24px
}

.chart-line-area>.chart-body>.column .chart-info>.text-item>.st {
	font-size: 12px
}

.chart-line-area>.chart-body>.column .chart-info>.goto-btn,.chart-line-area>.chart-body>.column .chart-info>.Detail-btn {
	display: inline-block;
	padding: 9px 14px;
	background-color: #5885ee;
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 400
}

.chart-line-area.chart-rtl>.chart-body>.column:last-child {
	text-align: right
}

.chart-footer {
	display: flex;
	padding: 20px 15px;
	border-top: 1px solid #eee
}

.chart-footer>.item {
	flex: 1;
	padding: 0 10px;
	display: flex;
	align-items: center
}

.chart-footer>.item>.Icon {
	font-size: 38px;
	margin-right: 15px
}

.chart-footer>.item>.Txt>.sT {
	color: #3e5569;
	font-weight: 300;
	font-size: 12px
}

.chart-footer>.item>.Txt>.Num {
	font-weight: 500;
	font-size: 20px
}

.chart-footer>.item>.Txt>.Num>.sT {
	display: inline;
	font-size: 12px;
	color: #8a8a8a
}

.chart-footer>.item>.Txt>.Num>span {
	font-size: 12px;
	color: #333;
	font-weight: 500;
	display: block
}

.chart-footer>.item:nth-child(1)>.Icon {
	color: #3596f3
}

.chart-footer>.item:nth-child(2)>.Icon {
	color: #f9b739
}

.chart-footer>.item:nth-child(3)>.Icon {
	color: #f737e8
}

.chart-footer>.item:nth-child(4)>.Icon {
	color: #3ec8b6
}

.chart-donut-area .chart-content {
	display: flex;
	margin-top: 60px
}

.chart-donut-area .chart-content>.data-item {
	flex: 1
}

.chart-donut-area .chart-content>.data-item:first-child {
	flex: none;
	width: 300px;
	padding-top: 27px
}

.chart-donut-area .chart-content>.data-item .data-list {
	margin-left: 30px
}

.chart-donut-area .chart-content>.data-item .data-list>.item {
	display: flex;
	padding: 10px 0;
	align-items: center;
	justify-content: space-between;
	font-size: 12px
}

.chart-donut-area .chart-content>.data-item .data-list>.item>.column:first-child::before {
	content: "";
	width: 11px;
	height: 12px;
	background-color: red;
	display: inline-block;
	border-radius: 50%;
	position: relative;
	top: 2px;
	margin-right: 8px
}

.chart-donut-area .chart-content>.data-item .data-list>.item:nth-child(1)>.column:first-child::before {
	background-color: #42c4fe
}

.chart-donut-area .chart-content>.data-item .data-list>.item:nth-child(2)>.column:first-child::before {
	background-color: #f7821e
}

.chart-donut-area .chart-content>.data-item .data-list>.item:nth-child(3)>.column:first-child::before {
	background-color: #7e72fa
}

.chart-donut-area .chart-content>.data-item .data-list>.item:nth-child(4)>.column:first-child::before {
	background-color: #2a60ff
}

.chart-donut-area .chart-content>.data-item .dataTitle {
	padding-left: 30px;
	margin-bottom: 20px
}

.chart-donut-area .chart-content>.data-item .dataTitle>.Num {
	font-size: 34px;
	font-weight: 600;
	margin-bottom: 2px
}

.chart-widget.widget-data1 {
	max-width: 370px;
	padding: 15px
}

.chart-widget.widget-data1>.data-head {
	background-image: url(/Library/Theme_v2/img/chart_bg_vector.png);
	padding: 25px 40px 35px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 280px;
	text-align: center
}

.chart-widget.widget-data1>.data-head>.Icon {
	font-size: 44px;
	color: #f7821e
}

.chart-widget.widget-data1>.data-head>.Num {
	color: #3e5569;
	font-size: 50px;
	font-weight: 500;
	letter-spacing: 3px
}

.chart-widget.widget-data1>.data-head>p {
	font-size: 12px;
	color: #3e5569
}

.chart-widget.widget-data1>.data-body>.progress-line {
	display: flex;
	align-items: center
}

.chart-widget.widget-data1>.data-body>.progress-line>.item {
	height: 4px;
	transition: .3s
}

.chart-widget.widget-data1>.data-body>.progress-line>.item:nth-child(1) {
	background-color: #2962ff;
	border-radius: 5px 0 0 5px
}

.chart-widget.widget-data1>.data-body>.progress-line>.item:nth-child(2) {
	background-color: #f68c00
}

.chart-widget.widget-data1>.data-body>.progress-line>.item:nth-child(3) {
	background-color: #ffbc34;
	border-radius: 0 5px 5px 0
}

.chart-widget.widget-data1>.data-body>.progress-data {
	display: flex;
	align-items: center;
	padding: 15px 0;
	margin-top: 7px
}

.chart-widget.widget-data1>.data-body>.progress-data>.item {
	font-size: 12px;
	text-align: center;
	flex: 1;
	border-right: 1px solid #eee
}

.chart-widget.widget-data1>.data-body>.progress-data>.item:last-child {
	border: 0
}

.chart-widget.widget-data1>.data-body>.progress-data>.item>span {
	display: block;
	font-size: 24px
}

.chart-widget.widget-data1>.data-body>.All {
	display: table;
	padding: 10px 30px;
	background-color: #2a61ff;
	color: #fff;
	margin: 10px auto;
	transition: .3s
}

.chart-widget.widget-data1>.data-body>.All:hover {
	background-color: #0346ff
}

.chart-bar-area.column-chart2 .chart-content>.bars {
	display: flex
}

.chart-bar-area.column-chart2 .chart-content>.bars>.item {
	flex: 1;
	text-align: center;
	font-size: 12px
}

.chart-bar-area.column-chart2 .chart-content>.bars>.item>span {
	font-weight: 600;
	display: block;
	font-size: 24px
}

.calendar_area .fc-state-default {
	text-shadow: none;
	box-shadow: none
}

.calendar_area .fc-basic-view .fc-body .fc-row {
	min-height: 5rem
}

.calendar_area .fc-toolbar .fc-button-group {
	border: 1px solid #2961ff;
	border-radius: 4px
}

.calendar_area .fc-toolbar .fc-button {
	background: #2961ff;
	color: #fff;
	border: none
}

.calendar_area .fc-toolbar .fc-button:focus {
	box-shadow: 0;
	outline: none
}

.calendar_area .fc-toolbar .fc-button:hover {
	background: #2961ff;
	opacity: 1
}

.calendar_area .fc-toolbar .fc-button:not(:disabled).fc-button-active,.calendar_area .fc-toolbar .fc-button:not(:disabled):active {
	background: #fff;
	color: #2961ff
}

.calendar_area .fc-widget-header {
	border: 0!important
}

.calendar_area .fc-widget-content {
	border-color: rgba(120,130,140,.13)!important
}

.calendar_area .fc-widget-content tr {
	border-bottom: none
}

.calendar_area .fc-view {
	margin-top: 0
}

.calendar_area .fc-toolbar {
	margin: 0;
	padding: 24px 0
}

.calendar_area .fc-event {
	border-radius: 0;
	border: none;
	cursor: move;
	color: #fff!important;
	font-size: 13px;
	margin: 1px -1px 0;
	padding: 5px;
	text-align: center;
	background: #40c4ff
}

.tab-chart2 {
	border: 1px solid #eee;
	background-color: #fff;
	margin-bottom: 30px;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	border-radius: 6px
}

.tab-chart2>.chart-tab-list {
	display: flex;
	align-items: center;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	position: relative;
	justify-content: space-between
}

.tab-chart2>.chart-tab-list .column {
	display: flex;
	align-items: center
}

.tab-chart2>.chart-tab-list .column .t {
	margin: 0 30px;
	color: #6c6c6c
}

.tab-chart2>.chart-tab-list .column .tab-link {
	padding: 20px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	color: #9d9d9d
}

.tab-chart2>.chart-tab-list .column .tab-link.Current {
	color: #3596f3;
	border-color: #3596f3
}

.tab-chart2.tab-mini>.chart-tab-list .column .tab-link {
	padding-left: 13px;
	padding-right: 13px
}

.tab-chart2.tab-mini .chart-container.chart-card-1>.chart-content>.chart-head {
	margin-bottom: 15px
}

.tab-chart2.tab-mini .chart-container.chart-card-1>.chart-content>.chart-body>.body-top {
	margin-bottom: 0
}

.tab-chart2>.chart-tab-content {
	position: relative;
	padding: 25px
}

.tab-chart2>.chart-tab-content>.tab-item {
	display: none
}

.tab-chart2>.chart-tab-content>.tab-item.Show {
	display: block
}

.tab-chart2>.chart-tab-content>.tab-item .chart-body .column .chart-title {
	margin-bottom: 25px;
	margin-top: 10px
}

.tab-chart2>.chart-tab-content>.tab-item .chart-body .column .chart-title.text-right {
	text-align: right
}

.tab-chart2>.chart-tab-content>.tab-item .chart-body .column .chart-title>.T {
	font-weight: 600;
	font-size: 16px
}

.tab-chart2>.chart-tab-content>.tab-item .chart-body .column .chart-title>.sT {
	font-weight: 300;
	color: #333;
	font-size: 12px
}

.tab-chart2>.chart-tab-content>.tab-item .chart-body .column .chart-info.text-right {
	text-align: right
}

.tab-chart2>.chart-tab-content>.tab-item .chart-body .column .chart-info>.text-item {
	font-weight: 300;
	margin-bottom: 35px
}

.tab-chart2>.chart-tab-content>.tab-item .chart-body .column .chart-info>.text-item>.Price {
	font-weight: 600;
	line-height: 1.2;
	font-size: 26px
}

.tab-chart2>.chart-tab-content>.tab-item .chart-body .column .chart-info>.text-item>.Count {
	font-weight: 600;
	line-height: 1.2;
	font-size: 26px
}

.tab-chart2>.chart-tab-content>.tab-item .chart-body .column .chart-info>.text-item>.st {
	font-size: 12px;
	color: #333;
	font-weight: 300
}

.tab-chart2>.chart-tab-content>.tab-item .chart-body .column .chart-info>.Detail-btn {
	display: inline-block;
	padding: 10px 12px;
	background-color: #3d79ff;
	color: #fff
}

.tab-chart2>.chart-tab-content .chart-footer {
	display: none;
	padding-top: 20px;
	border-top: 1px solid #eee;
	width: 100%
}

.tab-chart2>.chart-tab-content .chart-footer.Show {
	display: flex
}

.tab-chart2>.chart-tab-content .chart-footer>.item {
	flex: 1;
	padding: 0 10px;
	display: flex;
	align-items: center
}

.tab-chart2>.chart-tab-content .chart-footer>.item>.Icon {
	font-size: 38px;
	margin-right: 15px
}

.tab-chart2>.chart-tab-content .chart-footer>.item>.Txt>.sT {
	color: #3e5569;
	font-weight: 300;
	font-size: 12px
}

.tab-chart2>.chart-tab-content .chart-footer>.item>.Txt>.Num {
	font-weight: 500;
	font-size: 20px;
	display: flex;
	align-items: center;
	margin-left: 4px
}

.tab-chart2>.chart-tab-content .chart-footer>.item>.Txt>.Num .sT {
	color: #3e5569;
	font-weight: 300;
	font-size: 12px;
	position: relative;
	margin-left: 4px
}

.tab-chart2>.chart-tab-content .chart-footer>.item>.Txt>.Num>span {
	font-size: 14px
}

.tab-chart2>.chart-tab-content .chart-footer>.item>.Txt>.Num>.product {
	display: inline-block;
	margin-left: 4px;
	font-size: 12px;
	color: #3e5569;
	font-weight: 300
}

.tab-chart2>.chart-tab-content .chart-footer>.item:nth-child(1)>.Icon {
	color: #3596f3
}

.tab-chart2>.chart-tab-content .chart-footer>.item:nth-child(2)>.Icon {
	color: #f9b739
}

.tab-chart2>.chart-tab-content .chart-footer>.item:nth-child(3)>.Icon {
	color: #f737e8
}

.tab-chart2>.chart-tab-content .chart-footer>.item:nth-child(4)>.Icon {
	color: #3ec8b6
}

.tab-chart2.ltr>.chart-tab-content>.tab-item .chart-body>.column:last-child {
	text-align: right
}

@media only screen and (max-width: 1366px) {
	body:not(.left-nav-control) .chart-footer {
		 flex-direction:row;
		 flex-wrap: wrap
	}

	body:not(.left-nav-control) .chart-footer>.item {
		 flex-basis: 50%
	}

	body:not(.left-nav-control) .chart-footer>.item:nth-child(1),body:not(.left-nav-control) .chart-footer>.item:nth-child(2) {
		 margin-bottom: 25px
	}
}

@media only screen and (max-width: 768px) {
	.chart-footer {
		 flex-direction:row;
		 flex-wrap: wrap
	}

	.chart-footer>.item {
		 flex-basis: 50%
	}

	.chart-footer>.item:nth-child(1),.chart-footer>.item:nth-child(2) {
		 margin-bottom: 25px
	}
}

.stretch-card {
	text-align: center;
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #efeff0;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	margin-bottom: 25px;
	padding: 30px 15px 20px
}

.stretch-card .Icon {
	font-size: 24px
}

.stretch-card .Icon>.t {
	font-size: 14px;
	margin-top: 7px;
	font-weight: 600
}

.stretch-card .card-body {
	margin-top: 15px
}

.stretch-card .card-body>.num {
	font-size: 28px;
	font-weight: 100
}

.stretch-card .card-body>.num>small {
	font-size: 16px
}

.stretch-card .card-body>.detail {
	color: #9b9b9b;
	font-size: 14px;
	display: inline-block;
	padding: 2px 10px;
	margin-top: 5px;
	margin-bottom: 0
}

.stretch-card .card-body>a.detail:hover {
	color: red;
	transition: .3s
}

.stretch-card.small-card {
	padding: 14px 10px 13px;
	margin-bottom: 18px
}

.stretch-card.small-card .card-body>.num {
	font-size: 22px
}

.stretch-card.small-card .Icon>.t {
	font-size: 12px
}

.stretch-card.small-card .card-body {
	margin-top: 10px
}

.stretch-card.card_1 .card-body>a.detail:hover,.stretch-card.card_1 .Icon {
	color: #602470
}

.stretch-card.card_2 .card-body>a.detail:hover,.stretch-card.card_2 .Icon {
	color: #ff714b
}

.stretch-card.card_3 .card-body>a.detail:hover,.stretch-card.card_3 .Icon {
	color: #4b0fcc
}

.stretch-card.card_4 .card-body>a.detail:hover,.stretch-card.card_4 .Icon {
	color: #e66793
}

.stretch-card.card_5 .card-body>a.detail:hover,.stretch-card.card_5 .Icon {
	color: #4dcb94
}

.chart-container.chart-card-1>.chart-head_1 {
	padding: 20px 25px
}

.chart-container.chart-card-1>.chart-head_1 .T {
	font-size: 14px;
	font-weight: 400;
	color: #6c6c6c
}

.chart-container.chart-card-1>.chart-content>.chart-head {
	padding: 0 25px;
	margin-bottom: 35px
}

.chart-container.chart-card-1>.chart-content>.chart-head>.T {
	font-weight: 300;
	font-size: 22px;
	margin-bottom: 5px
}

.chart-container.chart-card-1>.chart-content>.chart-head>.num {
	font-weight: 600;
	font-size: 26px;
	display: flex;
	align-items: baseline
}

.chart-container.chart-card-1>.chart-content>.chart-head>.num>span {
	font-size: 14px;
	margin-left: 6px;
	color: #333;
	font-weight: 300
}

.chart-container.chart-card-1>.chart-content>.chart-body {
	padding: 0 16px 40px
}

.chart-container.chart-card-1>.chart-content>.chart-body>.body-top {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px
}

.chart-container.chart-card-1>.chart-content>.chart-body>.body-top>.item {
	padding-right: 10px;
	margin-right: 8px;
	font-weight: 400;
	flex: auto;
	color: #fff!important;
	padding: 4px!important;
	border-radius: 6px;
	text-align: center
}

.chart-container.chart-card-1>.chart-content>.chart-body>.body-top>.item:last-child {
	margin: 0;
	padding: 0
}

.chart-container.chart-card-1>.chart-content>.chart-body>.body-top>.item>.num {
	font-size: 18px;
	font-weight: 100;
	margin-bottom: 8px;
	text-align: center;
	color: #fff
}

.chart-container.chart-card-1>.chart-content>.chart-body>.body-top>.item>.num>small {
	font-size: 14px
}

.chart-container.chart-card-1>.chart-content>.chart-body>.body-top>.item:nth-child(1) {
	background-color: #e91e63
}

.chart-container.chart-card-1>.chart-content>.chart-body>.body-top>.item:nth-child(2) {
	background-color: #f7704c
}

.chart-container.chart-card-1>.chart-content>.chart-body>.body-top>.item:nth-child(3) {
	background-color: #4b0ecc
}

.chart-container.chart-card-1>.chart-content>.chart-body>.body-top>.item:nth-child(4) {
	background-color: #e66693
}

.chart-container.chart-card-1>.chart-content>.chart-body>.body-top>.item:nth-child(5) {
	background-color: #4dcb94
}

.chart-container.chart-card-1>.chart-content>.chart-body>p {
	margin: 0;
	color: #9b9b9b;
	font-size: 13px;
	height: 52px
}

.chart-container.chart-card-1.Multi>.chart-head_1 {
	margin: 0;
	padding-bottom: 10px
}

.chart-container.chart-card-1.Multi hr {
	margin-bottom: 0
}

.chart-container.chart-card-1.Multi>.chart-head_1:last-child {
	border-top: 1px solid #eee
}

.chart-container.chart-card-1.Multi>.chart-content>.chart-body {
	padding: 0 25px
}

.chart-container.chart-card-1.Multi>.chart-content>.chart-head {
	margin-bottom: 10px
}

.chart-container.chart-card-1.Multi>.chart-content>.chart-head>.T {
	margin: 0
}

.chart-container.chart-card-1.Small>.chart-content>.chart-body {
	padding: 0 25px
}

.chart-container.chart-card-1.Small>.chart-content>.chart-head {
	margin-bottom: 15px
}

.chart-container.chart-card-1.Small>.chart-content>.chart-head>.T {
	margin: 0
}

.chart-container.chart-card-1.Small>.chart-content>.chart-body>.body-top {
	margin-bottom: 0
}

.chart-container.color-style>.chart-content>.chart-body>.body-top>.item:nth-child(1) {
	color: #3fcf92
}

.chart-container.color-style>.chart-content>.chart-body>.body-top>.item:nth-child(2) {
	color: #487fef
}

body.left-nav-control {
	padding-left: 40px
}

body.left-nav-control .header-left-nav {
	left: -240px
}

header.headerv3 {
	width: 100%;
	height: 70px;
	background-color: #424858;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999999
}

header.headerv3>.Logov3 {
	flex: none;
	width: 220px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

header.headerv3>.Logov3>img {
	position: relative;
	top: -1px;
	max-width: 130px
}

header.headerv3>.HamburgerNav {
	flex: none;
	width: 51px;
	height: 100%;
	padding: 29px 15px;
	position: relative;
	z-index: 99
}

header.headerv3>.HamburgerNav::before,header.headerv3>.HamburgerNav::after {
	content: "";
	height: 2px;
	background-color: #fff;
	width: 100%;
	display: block
}

header.headerv3>.HamburgerNav>span {
	display: block;
	height: 2px;
	background-color: #fff;
	margin: 4px 0
}

header.headerv3>.header-search {
	flex: auto;
	position: relative
}

header.headerv3>.header-search .area {
	max-width: 250px;
	transition: .3s
}

header.headerv3>.header-search .area:hover,header.headerv3>.header-search .area:focus-within,header.headerv3>.header-search .area:focus {
	max-width: 400px
}

header.headerv3>.header-search .area .search-elements {
	display: flex;
	align-items: center;
	border: 1px solid rgba(238,238,238,.81);
	border-radius: 60px;
	position: relative
}

header.headerv3>.header-search .area .search-elements::after {
	content: "\ea0e";
	font-family: wopzefont!important;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 17px;
	color: rgba(255,255,255,.78)
}

header.headerv3>.header-search .area .search-elements .search-select {
	background: #424858 url(/Library/Theme_v2/img/selectArrow.png) no-repeat calc(100% - 15px) 50%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	color: rgba(255,255,255,.82);
	font-size: 14px;
	padding: 2px 24px 2px 17px;
	border: 0;
	border-radius: 25px 0 0 25px;
	border-right: 1px solid #eee
}

header.headerv3>.header-search .area .search-elements .search-input {
	width: 100%;
	background-color: transparent;
	border: 0;
	padding: 9px 41px 9px 11px;
	color: #fff
}

header.headerv3>.header-search .area .search-elements .search-input::placeholder {
	color: #7a7f8a
}

header.headerv3>.header-search .area .search-elements .search-input:-ms-input-placeholder {
	color: #7a7f8a
}

header.headerv3>.header-search .area .search-elements .search-input::-ms-input-placeholder {
	color: #7a7f8a
}

header.headerv3>.header-control {
	display: flex;
	align-items: center;
	padding-right: 20px
}

header.headerv3>.header-control>.item {
	height: 100%;
	padding: 0;
	position: relative
}

header.headerv3>.header-control>.item::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 38px;
	background-color: rgba(255,255,255,.19);
	top: 50%;
	transform: translateY(-50%);
	right: 0
}

header.headerv3>.header-control>.item:last-child::after {
	display: none
}

header.headerv3>.header-control>.item>.control-item {
	color: #fff;
	position: relative;
	padding: 0 25px;
	cursor: pointer;
	height: 73px;
	display: flex;
	align-items: center;
	justify-content: center
}

header.headerv3>.header-control>.item>.control-item>.Icon {
	font-size: 18px;
	position: relative
}

header.headerv3>.header-control>.item>.control-item>.Icon>.new-setting {
	position: absolute;
	top: -28px;
	background-color: #307bff;
	font-size: 10px;
	padding: 0 8px 2px;
	border-radius: 0 0 10px 10px;
	left: 50%;
	transform: translateX(-50%)
}

header.headerv3>.header-control>.item>.control-item>.Icon>.Count {
	font-style: inherit;
	font-size: 14px;
	position: absolute;
	background-color: #f24734;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	top: -14px;
	right: -8px;
	font-weight: 700
}

header.headerv3>.header-control>.item>.control-item.active {
	background-color: #474d5d
}

header.headerv3>.header-control>.item>.control-item.active>.control-item-dropdown {
	opacity: 1;
	visibility: visible
}

header.headerv3>.header-control>.item>.control-item.marquee-item.Active {
	background-color: #595f6d30
}

header.headerv3>.header-control>.item>.control-item.marquee-item.Active::before {
	bottom: -1px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #fff;
	border-width: 11px;
	margin-left: -11px
}

header.headerv3>.header-control>.item>.control-item:hover {
	background-color: #474d5d
}

header.headerv3>.header-control>.item>.control-item:hover .control-item-dropdown {
	opacity: 1;
	visibility: visible
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown {
	font-size: 14px;
	background-color: #fff;
	box-shadow: 0 5px 25px rgba(0,0,0,.1);
	position: absolute;
	top: 73px;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	flex: none;
	width: max-content;
	max-width: 500px;
	max-height: 460px;
	overflow-y: auto
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown::before {
	content: '';
	position: absolute;
	top: -10px;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: transparent transparent #fff;
	right: 18px
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown>.not-item {
	color: #000;
	padding: 10px;
	cursor: pointer
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown>.not-item:hover {
	background-color: #f9f9f9
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown>.not-item>div {
	font-weight: 600;
	font-size: 12px
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown>.not-item>span {
	font-size: 12px;
	font-weight: 100;
	color: #9aa0ac
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown>.All {
	display: block;
	width: 100%;
	padding: 10px;
	text-align: center;
	border-top: 1px solid #eee;
	font-size: 12px;
	color: #307bff;
	font-weight: 600
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown>.All:hover {
	background-color: rgba(135,146,176,.04)
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown .List {
	counter-reset: my-sec-counter
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown .List>li {
	display: flex;
	justify-content: space-between;
	padding: 14px;
	padding-left: 38px;
	align-items: center;
	position: relative;
	transition: .3s
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown .List li:hover {
	background-color: #f7f7f7
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown .List>li>.txt {
	color: #707070;
	margin-right: 30px;
	font-weight: 500;
	font-size: 12px;
	position: relative
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown .List>li>.date {
	font-size: 12px;
	font-weight: 100;
	color: #9aa0ac;
	flex: none
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown .List>li>.theme-button {
	height: 25px;
	line-height: 24px;
	flex: none;
	font-size: 10px
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown ul.List li {
	padding-left: 30px
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown .List>li {
	justify-content: initial;
	column-gap: 20px
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown .List>li>.theme-button {
	height: 28px;
	line-height: 26px
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown ul.List li>input#order,header.headerv3>.header-control>.item>.control-item>.control-item-dropdown ul.List li .select_area {
	max-width: 136px;
	width: 100%
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown ul.List li .messg {
	position: absolute;
	right: 12px;
	bottom: 14px;
	border-bottom: 1px solid #468cc8;
	font-size: 12px;
	font-weight: 600
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown ul.List li>input#order,header.headerv3>.header-control>.item>.control-item>.control-item-dropdown ul.List li .select_area select {
	color: #707070;
	background: #fff;
	font-family: inherit;
	border: 1px solid #ccc;
	height: 28px;
	font-size: 13px;
	padding-left: 8px;
	padding-right: 8px;
	width: 100%
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown ul.List li .select_area select {
	cursor: pointer
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown ul.List li>.txt::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid #424857;
	left: -18px;
	top: 5px
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown ol.List li>.txt::before {
	counter-increment: my-sec-counter;
	content: counter(my-sec-counter) '.';
	position: absolute;
	left: -23px;
	top: -1px;
	color: #424857;
	font-size: 13px;
	font-weight: 600
}

header.headerv3>.header-control>.item>.userCard {
	display: flex;
	align-items: center;
	padding: 19px 10px;
	padding-right: 0;
	cursor: pointer
}

header.headerv3>.header-control>.item>.userCard>.Pp {
	flex: none;
	width: 35px;
	height: 35px;
	font-size: 12px;
	background-color: #595f6d;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color: #fff;
	margin-right: 10px
}

header.headerv3>.header-control>.item>.userCard>.userInfo {
	color: #fff
}

header.headerv3>.header-control>.item>.userCard>.userInfo>.Name {
	font-size: 12px;
	font-weight: 600
}

header.headerv3>.header-control>.item>.userCard>.userInfo>.Firm {
	font-size: 12px;
	color: #8e99b9
}

header.headerv3>.header-search .SearchView {
	float: left;
	width: 100%;
	border: 0;
	outline: none;
	overflow: auto;
	background: #fff;
	background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
	background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
	background: linear-gradient(to bottom,#424858 0%,#262b37 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f7f7f7',GradientType=0);
	position: absolute;
	left: 0;
	top: 56px;
	width: 100%
}

header.headerv3>.header-search .SearchView .Search_Detail {
	display: flex
}

header.headerv3>.header-search .SearchView .Search_Detail .Title {
	line-height: 35px;
	background: 0 0;
	font-size: 14px;
	font-weight: 600;
	text-indent: 0;
	border-bottom: 1px solid #eee;
	background-color: #f9f9f9;
	padding: 0 15px
}

header.headerv3>.header-search .SearchView .Search_Detail article.Blank {
	position: relative;
	background: 0 0;
	float: none;
	width: inherit;
	display: block;
	margin: 0 15px;
	padding: 15px 0;
	box-shadow: none
}

header.headerv3>.header-search .SearchView .Search_Detail article.Blank .Title {
	position: relative;
	color: #000;
	font-size: 12px!important;
	text-align: center!important;
	background-color: #f9f9f9!important;
	text-indent: 0;
	float: none;
	width: inherit;
	margin: 0;
	border: 1px dashed #bbb!important;
	font-weight: 400;
	font-style: inherit
}

header.headerv3>.header-search .SearchView .Search_Detail .searchLeft {
	box-sizing: border-box;
	flex: 1 auto;
	padding: 10px
}

header.headerv3>.header-search .SearchView .Search_Detail .searchLeft .Tab {
	text-align: center;
	line-height: 35px;
	font-size: 13px;
	color: #cdcfd2;
	margin: 0 10px;
	display: flex;
	padding: 7px 0;
	border-bottom: 1px solid #e4e4e4
}

header.headerv3>.header-search .SearchView .Search_Detail .searchLeft .Tab:last-child {
	border: 0
}

header.headerv3>.header-search .SearchView .Search_Detail .searchLeft .Tab:nth-child(odd) {
	background: #d8d8d842
}

header.headerv3>.header-search .SearchView .Search_Detail .searchLeft .Tab span {
	display: inline-block;
	flex: 1 auto
}

header.headerv3>.header-search .SearchView .Search_Detail .searchLeft .Tab .Btn.Order {
	color: #fff;
	font-size: 16px;
	line-height: 29px;
	text-align: center;
	background: #f44336;
	cursor: pointer;
	padding: 0 16px;
	margin: 3px 10px;
	text-indent: 0;
	border-radius: 4px;
	text-decoration: none
}

header.headerv3>.header-search .SearchView .Search_Detail .searchLeft .Tab .Btn.Member {
	float: left;
	color: #fff;
	font-size: 16px;
	line-height: 29px;
	text-align: center;
	background: #00bcd4;
	cursor: pointer;
	padding: 0 16px;
	margin: 3px 0;
	text-indent: 0;
	border-radius: 4px;
	text-decoration: none
}

header.headerv3>.header-search .SearchView .Search_Detail .searchLeft .Tab .Btn:hover {
	color: #fff;
	background: #0f3458
}

header.headerv3>.header-search .area .Search-area .Loading {
	width: 57px;
	height: 37px;
	border-radius: 20px;
	text-align: center;
	background: #424858 url(/Library/Img/search-loading.gif);
	background-size: 45px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 0;
	top: 0;
	left: inherit
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown>.empty {
	text-align: center;
	padding: 20px 12px;
	color: #8d99b8
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown>.empty>.Icon {
	font-size: 34px;
	margin-bottom: 10px
}

header.headerv3>.header-control>.item>.control-item>.control-item-dropdown>.empty>.txt {
	font-size: 12px
}

.header-left-nav {
	position: fixed;
	left: 0;
	top: 73px;
	bottom: 0;
	width: 240px;
	height: 100%;
	overflow-y: auto;
	background-color: #fff;
	transition: .3s;
	z-index: 9
}

.header-left-nav::-webkit-scrollbar-track {
	background-color: #fff
}

.header-left-nav::-webkit-scrollbar {
	width: 12px;
	background-color: #f5f5f5
}

.header-left-nav::-webkit-scrollbar-thumb {
	background-color: #eaeaea
}

.header-left-nav>.nav-container {
	padding: 10px 0
}

.header-left-nav>.nav-container>.nav-item>.nav-link {
	display: block;
	width: 100%;
	padding: 14px 25px;
	color: #707070;
	display: flex;
	align-items: center;
	font-size: 13.5px;
	transition: .3s;
	font-family: open sans,sans-serif
}

.header-left-nav>.nav-container>.nav-item>.nav-link:hover {
	background-color: #eef3f6
}

.header-left-nav>.nav-container>.nav-item>.nav-link>.icon {
	font-size: 18px;
	margin-right: 17px
}

.header-left-nav>.nav-container>.nav-item.dropdown-item>.nav-link {
	position: relative
}

.header-left-nav>.nav-container>.nav-item.dropdown-item>.nav-link::before {
	content: "\e973";
	font-family: misszenne!important;
	font-size: 8px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%)
}

.header-left-nav>.nav-container>.nav-item.dropdown-item.Active>.nav-link {
	background-color: #eef3f6
}

.header-left-nav>.nav-container>.nav-item.dropdown-item.Active>.nav-link::before {
	content: "\e977"
}

.header-left-nav>.nav-container>.nav-item.dropdown-item>.dropdown-container {
	display: none
}

.header-left-nav>.nav-container>.nav-item.dropdown-item>.dropdown-container>.dropdown-link {
	display: block;
	padding: 12px 25px;
	font-size: 13px;
	color: rgba(15,31,62,.8);
	transition: .3s;
	font-family: open sans,sans-serif
}

.header-left-nav>.nav-container>.nav-item.dropdown-item>.dropdown-container>.dropdown-link:hover {
	color: #0c1f3e
}

@media only screen and (max-width: 1366px) {
	.header-left-nav {
		 left:-240px
	}

	body.left-nav-control .header-left-nav {
		 left: 0
	}
}

.user-sidebar {
	position: fixed;
	background-color: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 100vh!important;
	box-shadow: 0 0 20px 0 rgba(128,123,138,.2);
	-webkit-transition: -webkit-transform 300ms ease;
	-moz-transition: -moz-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	-webkit-transform: translate(100%,0);
	-moz-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-o-transform: translate(100%,0);
	transform: translate(100%,0);
	z-index: 999999
}

.user-sidebar.show {
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0)
}

.sidebar-overlay.show {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255,255,255,.78);
	z-index: 999;
	transition: .3s
}

.user-sidebar .empty {
	text-align: center;
	padding: 20px 12px;
	color: #8d99b8
}

.user-sidebar .empty>.Icon {
	font-size: 34px;
	margin-bottom: 10px
}

.user-sidebar .empty>.txt {
	font-size: 12px
}

.user-sidebar>.sidebar-container {
	height: 100%
}

.user-sidebar>.sidebar-container>.tabmenu {
	display: flex;
	align-items: center;
	padding: 0 6px;
	border-bottom: 1px solid #eee
}

.user-sidebar>.sidebar-container>.tabmenu>.item {
	flex: 1;
	margin: 10px 5px;
	border: 1px solid #fff;
	border: 1px solid rgba(107,122,144,.3);
	text-align: center;
	padding: 5px 12px;
	border-radius: 2px;
	font-size: 12px;
	transition: .3s;
	cursor: pointer
}

.user-sidebar>.sidebar-container>.tabmenu>.item:hover {
	background-color: #fbfbfb
}

.user-sidebar>.sidebar-container>.tabmenu>.item.active {
	background-color: #307bff;
	border-color: #307bff;
	color: #fff
}

.user-sidebar>.sidebar-container>.sidebar-content {
	height: 100%;
	overflow-y: auto
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body {
	display: none;
	height: 100%;
	overflow-y: auto
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body.show-tab {
	display: block
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body .userCard {
	padding: 15px;
	text-align: center;
	margin-top: 15px
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body .userCard>.Pp {
	width: 55px;
	height: 55px;
	font-size: 17px;
	background-color: #5a6175;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color: #fff;
	margin: 0 auto
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body .userCard>.userInfo {
	color: #fff
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body .userCard>.userInfo>.Name {
	font-size: 12px;
	font-weight: 600;
	color: #000;
	font-size: 16px;
	margin-top: 10px
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body .userCard>.userInfo>.Firm {
	font-size: 12px;
	color: #8e99b9
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.company-select {
	padding: 15px
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.company-select>.item {
	margin-bottom: 18px
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.company-select>.item>label {
	font-size: 12px;
	font-weight: 500;
	color: #307bff;
	margin-bottom: 7px
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.company-select>.item>.theme-select {
	background-color: #fbfbfb
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.user-my-nav {
	margin-bottom: 20px
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.user-my-nav>.T {
	font-size: 14px;
	font-weight: 500;
	color: #307bff;
	padding: 10px 15px;
	border-bottom: 1px solid rgba(107,122,144,.14)
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.user-my-nav>.list>li>.Link {
	display: block;
	width: 100%;
	padding: 10px 15px;
	color: #5b6479;
	font-size: 12px;
	border-bottom: 1px solid rgba(107,122,144,.14);
	transition: .3s
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.user-my-nav>.list>li>.Link:hover {
	background-color: #fbfbfb
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.sidebar-control {
	display: flex;
	align-items: center
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.sidebar-control>.item {
	margin: 0 10px;
	flex: 1
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.sidebar-control>.item>.sidebar-button {
	display: block;
	text-align: center;
	color: #75809c;
	transition: .3s
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.sidebar-control>.item>.sidebar-button:hover {
	color: #317bff
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.sidebar-control>.item>.sidebar-button>.Icon {
	font-size: 24px;
	margin-bottom: 7px
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.sidebar-control>.item>.sidebar-button>.txt {
	font-size: 12px
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.note-area {
	height: 100%
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.note-area>textarea {
	height: calc(100% - 104px);
	width: 100%;
	border: 0;
	background-color: #fdfdfd;
	resize: none;
	overflow-y: auto;
	padding: 15px
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.note-area>.tab-alert {
	font-size: 12px;
	background-color: rgba(255,0,0,.0392156862745098);
	padding: 10px
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.SidebarLogs>.item {
	padding: 10px 15px;
	border-bottom: 1px solid #eee
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.SidebarLogs>.item>.log-info {
	font-size: 12px;
	font-weight: 600
}

.user-sidebar>.sidebar-container>.sidebar-content>.tab-body>.SidebarLogs>.item>.log-date {
	font-size: 12px;
	color: #b1b1b1;
	margin-top: 2px
}

.container-v3 {
	padding: 15px
}

.container-v3 .mb-30 {
	margin-bottom: 30px
}

.container-v3 .dash-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px
}

.container-v3 .dash-head>.column:last-child {
	flex: auto;
	text-align: right
}

.container-v3 .dash-head>.column .Title {
	font-size: 16px;
	font-weight: 600;
	width: max-content
}

.container-v3 .filter-container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-left: 20px;
	max-width: 500px;
	float: right
}

.container-v3 .filter-container>.button-filters {
	align-items: center
}

.container-v3 .filter-container>.button-filters>li {
	display: inline-block
}

.container-v3 .filter-container>.button-filters>li>a.button-item {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #ebebeb;
	color: #707070;
	font-size: 12px;
	padding: 8px 10px;
	border-radius: 3px;
	margin-left: 5px;
	width: max-content;
	transition: .3s
}

.container-v3 .filter-container>.button-filters>li>a.button-item.active {
	background-color: #424858;
	border-color: #424858;
	color: #fff
}

.container-v3 .filter-container>.button-filters>li>a.button-item:hover {
	background-color: #424857;
	border-color: #424857;
	color: #fff
}

.container-v3 .filter-container>#filter-more {
	display: none;
	position: relative;
	margin-left: 5px
}

.container-v3 .filter-container>#filter-more li {
	position: relative;
	z-index: 2
}

.container-v3 .filter-container>#filter-more li>.more-link {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #ebebeb;
	color: #000;
	font-size: 12px;
	padding: 9px 10px 15px;
	border-radius: 3px;
	margin-left: 5px;
	height: 35px
}

.container-v3 .filter-container>#filter-more li>.more-link>span {
	font-size: 24px;
	line-height: 0
}

.container-v3 .filter-container>#filter-more li>.filter-list {
	position: absolute;
	right: 5px;
	width: max-content;
	top: 33px;
	padding: 20px 0 5px;
	box-shadow: 0 20px 20px rgba(0,0,0,.1);
	opacity: 0;
	visibility: hidden
}

.container-v3 .filter-container>#filter-more li>.filter-list::before {
	content: '';
	position: absolute;
	top: 5px;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: transparent transparent #fff;
	right: 8px
}

.container-v3 .filter-container>#filter-more li>.filter-list::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 15px;
	bottom: 0;
	background-color: #fff
}

.container-v3 .filter-container>#filter-more li>.filter-list>li>a.button-item {
	display: block;
	padding: 10px 20px;
	color: #5c5b68;
	font-size: 12px;
	text-align: right;
	cursor: pointer
}

.container-v3 .filter-container>#filter-more li>.filter-list>li>a.button-item.active {
	background-color: #424858;
	border-color: #424858;
	color: #fff
}

.container-v3 .filter-container>#filter-more li>.filter-list>li>a.button-item.active:hover {
	color: #fff
}

.container-v3 .filter-container>#filter-more li>.filter-list>li>a.button-item:hover {
	color: #000
}

.container-v3 .filter-container>#filter-more li:hover>.more-link {
	background-color: #424857;
	border-color: #424857;
	color: #fff
}

.container-v3 .filter-container>#filter-more li:hover>.filter-list {
	opacity: 1;
	visibility: visible
}

.container-v3 .mini-stats-area .stats-card {
	color: #fff;
	border-radius: 3px;
	margin-bottom: 30px;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05)
}

.container-v3 .mini-stats-area .stats-card.card1 {
	background-color: #5985ee
}

.container-v3 .mini-stats-area .stats-card.card2 {
	background-color: #4bbbce
}

.container-v3 .mini-stats-area .stats-card.card3 {
	background-color: #e66793
}

.container-v3 .mini-stats-area .stats-card.card4 {
	background-color: #46cd93
}

.container-v3 .mini-stats-area .stats-card.card1 .card-desc,.container-v3 .mini-stats-area .stats-card.card2 .card-desc,.container-v3 .mini-stats-area .stats-card.card3 .card-desc,.container-v3 .mini-stats-area .stats-card.card4 .card-desc {
	background-color: rgba(255,255,255,.1)
}

.container-v3 .mini-stats-area .stats-card .card-desc {
	padding: 13px
}

.container-v3 .mini-stats-area .stats-card .card-desc>.desc-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 9px
}

.container-v3 .mini-stats-area .stats-card .card-desc>.desc-head>.column .T {
	font-weight: 600;
	color: rgba(255,255,255,.5);
	font-size: 14px
}

.container-v3 .mini-stats-area .stats-card .card-desc>.desc-head>.column .num {
	font-weight: 600;
	font-size: 1.8rem
}

.container-v3 .mini-stats-area .stats-card .card-desc>.desc-past {
	font-size: 12px;
	margin-bottom: 5px
}

.container-v3 .mini-stats-area .stats-card .card-desc>.desc-past>.past-num {
	display: inline-block;
	background-color: #fff;
	color: #4a4a4a;
	padding: 0 5px;
	border-radius: 5px;
	font-size: 10px;
	margin-right: 2px
}

.container-v3 .mini-stats-area .stats-card .card-desc>.desc-past>.past-num.up {
	color: green
}

.container-v3 .mini-stats-area .stats-card .card-desc>.desc-past>.past-num.down {
	color: red
}

.container-v3 .mini-stats-area .stats-card .desc-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 17px 13px
}

.container-v3 .mini-stats-area .stats-card .desc-footer>.column .Icon {
	font-size: 20px;
	color: rgba(255,255,255,.58)
}

.container-v3 .dash-container {
	border: 1px solid #efeff0;
	padding: 20px 15px;
	background-color: #fff;
	border-radius: 5px;
	height: 100%;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05)
}

.container-v3 .dash-container>.dash-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px
}

.container-v3 .dash-container>.dash-title>.column .T {
	font-weight: 600;
	font-size: 16px
}

.container-v3 .dash-container>.dash-title>.column .sT {
	font-size: 12px;
	color: #8e8e8e
}

.container-v3 .dash-container.dash-licance {
	padding-bottom: 44px;
	margin-bottom: 30px
}

.container-v3 .dash-container.dash-licance>.dash-body {
	display: flex;
	justify-content: space-between
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle {
	text-align: center;
	padding-right: 30px
}

.container-v3 .dash-container.dash-licance>.dash-body>.column .lisance-list>.item {
	padding-bottom: 15px;
	position: relative;
	padding-left: 25px;
	margin-bottom: -4px
}

.container-v3 .dash-container.dash-licance>.dash-body>.column .lisance-list>.item:last-child {
	padding-bottom: 0
}

.container-v3 .dash-container.dash-licance>.dash-body>.column .lisance-list>.item::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border: 1px solid #8fc256;
	left: 5px;
	top: 5px;
	border-radius: 50%
}

.container-v3 .dash-container.dash-licance>.dash-body>.column .lisance-list>.item::after {
	content: "";
	position: absolute;
	top: 14px;
	bottom: 0;
	left: 9px;
	width: 1px;
	background-color: #e3e3e3
}

.container-v3 .dash-container.dash-licance>.dash-body>.column .lisance-list>.item>.Info {
	font-size: 14px;
	color: #adadad
}

.container-v3 .dash-container.dash-licance>.dash-body>.column .lisance-list>.item>.Info.Red {
	color: red;
	font-weight: 600
}

.container-v3 .dash-container.dash-licance>.dash-body>.column .lisance-list>.item>.Info.Link {
	font-weight: 600;
	color: #307bff
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle {
	background-color: #47cd93;
	border-radius: 50%;
	display: inline-block;
	height: 220px;
	position: relative;
	width: 220px
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle:before {
	align-items: center;
	background-color: #fff;
	border-radius: 50%;
	content: "";
	display: flex;
	justify-content: center;
	position: absolute;
	left: 17px;
	right: 17px;
	top: 17px;
	bottom: 17px;
	transition: transform .2s ease
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle:after {
	background-color: #e8eff0;
	border-radius: 50%;
	content: '';
	display: inline-block;
	height: 100%;
	width: 100%
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="0"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(90deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="1"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(93.6deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="2"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(97.2deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="3"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(100.8deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="4"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(104.4deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="5"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(108deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="6"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(111.6deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="7"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(115.2deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="8"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(118.8deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="9"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(122.4deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="10"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(126deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="11"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(129.6deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="12"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(133.2deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="13"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(136.8deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="14"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(140.4deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="15"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(144deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="16"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(147.6deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="17"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(151.2deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="18"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(154.8deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="19"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(158.4deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="20"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(162deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="21"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(165.60000000000002deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="22"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(169.2deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="23"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(172.8deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="24"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(176.4deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="25"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(180deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="26"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(183.60000000000002deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="27"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(187.2deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="28"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(190.8deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="29"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(194.4deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="30"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(198deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="31"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(201.60000000000002deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="32"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(205.2deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="33"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(208.8deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="34"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(212.4deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="35"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(216deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="36"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(219.6deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="37"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(223.20000000000002deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="38"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(226.8deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="39"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(230.4deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="40"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(234deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="41"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(237.6deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="42"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(241.20000000000002deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="43"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(244.8deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="44"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(248.4deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="45"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(252deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="46"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(255.6deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="47"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(259.20000000000005deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="48"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(262.8deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="49"]:after {
	background-image: linear-gradient(90deg,#E8EFF0 50%,transparent 50%,transparent),linear-gradient(266.4deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="50"]:after {
	background-image: linear-gradient(-90deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="51"]:after {
	background-image: linear-gradient(-86.4deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="52"]:after {
	background-image: linear-gradient(-82.8deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="53"]:after {
	background-image: linear-gradient(-79.2deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="54"]:after {
	background-image: linear-gradient(-75.6deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="55"]:after {
	background-image: linear-gradient(-72deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="56"]:after {
	background-image: linear-gradient(-68.4deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="57"]:after {
	background-image: linear-gradient(-64.8deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="58"]:after {
	background-image: linear-gradient(-61.2deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="59"]:after {
	background-image: linear-gradient(-57.6deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="60"]:after {
	background-image: linear-gradient(-54deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="61"]:after {
	background-image: linear-gradient(-50.4deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="62"]:after {
	background-image: linear-gradient(-46.8deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="63"]:after {
	background-image: linear-gradient(-43.199999999999996deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="64"]:after {
	background-image: linear-gradient(-39.6deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="65"]:after {
	background-image: linear-gradient(-36deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="66"]:after {
	background-image: linear-gradient(-32.4deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="67"]:after {
	background-image: linear-gradient(-28.799999999999997deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="68"]:after {
	background-image: linear-gradient(-25.200000000000003deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="69"]:after {
	background-image: linear-gradient(-21.599999999999994deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="70"]:after {
	background-image: linear-gradient(-18deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="71"]:after {
	background-image: linear-gradient(-14.399999999999991deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="72"]:after {
	background-image: linear-gradient(-10.799999999999997deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="73"]:after {
	background-image: linear-gradient(-7.200000000000003deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="74"]:after {
	background-image: linear-gradient(-3.599999999999994deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="75"]:after {
	background-image: linear-gradient(0deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="76"]:after {
	background-image: linear-gradient(3.600000000000009deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="77"]:after {
	background-image: linear-gradient(7.200000000000003deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="78"]:after {
	background-image: linear-gradient(10.799999999999997deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="79"]:after {
	background-image: linear-gradient(14.400000000000006deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="80"]:after {
	background-image: linear-gradient(18deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="81"]:after {
	background-image: linear-gradient(21.60000000000001deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="82"]:after {
	background-image: linear-gradient(25.200000000000003deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="83"]:after {
	background-image: linear-gradient(28.799999999999997deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="84"]:after {
	background-image: linear-gradient(32.400000000000006deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="85"]:after {
	background-image: linear-gradient(36deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="86"]:after {
	background-image: linear-gradient(39.599999999999994deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="87"]:after {
	background-image: linear-gradient(43.20000000000002deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="88"]:after {
	background-image: linear-gradient(46.80000000000001deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="89"]:after {
	background-image: linear-gradient(50.400000000000006deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="90"]:after {
	background-image: linear-gradient(54deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="91"]:after {
	background-image: linear-gradient(57.599999999999994deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="92"]:after {
	background-image: linear-gradient(61.20000000000002deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="93"]:after {
	background-image: linear-gradient(64.80000000000001deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="94"]:after {
	background-image: linear-gradient(68.4deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="95"]:after {
	background-image: linear-gradient(72deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="96"]:after {
	background-image: linear-gradient(75.6deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="97"]:after {
	background-image: linear-gradient(79.20000000000002deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="98"]:after {
	background-image: linear-gradient(82.80000000000001deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="99"]:after {
	background-image: linear-gradient(86.4deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-circle[data-progress="100"]:after {
	background-image: linear-gradient(90deg,#47CD93 50%,transparent 50%,transparent),linear-gradient(270deg,#47CD93 50%,#E8EFF0 50%,#E8EFF0)
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-info {
	line-height: 21px;
	text-align: center
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-info>.num {
	color: #555;
	font-weight: 500;
	font-size: 24px
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-info>span {
	color: #b5b5b5;
	font-weight: 500
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-container {
	position: relative;
	margin-bottom: 18px;
	width: 220px;
	display: inline-block
}

.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle .progress-container>.progress-info {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)
}

.container-v3 .dash-container>.dash-body>.data-list {
	margin: 28px 0
}

.container-v3 .dash-container>.dash-body>.data-list>.item {
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4
}

.container-v3 .dash-container>.dash-body>.data-list>.item>.data-link {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 0 18px;
	color: #707070;
	font-size: 12px;
	padding-left: 30px;
	transition: .3s;
	display: flex;
	align-items: center;
	height: 51.6px
}

.container-v3 .dash-container>.dash-body>.data-list>.item>.data-link::before {
	content: "";
	position: absolute;
	-webkit-clip-path: polygon(50% 0%,100% 50%,50% 100%,0% 50%);
	clip-path: polygon(50% 0%,100% 50%,50% 100%,0% 50%);
	width: 11px;
	height: 11px;
	background-color: #d7d7d7;
	left: 9px;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s
}

.container-v3 .dash-container>.dash-body>.data-list>.item>.data-link a {
	color: #2c5ac7;
	cursor: pointer
}

.container-v3 .dash-container>.dash-body>.data-list>.item>.data-link a.disable {
	color: #8e8e8e;
	cursor: default
}

.container-v3 .dash-container>.dash-body>.data-list.twoColumn>.item:nth-child(2n+2) {
	border-right: 0
}

.container-v3 .dash-container>.dash-body>.data-list>.item>.data-link:hover {
	color: #0c1f3e
}

.container-v3 .dash-container>.dash-body>.data-list>.item>.data-link:hover::before {
	background-color: #0c1e3d
}

.container-v3 .dash-container>.dash-body>.data-list>.item>.data-link .count {
	background-color: #e0e0e0;
	display: inline-block;
	padding: 3px 8px 3px 4px;
	border-radius: 0 5px 5px 0;
	color: #fff;
	position: relative
}

.container-v3 .dash-container>.dash-body>.data-list>.item>.data-link .count:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-right-color: #e0e0e0;
	border-width: 12px;
	margin-top: -12px
}

.container-v3 .dash-container>.dash-body>.data-list>.item:nth-child(5n+1)>.data-link .count {
	background-color: #5985ee
}

.container-v3 .dash-container>.dash-body>.data-list>.item:nth-child(5n+1)>.data-link .count:after {
	border-right-color: #5985ee
}

.container-v3 .dash-container>.dash-body>.data-list>.item:nth-child(5n+2)>.data-link .count {
	background-color: #4bbbce
}

.container-v3 .dash-container>.dash-body>.data-list>.item:nth-child(5n+2)>.data-link .count:after {
	border-right-color: #4bbbce
}

.container-v3 .dash-container>.dash-body>.data-list>.item:nth-child(5n+3)>.data-link .count {
	background-color: #e66793
}

.container-v3 .dash-container>.dash-body>.data-list>.item:nth-child(5n+3)>.data-link .count:after {
	border-right-color: #e66793
}

.container-v3 .dash-container>.dash-body>.data-list>.item:nth-child(5n+4)>.data-link .count {
	background-color: #46cd93
}

.container-v3 .dash-container>.dash-body>.data-list>.item:nth-child(5n+4)>.data-link .count:after {
	border-right-color: #46cd93
}

.container-v3 .dash-container>.dash-body>.data-list>.item:nth-child(5n+5)>.data-link .count {
	background-color: #e0e0e0;
	color: #000
}

.container-v3 .dash-container>.dash-body>.data-list>.item:nth-child(5n+5)>.data-link .count:after {
	border-right-color: #e0e0e0
}

.container-v3 .dash-tabs>.tab-item {
	display: none
}

.container-v3 .dash-tabs>.tab-item.Show {
	display: block
}

.container-v3 .dash-container>.dash-body>.data-list>.item>.data-link.flexItem {
	padding-right: 0
}

.container-v3 .dash-container>.dash-body>.data-list>.item>.data-link.flexItem .column {
	display: flex;
	align-items: center
}

.container-v3 .dash-container>.dash-body>.data-list>.item>.data-link.flexItem .column .theme-button {
	color: #a9a9a9;
	height: 29px;
	line-height: 17px;
	margin-left: 4px
}

.container-v3 .dash-container>.dash-body>.data-list>.item>.data-link.flexItem .column .theme-button span {
	font-size: 18px;
	line-height: initial;
	color: #424858
}

@media only screen and (max-width: 768px) {
	.container-v3 .dash-container>.dash-body>.data-list {
		 margin:0
	}

	.container-v3 .dash-container>.dash-body>.data-list.twoColumn>.item {
		 border-right: 0
	}

	.container-v3 .dash-container>.dash-body>.data-list.twoColumn>.item:last-child {
		 border-bottom: 0
	}

	.container-v3 .mini-stats-area .stats-card .card-desc .Wind {
		 width: auto!important
	}
}

.container-v3 .content-area.bg-clip,.container-v3 .content-area.bg-clip2,.container-v3 .content-area.bg-clip3,.container-v3 .content-area.bg-clip4 {
	background-position-y: calc(100% - -10px);
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom: 30px
}

.container-v3 .content-area.bg-clip {
	background-image: url(/Library/Theme_v2/img/bg_clip_c2.png)
}

.container-v3 .content-area {
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05)
}

.container-v3 .content-area .canvas-wrapper {
	padding: 60px 0;
	text-align: center;
	margin-bottom: 20px;
	position: relative
}

.container-v3 .content-area .canvas-wrapper>canvas {
	display: inline-block!important
}

.container-v3 .content-area .canvas-wrapper>.circle-chart-content {
	position: absolute;
	top: calc(50% - 10px);
	left: 50%;
	transform: translate(-50%,-50%)
}

.container-v3 .content-area .canvas-wrapper>.circle-chart-content.Half {
	top: calc(50% - -22px)
}

.container-v3 .content-area .canvas-wrapper>.circle-chart-content>.Icon {
	color: #4bbbce
}

.container-v3 .content-area .canvas-wrapper>.circle-chart-content>.Icon.green-icon {
	color: #80be4c
}

.container-v3 .content-area .canvas-wrapper>.circle-chart-content>.Icon.xl-icon {
	font-size: 26px
}

.container-v3 .content-area .canvas-wrapper>.circle-chart-content>.Icon.xxl-icon {
	font-size: 46px
}

.container-v3 .content-area .canvas-wrapper>.circle-chart-content>.Title {
	color: #4c4c4c;
	font-weight: 500
}

.container-v3 .content-area .canvas-wrapper>.circle-chart-content>.Title>strong {
	font-size: 15px;
	line-height: normal;
	font-weight: 600
}

.container-v3 .content-area .canvas-wrapper>.circle-chart-content>.Num {
	font-size: 24px;
	font-weight: 700
}

.container-v3 .content-area .chart-content_hr {
	padding-top: 28px;
	border-top: 1px dashed #c3c3c3
}

.container-v3 .content-area .chart-content {
	display: flex;
	text-align: center;
	padding-bottom: 10px
}

.container-v3 .content-area .chart-content>.item {
	flex: auto
}

.container-v3 .content-area .chart-content>.item>.Txt {
	position: relative;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	padding-left: 22px;
	display: inline-block;
	text-align: left
}

.container-v3 .content-area .chart-content>.item>.Txt::before {
	content: "";
	width: 15px;
	height: 15px;
	border: 3px solid #4bbbce;
	position: absolute;
	border-radius: 50%;
	left: 0;
	top: 10px
}

.container-v3 .content-area .chart-content>.item>.Txt.Style2::before {
	border-color: #307ffa
}

.container-v3 .content-area .chart-content>.item>.Txt.Style3::before {
	border-color: silver
}

.container-v3 .content-area .chart-content>.item>.Txt>span {
	display: block
}

.container-v3 .content-area .chart-content>.item>.Txt>span:first-child {
	display: block;
	font-size: 12px;
	color: #000;
	font-weight: 100
}

@media only screen and (max-width: 768px) {
	.container-v3 .dash-head>.column .Title {
		 font-size:12px
	}

	.container-v3 .dash-head>.column .Title>select {
		 width: max-content!important;
		 margin-left: 3px
	}
}

.marquee-container {
	width: 100%;
	clear: both;
	overflow: hidden;
	background: #fff;
	padding: 0 10px;
	box-sizing: border-box;
	position: sticky;
	top: 73px;
	z-index: 99;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05)
}

.marquee-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden
}

.marquee-container ul li.item {
	display: inline-block;
	padding: 18px 24px 18px 50px;
	position: relative;
	font-family: open sans,sans-serif
}

.marquee-container ul li.item>.Icon {
	position: absolute;
	left: 8px;
	top: 50%;
	width: 32px;
	height: 32px;
	background-color: red;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%)
}

.marquee-container ul li.item>.Info {
	font-size: 13.5px;
	font-weight: 400;
	color: #707070
}

.marquee-container ul li.item>.Info>span {
	font-weight: 700;
	margin-left: 2px
}

.js-marquee-wrapper {
	margin-left: 0!important
}

.marquee-container ul li.item:nth-child(4n+1)>.Icon {
	background-color: rgba(89,133,238,.09);
	color: #5985ee
}

.marquee-container ul li.item:nth-child(4n+1)>.Info>span {
	color: #5985ee
}

.marquee-container ul li.item:nth-child(4n+2)>.Icon {
	background-color: rgba(75,187,206,.15);
	color: #4bbbce
}

.marquee-container ul li.item:nth-child(4n+2)>.Info>span {
	color: #4bbbce
}

.marquee-container ul li.item:nth-child(4n+3)>.Icon {
	background-color: rgba(230,103,147,.11);
	color: #e66793
}

.marquee-container ul li.item:nth-child(4n+3)>.Info>span {
	color: #e66793
}

.marquee-container ul li.item:nth-child(4n+4)>.Icon {
	background-color: rgba(70,205,147,.11);
	color: #46cd93
}

.marquee-container ul li.item:nth-child(4n+4)>.Info>span {
	color: #46cd93
}

.login-container {
	height: 100%;
	display: flex;
	font-family: open sans,sans-serif
}

.login-container>.item {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
	overflow-y: auto
}

.login-container>.item.Left {
	background-color: #fff;
	overflow-y: auto;
	padding: 10px 0
}

.login-container>.item.Left .info-area {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

.login-container>.item.Left .info-area .scroll-container {
	margin: auto;
	max-height: 100%;
	overflow: auto
}

.login-container>.item.Left .info-area .scroll-container .flex-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #fff;
	padding: 50px 140px
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .login-owl.owl-theme .owl-dots {
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 290px
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .login-owl.owl-theme .owl-dots .owl-dot span {
	margin: 2px 4px;
	width: 8px;
	height: 8px;
	background-color: #a4c2f1
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .login-owl.owl-theme .owl-dots .owl-dot.active span,.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .login-owl.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #4a85e4
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .login-owl.owl-theme .owl-nav {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 0;
	left: -70px;
	right: -70px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .login-owl.owl-theme .owl-nav.disabled {
	opacity: 0;
	visibility: hidden
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .login-owl.owl-theme .owl-nav button.owl-next,.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .login-owl.owl-theme .owl-nav button.owl-prev {
	font-size: 64px;
	color: rgba(28,53,107,.09);
	transition: .3s
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .login-owl.owl-theme .owl-nav button.owl-next:hover,.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .login-owl.owl-theme .owl-nav button.owl-prev:hover {
	background-color: transparent;
	color: rgba(28,53,107,.9)
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .info-text {
	text-align: center;
	padding: 0 70px 30px;
	margin-top: 100px
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .info-text>.T {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .info-text>p {
	display: block;
	font-size: 16px;
	font-weight: 400
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .info-text>p>span {
	display: block;
	margin-top: 8px;
	font-weight: 600
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .info-text>.goTo {
	display: inline-block;
	border: 2px solid #007de1;
	font-weight: 600;
	color: #015496;
	padding: 6px 15px;
	border-radius: 5px;
	font-size: 12px;
	margin-top: 25px;
	transition: .3s
}

.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .info-text>.goTo:hover {
	transform: translateY(-3px);
	box-shadow: 0 1px 14px rgba(0,0,0,.2);
	background-color: #2d7de0;
	color: #fff
}

.login-container>.item.Right {
	background-image: url(/Library/Theme_v2/img/login-bg.jpg);
	background-size: cover;
	padding: 0 20px
}

.login-container>.item.Right .login-area {
	width: 100%;
	max-width: 350px
}

.login-container>.item.Right .login-area>.area-head {
	margin-bottom: 40px;
	text-align: center
}

.login-container>.item.Right .login-area>.area-head>.T {
	margin-top: 10px;
	color: rgba(255,255,255,.67)
}

.login-container>.item.Right .login-area>.area-body .errorText {
	margin-top: 15px;
	background-color: rgba(255,17,0,.28);
	font-size: 12px;
	text-align: center;
	padding: 7px;
	color: rgba(255,255,255,.91)
}

.login-container>.item.Right .login-area>.area-body .item {
	margin-bottom: 14px
}

.login-container>.item.Right .login-area>.area-body .item>label {
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 100;
	color: #7f89a1;
	margin-bottom: 10px
}

.login-container>.item.Right .login-area>.area-body .item>.login-input {
	width: 100%;
	background-color: #172a50!important;
	border: 1px solid #03307c;
	color: #fff;
	padding: 11px 15px;
	border-radius: 5px
}

.login-container>.item.Right .login-area>.area-body .item>.login-input.Error {
	border-color: rgba(255,0,0,.39);
	background-color: rgba(74,28,45,.52)!important
}

.login-container>.item.Right .login-area>.area-body .item>.login-btn {
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px solid #004492;
	background-color: #005ecf;
	color: #fff;
	font-weight: 600;
	border-radius: 5px;
	transition: .3s;
	position: relative
}

.login-container>.item.Right .login-area>.area-body .item>.login-btn>span {
	position: relative;
	z-index: 2
}

.login-container>.item.Right .login-area>.area-body .item>.login-btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background-color: #adadad
}

.login-container>.item.Right .login-area>.area-body .item>.login-btn.Bekleyin {
	pointer-events: none;
	border: 1px solid #909090;
	background-color: #909090
}

.login-container>.item.Right .login-area>.area-body .item>.login-btn.Bekleyin::before {
	transition: 3s;
	width: 100%
}

.login-container>.item.Right .login-area>.area-body .item>.login-btn:hover {
	background-color: #307bff
}

.login-container>.item.Right .login-area>.area-body .item.showp {
	position: relative
}

.login-container>.item.Right .login-area>.area-body .item.showp>.showPass {
	position: absolute;
	font-size: 10px;
	right: 0;
	bottom: 1px;
	padding: 16px 17px;
	color: #fff;
	cursor: pointer;
	z-index: 15
}

.login-container>.item.Right .login-area>.area-body .item.showp>.showPass::before {
	content: "\ea95";
	font-family: misszenne!important
}

.login-container>.item.Right .login-area>.area-body .item.showp>.showPass.activePass::before {
	content: "\ea94"
}

.login-container>.item.Right .login-area>.area-body .item .Remember span {
	border: 0;
	margin: 0;
	font-size: 11px;
	color: #fff;
	cursor: pointer;
	line-height: 24px
}

.login-container>.item.Right .login-area>.area-body .item .Remember span.Icon {
	margin-right: 4px;
	font-size: 14px;
	position: relative;
	top: 2px
}

.login-container>.item.Right .login-area>.area-body .item .Remember span.Icon::before {
	background-color: #fff
}

.login-container>.item.Right .login-area>.area-body .item .Remember span.Icon.iwo-4 {
	color: #005ecf
}

.telesatisPage .orderTimer {
	display: flex;
	align-items: center
}

.telesatisPage .orderTimer .Remaining {
	margin-right: 20px;
	flex: auto
}

.telesatisPage .orderTimer .T {
	font-size: 13px;
	color: rgba(66,72,88,.82);
	font-weight: 600;
	display: flex;
	align-items: center
}

.telesatisPage .orderTimer .T::before {
	content: "\e906";
	font-family: misszenne!important;
	font-size: 16px;
	margin-right: 5px
}

.telesatisPage #orderTimer .clockItem {
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	margin-right: 5px;
	color: rgba(66,72,88,.82)
}

.telesatisPage #orderTimer .clockItem>span {
	font-weight: 400;
	margin-left: 5px
}

.telesatisPage .order-table {
	border: 1px solid #eee
}

.telesatisPage .order-table.tablesorter-default .header,.telesatisPage .order-table.tablesorter-default .tablesorter-header {
	background-color: #f5f4f5;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	line-height: inherit;
	text-indent: 0;
	padding: 10px;
	font-size: 12px;
	font-weight: 500
}

.telesatisPage .order-table.tablesorter-default td {
	font-size: 12px;
	color: #5d5d5d;
	background-color: #fff;
	text-align: center
}

.telesatisPage .order-table.tablesorter-default td.text-center {
	text-align: center
}

.telesatisPage .order-table .Product {
	display: flex;
	align-items: center;
	position: relative
}

.telesatisPage .order-table .Product>.product-img {
	margin-right: 10px;
	flex: none;
	position: relative
}

.telesatisPage .order-table .Product>.product-img>a {
	display: block;
	width: 45px;
	position: relative
}

.telesatisPage .order-table .Product>.product-img>a>img {
	width: 100%
}

.telesatisPage .order-table .Product>.product-img>.zoom-icon {
	position: absolute;
	background-color: #fff;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	padding: 4px;
	font-size: 10px;
	top: -8px;
	right: -8px
}

.telesatisPage .order-table .Product>.product-text {
	text-align: left
}

.telesatisPage .order-table .removeItem {
	font-size: 22px;
	color: #da3633;
	padding: 10px;
	cursor: pointer;
	transition: .3s
}

.telesatisPage .order-table .removeItem:hover {
	color: red
}

.telesatisPage .Add {
	background-color: #e3e3e3;
	padding-top: 15px;
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 1px;
	z-index: 99
}

.telesatisPage .Add::before {
	top: -5px;
	content: "";
	display: block;
	background-image: url(/Library/Theme_v2/img/circle-a.png);
	background-position: center;
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0;
	right: 0
}

.telesatisPage .Add .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 5px 15px;
	font-size: 13px;
	color: #1e3d54
}

.telesatisPage .Add .item .remove {
	display: inline-block;
	background-color: #fff;
	padding: 1px 6px;
	margin-right: 7px
}

.telesatisPage .Add .add-detail {
	display: none
}

.telesatisPage .Add .item .edit-btn {
	background-color: #fff;
	border: 1px solid #c7c7c7;
	font-size: 12px;
	padding: 3px 10px;
	border-radius: 5px;
	margin-right: 10px;
	cursor: pointer
}

.telesatisPage .Add .item.Total {
	font-weight: 700;
	font-size: 14px;
	position: relative;
	transition: .3s;
	padding-left: 31px;
	border-top: 2px dashed rgba(66,72,88,.44);
	padding-top: 13px;
	margin-top: 13px;
	padding-bottom: 13px
}

.telesatisPage .Add .item.Total>.column:last-child {
	font-size: 19px
}

.telesatisPage .Add .item.Total::before {
	content: "\e97a";
	font-family: misszenne!important;
	position: absolute;
	left: 0;
	font-size: 22px
}

.telesatisPage .Add.ActiveAdd .item.Total::before {
	content: "\e979"
}

.telesatisPage .mBilgileri {
	background-color: #fcfaeb;
	border: 1px solid #c7c7c7;
	padding: 10px 5px;
	display: flex;
	position: relative;
	border-radius: 7px
}

.telesatisPage .mBilgileri::before {
	font-family: misszenne!important;
	position: absolute;
	right: 20px;
	font-size: 18px;
	top: 10px
}

.telesatisPage .mBilgileri>.item {
	flex: 1;
	border-right: 1px solid #c7c7c7;
	padding-left: 25px
}

.telesatisPage .mBilgileri>.item:last-child {
	border: 0
}

.telesatisPage .mBilgileri>.item>.content {
	display: inline-block;
	text-align: left
}

.telesatisPage .mBilgileri>.item>.content>p {
	margin-bottom: 2px;
	font-weight: 600;
	font-size: 12px
}

.telesatisPage .mBilgileri>.item>.content>p>span {
	font-weight: 400
}

.telesatisPage .content-wrapperv2>.title-box.BarcodeTitle {
}

.telesatisPage .content-wrapperv2>.title-box.BarcodeTitle>.column {
	flex: auto
}

.telesatisPage .content-wrapperv2>.title-box.BarcodeTitle>.column:last-child {
	flex: none;
	margin-left: 15px
}

.telesatisPage .content-wrapperv2>.title-box.BarcodeTitle>.column .barcode-area {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%
}

.telesatisPage .content-wrapperv2>.title-box.BarcodeTitle>.column .barcode-area>.barcode-input>form {
	height: auto!important
}

.telesatisPage .content-wrapperv2.Closed>.title-box {
	margin: 0
}

.telesatisPage .content-wrapperv2.Closed:not(.Disable)>.title-box .theme-button {
	height: 50px;
	line-height: 48px;
	padding: 0 20px
}

.telesatisPage .content-wrapperv2.Closed.Disable {
	position: relative
}

.telesatisPage .content-wrapperv2.Closed.Disable::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255,255,255,.76)
}

.telesatisPage .content-wrapperv2>.title-box .column.flex-item {
	display: flex;
	align-items: center
}

.telesatisPage .content-wrapperv2>.title-box .column .musteri-ara {
	display: flex;
	align-items: center;
	margin-left: 60px
}

.telesatisPage .content-wrapperv2>.title-box .column .musteri-ara .theme-select {
	border-radius: 60px 0 0 60px;
	height: 35px;
	border-right: 0
}

.telesatisPage .content-wrapperv2>.title-box .column .musteri-ara .search-area {
	position: relative
}

.telesatisPage .content-wrapperv2>.title-box .column .musteri-ara .search-area::after {
	content: "\ea0e";
	font-family: wopzefont!important;
	position: absolute;
	top: 9px;
	right: 15px;
	font-size: 17px;
	color: #bfbfbf
}

.telesatisPage .content-wrapperv2>.title-box .column .musteri-ara .search-area input {
	border-radius: 0 60px 60px 0;
	border: 1px solid #eee;
	padding: 7px;
	padding-left: 15px;
	width: 240px
}

.telesatisPage .searchProduct {
	font-size: 14px;
	font-weight: 600;
	color: #1e3d54;
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #f4f4f4;
	border-radius: 5px;
	padding: 41px 0;
	cursor: pointer
}

.telesatisPage .searchProduct>span {
	display: block;
	font-size: 31px;
	margin-bottom: 15px
}

.telesatisPage .horizontal_list {
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap;
	width: 100%;
	padding-bottom: 15px;
	padding-right: 1px
}

.telesatisPage .horizontal_list>.item {
	display: inline-block;
	width: 220px;
	margin-right: 12px;
	vertical-align: middle
}

.telesatisPage .horizontal_list>.item:last-child {
	margin: 0
}

.telesatisPage .horizontal_list>.item .radiobox_area .radiobox-input+.radiobox-label {
	padding: 19px 12px 19px 11px;
	height: 145px
}

.telesatisPage .horizontal_list>.item .radiobox_area .edit-add {
	font-size: 14px;
	color: green;
	font-weight: 400;
	line-height: 13px;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 11px;
	padding: 3px 0
}

.telesatisPage .horizontal_list>.item .radiobox_area .radiobox-input+.radiobox-label>.Head {
	padding-left: 27px;
	position: relative;
	height: 10px
}

.telesatisPage .horizontal_list>.item .radiobox_area {
	margin: 0;
	position: relative
}

.telesatisPage .horizontal_list .radiobox_area .radiobox-input+.radiobox-label>p {
	font-size: 12px
}

.telesatisPage .horizontal_list .radiobox_area .radiobox-input+.radiobox-label>.Head>.Column {
	font-size: 14px
}

.telesatisPage .barcode-box {
	display: flex;
	align-items: center
}

.telesatisPage .barcode-box .barcode-area {
	flex: 1;
	margin: 0
}

.telesatisPage .barcode-box .searchProduct {
	font-size: 14px;
	font-weight: 600;
	color: #1e3d54;
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #f4f4f4;
	border-radius: 5px;
	padding: 25px 20px;
	cursor: pointer;
	margin-left: 10px;
	flex: none
}

.telesatisPage .barcode-box .searchProduct.bg-white {
	background-color: #fff
}

.telesatisPage .barcode-box .searchProduct>span {
	display: block;
	font-size: 31px;
	margin-bottom: 15px
}

.telesatisPage .Quantity .input-group-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%
}

.telesatisPage .Quantity button.btn-number {
	height: 24px;
	width: 24px;
	line-height: 19px;
	border-radius: 50%;
	border: 0;
	background-color: #eee;
	font-size: 16px;
	cursor: pointer;
	padding: 0;
	color: #000
}

.telesatisPage .Quantity .quantity-text {
	height: 30px;
	text-align: center;
	width: 30px;
	border-radius: 50%;
	border: 1px solid #e2e2e2;
	margin: 0 3px;
	font-size: 14px;
	display: inline-block;
	padding: 0;
	text-indent: 0;
	background-color: #fff
}

.musterisecModal .List {
	max-height: 395px;
	overflow-y: auto
}

.musterisecModal .List .list-button {
	display: flex;
	padding: 10px;
	border: 1px solid #d5d5d5;
	border-bottom: 0;
	font-size: 12px;
	transition: .3s;
	position: relative;
	align-items: center;
	justify-content: space-between
}

.musterisecModal .List .list-button::hover {
	background-color: #fbfbfb
}

.musterisecModal .List .list-button:last-child {
	border-bottom: 1px solid #d5d5d5
}

.musterisecModal .List .list-button span.Name {
	display: block;
	padding: 2px;
	font-size: 14px;
	font-weight: 700
}

.musterisecModal .List .list-button span.Mail {
	display: block;
	padding: 2px;
	font-size: 12px
}

.musterisecModal .List .list-button span.Phone {
	display: block;
	padding: 2px;
	font-size: 12px
}

.musterisecModal .List .list-button.active {
	background-color: #147fdd;
	color: #fff;
	border-color: #147fdd;
	position: sticky;
	top: 0;
	z-index: 5;
	bottom: 0
}

.musterisecModal .List .list-button.active::after {
	content: "\e93d";
	font-family: misszenne!important;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}

.musterisecModal .List .list-button span i {
	font-size: 13px;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	color: #5a5a5a;
	margin-right: 5px
}

.musterisecModal .List .list-button.active span i {
	color: #fff
}

.musterisecModal .List .column:last-child {
	margin-right: 30px
}

.telesatis_kombine {
	background-color: #fff;
	width: 700px;
	padding: 15px 0
}

.telesatis_kombine .kombine-top .product-content>.product-head {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dashed #c1c1c1
}

.telesatis_kombine .kombine-top .product-content>.product-head .pName {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 4px
}

.telesatis_kombine .kombine-top .product-content>.product-head p {
	font-size: 12px;
	color: #ababab;
	margin-bottom: 5px
}

.telesatis_kombine .kombine-top .product-content>.product-head .price {
	font-size: 20px;
	color: #307aff;
	font-weight: 700
}

.telesatis_kombine .kombine-top .product-content>.product-head .price>.old {
	font-weight: 100;
	font-size: 16px;
	text-decoration: line-through;
	color: #8c8c8c
}

.telesatis_kombine .kombine-top .product-content>.product-body {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px dashed #c1c1c1
}

.telesatis_kombine .kombine-top .product-content>.product-body .theme-button {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 38px
}

.telesatis_kombine .kombine-top .product-content>.product-body .FormElements {
	display: flex
}

.telesatis_kombine .kombine-top .product-content>.product-body .FormElements p {
	font-size: 12px;
	display: block;
	margin-top: 8px;
	color: #7b7b7b
}

.telesatis_kombine .kombine-top .product-content>.product-body .FormElements p>span {
	color: #3079ff;
	font-size: 14px;
	font-weight: 600
}

.telesatis_kombine .kombine-top .product-content>.product-body .FormElements>.item {
	flex: auto
}

.telesatis_kombine .kombine-top .product-content>.product-body .FormElements>.item.parcaImg {
	flex: none;
	width: 60px;
	margin-right: 20px
}

.telesatis_kombine .kombine-top .product-content>.product-body .FormElements>.item.parcaImg img {
	width: 100%
}

.telesatis_kombine .kombine-top .product-content>.product-info>.T {
	font-size: 12px;
	color: #777;
	font-weight: 600;
	margin-bottom: 7px
}

.telesatis_kombine .kombine-top .product-content>.product-info>p {
	margin-bottom: 2px;
	font-size: 12px;
	color: #777
}

.telesatis_kombine .kombine-top .kombine-gallery img {
	width: 100%
}

.Popup_v2 .Modal.kombineModal {
	width: auto
}

.Popup_v2 .Modal.kombineModal .Htm .Document {
	border: 0;
	border-radius: 5px;
	padding: 0
}

.Popup_v2 .Modal.kombineModal .Htm .Document .Center {
	padding: 0;
	margin: 0
}

.Popup_v2 .Modal.kombineModal .Htm .Document .Close {
	top: -10px;
	right: -10px;
	background-color: #000;
	border-radius: 50%;
	width: 27px;
	height: 27px;
	border: 0;
	color: #fff;
	line-height: 27px;
	transition: .3s
}

.Popup_v2 .Modal.kombineModal .Htm .Document .Close:hover {
	background-color: #307aff
}

.Popup_v2 .Modal.kombineModal .Htm .Document .Close::before {
	font-size: 8px
}

@media only screen and (max-width: 1366px) {
	.login-container>.item.Left .info-area .scroll-container .flex-container {
		 padding:50px 90px
	}

	.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .info-text {
		 padding: 0;
		 margin-top: 50px
	}

	.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .info-text>.T {
		 font-size: 18px
	}

	.login-container>.item.Left .info-area .scroll-container .flex-container .owlContainer .info-text>p {
		 font-size: 14px
	}
}

@media only screen and (max-width: 991px) {
	.login-container>.item {
		 width:100%
	}

	.login-container>.item.Left {
		 display: none
	}
}

@media only screen and (max-width: 767px) {
	.header-left-nav {
		 top:60px
	}

	header.headerv3 {
		 height: 60px
	}

	header.headerv3>.Logov3 {
		 width: 45px;
		 overflow: hidden;
		 float: left;
		 position: relative
	}

	header.headerv3>.Logov3>img {
		 position: absolute;
		 top: 10px;
		 max-width: 150px;
		 left: 10px
	}

	header.headerv3>.header-search {
		 display: none;
		 position: fixed;
		 top: 60px;
		 left: 0;
		 width: 100%;
		 background: #fff;
		 padding: 14px
	}

	header.headerv3>.header-search.Active {
		 display: block;
		 z-index:105
	}

	header.headerv3>.header-control {
		 justify-self: flex-end;
		 padding: 0;
		 width: initial;
		 margin-left: 12px
	}

	header.headerv3>.header-control .userInfo {
		 display: none
	}

	header.headerv3>.header-control>.item {
		 display: none
	}

	header.headerv3>.header-control>.item:last-child {
		 display: block;
		 margin-left: auto
	}

	header.headerv3>.HamburgerNav {
		 flex: none;
		 width: 50px;
		 height: 100%;
		 padding: 23px 15px;
		 float: left;
		 display: inline-block
	}

	header.headerv3>.header-control>.item>.userCard {
		 padding: 0
	}
}

.tab-mhizmetleri .chart_1 {
	min-height: 320px!important
}

.tab-iade .chart_1 {
	min-height: 310px!important
}

.tab-studio .chart_1 {
	min-height: 242px!important
}

.tab-muhasebe .chart_2 {
	min-height: 276px!important
}

.tab-stok .chart_1 {
	min-height: 360px!important
}

.tab-satisDurumu .chart_1 {
	min-height: 360px!important
}

.tab-genel .chart_1 {
	min-height: 323px!important
}

.tab-webtedarik .chart_1 {
	min-height: 315px!important
}

@media only screen and (max-width: 768px) {
	.chart-line-area>.chart-body,.container-v3 {
		 padding:0
	}

	.tab-chart2>.chart-tab-list .column .tab-link {
		 padding: 10px;
		 font-size: 12px
	}

	.tab-chart2>.chart-tab-list .column .t {
		 margin: 0 10px
	}

	.tab-chart2>.chart-tab-content {
		 padding: 10px
	}

	.chart-line-area>.chart-body>.column .chart-title,.chart-line-area>.chart-body>.column .chart-info,.tab-chart2>.chart-tab-content>.tab-item .chart-body>.column .chart-control {
		 margin-top: 20px
	}

	.chart-line-area.chart-rtl>.chart-body>.column:last-child,.tab-chart2>.chart-tab-content>.tab-item .chart-body>.column .chart-control,.tab-chart2>.chart-tab-content>.tab-item .chart-body>.column .chart-title,.tab-chart2>.chart-tab-content>.tab-item .chart-body>.column .chart-info {
		 text-align: center
	}

	.tab-chart2>.chart-tab-content>.tab-item .chart-body>.column .chart-info {
		 padding-bottom: 15px
	}

	.tab-mhizmetleri .chart_1 {
		 min-height: auto!important
	}
}

@media only screen and (max-width: 575px) {
	.container-v3 .dash-container.dash-licance>.dash-body {
		 display:block
	}

	.container-v3 .dash-container.dash-licance>.dash-body>.column.Circle {
		 padding: 0;
		 margin-top: 30px
	}

	.container-v3 .dash-container.dash-licance>.dash-body>.column .lisance-list {
		 text-align: center
	}

	.container-v3 .dash-container.dash-licance>.dash-body>.column .lisance-list>.item {
		 padding: 0;
		 margin-bottom: 10px
	}

	.container-v3 .dash-container.dash-licance>.dash-body>.column .lisance-list>.item::after,.container-v3 .dash-container.dash-licance>.dash-body>.column .lisance-list>.item::before {
		 display: none
	}
}

.PageView_v2.xmlPages .xmlPage-top {
	top: 295px
}

.PageView_v2.xmlPages .weekTab {
	display: none
}

.PageView_v2.xmlPages .weekTab.showTab {
	display: inline-table
}

.PageView_v2.xmlPages .xml-weekly>.item {
	display: block;
	padding: 10px;
	border: 1px solid #eaeaea;
	font-size: 12px;
	transition: .3s;
	position: relative;
	margin-top: 10px
}

.PageView_v2.xmlPages .xml-weekly>.item.active {
	background-color: #147fdd;
	color: #fff;
	border-color: #147fdd
}

.PageView_v2.xmlPages .xml-weekly>.item.active::after {
	content: "\e93d";
	font-family: misszenne!important;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}

.PageView_v2 .xmlSatis .pDetail {
	display: flex;
	min-height: 277px
}

.PageView_v2 .xmlSatis .pDetail>.Img {
	flex: none;
	width: 185px;
	margin-right: 20px
}

.PageView_v2 .xmlSatis .pDetail>.Img>img {
	width: 100%
}

.PageView_v2 .xmlSatis .pDetail>.Content {
	flex: auto
}

.PageView_v2 .xmlSatis .pDetail>.Content>.item {
	display: block;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.PageView_v2 .xmlSatis .pDetail>.Content>.item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0
}

.PageView_v2 .xmlSatis .pDetail>.Content>.item>.T {
	color: #4d6272;
	font-size: 12px
}

.PageView_v2 .xmlSatis .pDetail>.Content>.item>p {
	margin: 0
}

.PageView_v2.xmlPages .v2Table .barcode {
	display: flex;
	align-items: center;
	padding: 3px 0;
	cursor: pointer
}

.PageView_v2.xmlPages .v2Table .barcode:hover {
	color: #307aff
}

.PageView_v2.xmlPages .v2Table .barcode::before {
	font-family: misszenne!important;
	content: "\ea93";
	color: #307aff;
	font-size: 17px;
	margin-right: 6px
}

.PageView_v2.xmlPages .v2Table .colored {
	color: #f5081e;
	font-weight: 600
}

.PageView_v2 .accordionTable tr.accordion-table:nth-child(+2n) td {
	background-color: #fff!important
}

.PageView_v2 .accordion-table-body td {
	background-color: #fdfdfd!important
}

.PageView_v2 .accordion-table-body td.redZone {
	color: red!important
}

.PageView_v2 .accordion-table-body td .v2Table {
	width: 100%
}

.PageView_v2 .accordion-table-body td .v2Table tr:hover td {
	background-color: rgba(66,72,88,.04)!important
}

.PageView_v2 .accordion-table-body thead {
	opacity: 0;
	visibility: hidden
}

.PageView_v2 .showVaryant::before {
	content: "\e9cf";
	font-family: misszenne!important
}

.PageView_v2 .showVaryant.active::before {
	content: "\e9d2"
}

.PageView_v2 td .productImg {
	position: relative;
	z-index: 2
}

.PageView_v2 td .productImg.showImg>.theme-button {
	background: #468cc8;
	border-color: #468cc8;
	color: #fff
}

.PageView_v2 td .productImg>img {
	position: absolute;
	width: 110px;
	left: 52px
}

@media only screen and (max-width: 768px) {
	.PageView_v2 {
		 height:auto!important
	}
}

.xmlInvoice {
	max-width: 1100px;
	background-color: #fff;
	padding: 25px
}

.xmlInvoice>.invoice-title {
	font-weight: 600;
	margin-bottom: 15px
}

.xmlInvoice>.InvoiceHead {
	border: 1px solid #d3d3d3;
	margin-bottom: 25px
}

.xmlInvoice>.InvoiceHead>.T {
	background-color: #fafafa;
	padding: 10px 15px;
	font-size: 12px;
	text-align: right;
	border-bottom: 1px solid #d3d3d3
}

.xmlInvoice>.InvoiceHead>.head-container {
	display: flex
}

.xmlInvoice>.InvoiceHead>.head-container>.column {
	flex: 1;
	border-right: 1px solid #d3d3d3;
	padding: 20px
}

.xmlInvoice>.InvoiceHead>.head-container>.column:last-child {
	border: 0
}

.xmlInvoice>.InvoiceHead>.head-container>.column>.i_no {
	font-weight: 600;
	margin-bottom: 10px
}

.xmlInvoice>.InvoiceHead>.head-container>.column>p {
	margin: 0
}

.xmlInvoice>.InvoiceHead>.head-container>.column>.content>.i_title {
	font-weight: 700;
	margin-bottom: 10px
}

.xmlInvoice>.InvoiceHead>.head-container>.column>.content>.i_stitle {
	font-weight: 600;
	margin-bottom: 5px
}

.xmlInvoice>.InvoiceHead>.head-container>.column>.content>p {
	margin: 0;
	font-weight: 100
}

.xmlInvoice>.InvoiceBody>table thead tr th {
	border: 1px solid #d3d3d3;
	padding: 3px 15px;
	font-weight: 500;
	background-color: #fafafa
}

.xmlInvoice>.InvoiceBody>table tbody tr td {
	padding: 9px 15px;
	border-color: #d3d3d3
}

.xmlInvoice>.InvoiceBody>table tbody tr:nth-child(+2n) td {
	background-color: #fff!important
}

.xmlInvoice>.InvoiceBody>table thead tr th:last-child,.xmlInvoice>.InvoiceBody>table tbody tr td:last-child {
	text-align: right
}

.xmlInvoice>.InvoiceBody>table thead tr:hover th,.xmlInvoice>.InvoiceBody>table tbody tr:hover td {
	background-color: #fff!important
}

.xmlInvoice>.InvoiceBody>table tbody tr.Add.Add_T td:last-child {
	text-align: left;
	background-color: #fafafa;
	font-weight: 500;
	padding: 9px 15px
}

.xmlInvoice>.InvoiceBody>table tbody tr.Add td:first-child {
	border-bottom: 0;
	border-left: 0
}

.Timer {
	display: flex;
	align-items: center
}

.Timer .clockItem {
	margin-right: 8px;
	font-weight: 600;
	color: #205698
}

.Timer.Red .clockItem {
	color: #cc1829
}

.Timer .clockItem:last-child {
	margin-right: 0
}

.Timer .clockItem>span {
	font-weight: 200;
	margin-left: 3px
}

#SupplyTimer {
	margin-left: 5px;
	display: flex;
	align-items: center
}

#SupplyTimer .clockItem {
	margin-right: 8px;
	font-weight: 600;
	color: #205698
}

#SupplyTimer.Red .clockItem {
	color: #cc1829
}

#SupplyTimer .clockItem:last-child {
	margin-right: 0
}

#SupplyTimer .clockItem>span {
	font-weight: 200;
	margin-left: 3px
}

.DataContainer .DataList {
	background-color: #f9f9f9;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	padding: 15px;
	display: flex
}

.DataContainer .DataList>.item {
	border-right: 1px solid #e1e1e1;
	padding: 0 15px;
	flex: 1;
	text-align: center;
	color: #1f3d53
}

.DataContainer .DataList>.item:last-child {
	border-right: 0
}

.DataContainer .DataList>.item>.T {
	font-size: 14px;
	margin-bottom: 5px
}

.DataContainer .DataList>.item>.Num {
	font-size: 30px;
	font-weight: 600
}

.RpData .RpTitle {
	color: #424857;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 16px
}

.RpData .DataList {
	display: flex
}

.RpData .DataList>.item {
	border-right: 1px solid #e1e1e1;
	padding: 15px;
	flex: 1;
	text-align: center;
	color: #1f3d53;
	position: relative;
	background-color: #f9f9f9;
	border: 1px solid #eaeaea;
	margin-right: 10px;
	border-radius: 5px
}

.RpData .DataList>.item:last-child {
	margin: 0;
	border-right: 0
}

.RpData .DataList>.item>.T {
	font-size: 14px;
	margin-top: 5px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center
}

.RpData .DataList>.item>.Count {
	font-size: 22px;
	font-weight: 600
}

.RpData .DataList>.item>.Num {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 4px
}

.Updating {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(255,255,255,.75);
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

.Updating>.t {
	font-size: 22px;
	font-weight: 600;
	text-shadow: 1px 1px 1px rgba(119,119,119,.32941176470588235);
	position: relative
}

.Updating>.t>span {
	position: absolute;
	box-shadow: none;
	font-weight: 500;
	font-size: 12px;
	background-color: #307bff;
	color: #fff;
	padding: 2px 10px;
	top: -22px;
	left: 0
}

.container-v3 .row.sevenColumn {
	margin-right: -5px;
	margin-left: -5px
}

.container-v3 .row.sevenColumn .col-md-2 {
	padding-right: 5px;
	padding-left: 5px;
	width: 14.28%
}

.container-v3 .row.sevenColumn .stretch-card .card-body>.detail {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px
}

.container-v3 .row.sevenColumn .stretch-card .card-body>.detail>span {
	margin-right: 5px;
	font-size: 14px
}

.container-v3 .SingleContent {
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #efeff0;
	box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 6px 3px 12px 0 rgba(0,0,0,.05);
	margin-bottom: 25px;
	padding: 15px
}

.container-v3.KargoTahsilat .SingleContent {
	display: flex;
	align-items: center
}

.container-v3.KargoTahsilat .SingleContent .item {
	margin-right: 100px
}

.container-v3.KargoTahsilat .SingleContent .item p {
	margin: 0;
	color: #424858;
	font-size: 14px;
	display: flex;
	align-items: center
}

.container-v3.KargoTahsilat .SingleContent .item p strong {
	font-size: 20px;
	margin-left: 5px
}

.container-v3.KargoTahsilat .SingleContent .item>.f-select {
	display: flex;
	align-items: center
}

.container-v3.KargoTahsilat .SingleContent .item>.f-select p {
	flex: auto;
	margin-right: 12px;
	color: #a0a0a0;
	font-size: 12px
}

.container-v3.KargoTahsilat .SingleContent .item>.f-select select {
	width: 190px
}

.container-v3.KargoTahsilat .SingleContent .control-panel {
	padding: 0;
	flex: auto;
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.container-v3.KargoTahsilat .SingleContent .control-panel .theme-button {
	margin-left: 10px
}

.container-v3.KargoTahsilat .chart-line-area>.chart-body>.column .chart-info>.text-item>.Price {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 3px
}

.container-v3.KargoTahsilat .chart-line-area>.chart-body>.column .chart-info>.text-item>.Price>span {
	font-size: 16px;
	font-weight: 400
}

.KargoTeslimalPopup .cargo-item {
	padding: 6px;
	border-bottom: 1px solid #f9f9f9;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative
}

.KargoTeslimalPopup .cargo-item::before {
	content: "";
	transition: 2s;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	width: 0;
	background-color: #f9f9f9
}

.KargoTeslimalPopup .cargo-item.uploaded::before {
	width: 100%
}

.KargoTeslimalPopup .cargo-item .upload-animate {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	background-color: #4091e6;
	transition: 2s
}

.KargoTeslimalPopup .cargo-item:last-child {
	margin-bottom: 0
}

.KargoTeslimalPopup .cargo-item .upload-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2
}

.KargoTeslimalPopup .cargo-item .upload-area .item .cargo-name {
	display: flex;
	align-items: center
}

.KargoTeslimalPopup .cargo-item.uploaded .upload-area .item .cargo-name {
	color: #2d7de2
}

.KargoTeslimalPopup .cargo-item .upload-area .item .cargo-name::before {
	content: "\ea6e";
	font-family: misszenne!important;
	transition: .3s;
	width: 0;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border-radius: 50%;
	background-color: #2d7de2;
	color: #fff;
	font-size: 10px;
	margin-right: 0
}

.KargoTeslimalPopup .cargo-item.uploaded .upload-area .item .cargo-name::before {
	width: 22px;
	margin-right: 7px
}

.KargoTeslimalPopup .cargo-item .upload-area .item .upload-group {
	display: flex;
	align-items: center
}

.KargoTeslimalPopup .cargo-item .upload-area .item .upload-group .upload-cargo {
	visibility: hidden;
	position: absolute
}

.KargoTeslimalPopup .cargo-item .upload-area .item .upload-group .form-control {
	border: 0;
	background-color: transparent;
	box-shadow: none;
	padding: 0;
	height: 24px;
	font-size: 12px;
	text-align: right;
	font-weight: 100
}

.KargoTeslimalPopup .cargo-item .upload-area .item .upload-group .browse {
	margin-left: 10px;
	border: 1px solid #2d7de2;
	font-size: 12px;
	padding: 6px 10px;
	color: #4380e1;
	width: 115px;
	transition: .3s
}

.KargoTeslimalPopup .cargo-item .upload-area .item .upload-group .browse:hover {
	background-color: #2d7de2;
	color: #fff
}

.manager-sidebar {
	position: fixed;
	background-color: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	width: 800px;
	height: 100%;
	box-shadow: 0 0 20px 0 rgba(128,123,138,.2);
	-webkit-transition: -webkit-transform 300ms ease;
	-moz-transition: -moz-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	-webkit-transform: translate(100%,0);
	-moz-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-o-transform: translate(100%,0);
	transform: translate(100%,0);
	z-index: 999999
}

.manager-sidebar.show {
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0)
}

.manager-overlay.show {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255,255,255,.78);
	z-index: 999;
	transition: .3s
}

.manager-sidebar .empty {
	text-align: center;
	padding: 20px 12px;
	color: #8d99b8
}

.manager-sidebar .empty>.Icon {
	font-size: 34px;
	margin-bottom: 10px
}

.manager-sidebar .empty>.txt {
	font-size: 12px
}

.manager-sidebar>.sidebar-container {
	height: 100%
}

.manager-sidebar>.sidebar-container>.tabmenu {
	display: flex;
	align-items: center;
	padding: 0 6px;
	border-bottom: 1px solid #eee
}

.manager-sidebar>.sidebar-container>.tabmenu>.item {
	flex: 1;
	margin: 10px 5px;
	border: 1px solid #fff;
	border: 1px solid rgba(107,122,144,.3);
	text-align: center;
	padding: 5px 12px;
	border-radius: 2px;
	font-size: 12px;
	transition: .3s;
	cursor: pointer
}

.manager-sidebar>.sidebar-container>.tabmenu>.item:hover {
	background-color: #fbfbfb
}

.manager-sidebar>.sidebar-container>.tabmenu>.item.active {
	background-color: #307bff;
	border-color: #307bff;
	color: #fff
}

.manager-sidebar>.sidebar-container>.sidebar-content {
	height: 100%;
	overflow-y: auto
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body {
	display: none;
	height: 100%;
	overflow-y: auto
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body.show-tab {
	display: block
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body .userCard {
	padding: 15px;
	text-align: center;
	margin-top: 15px
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body .userCard>.Pp {
	width: 55px;
	height: 55px;
	font-size: 17px;
	background-color: #5a6175;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color: #fff;
	margin: 0 auto
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body .userCard>.userInfo {
	color: #fff
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body .userCard>.userInfo>.Name {
	font-size: 12px;
	font-weight: 600;
	color: #000;
	font-size: 16px;
	margin-top: 10px
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body .userCard>.userInfo>.Firm {
	font-size: 12px;
	color: #8e99b9
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.company-select {
	padding: 15px
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.company-select>.item {
	margin-bottom: 18px
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.company-select>.item>label {
	font-size: 12px;
	font-weight: 500;
	color: #307bff;
	margin-bottom: 7px
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.company-select>.item>.theme-select {
	background-color: #fbfbfb
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.user-my-nav {
	margin-bottom: 20px
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.user-my-nav>.T {
	font-size: 14px;
	font-weight: 500;
	color: #307bff;
	padding: 10px 15px;
	border-bottom: 1px solid rgba(107,122,144,.14)
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.user-my-nav>.list>li>.Link {
	display: block;
	width: 100%;
	padding: 10px 15px;
	color: #5b6479;
	font-size: 12px;
	border-bottom: 1px solid rgba(107,122,144,.14);
	transition: .3s
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.user-my-nav>.list>li>.Link:hover {
	background-color: #fbfbfb
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.sidebar-control {
	display: flex;
	align-items: center
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.sidebar-control>.item {
	margin: 0 10px;
	flex: 1
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.sidebar-control>.item>.sidebar-button {
	display: block;
	text-align: center;
	color: #75809c;
	transition: .3s
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.sidebar-control>.item>.sidebar-button:hover {
	color: #317bff
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.sidebar-control>.item>.sidebar-button>.Icon {
	font-size: 24px;
	margin-bottom: 7px
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.sidebar-control>.item>.sidebar-button>.txt {
	font-size: 12px
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.note-area {
	height: 100%
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.note-area>textarea {
	height: calc(100% - 104px);
	width: 100%;
	border: 0;
	background-color: #fdfdfd;
	resize: none;
	overflow-y: auto;
	padding: 15px
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.note-area>.tab-alert {
	font-size: 12px;
	background-color: rgba(255,0,0,.0392156862745098);
	padding: 10px
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.SidebarLogs>.item {
	padding: 10px 15px;
	border-bottom: 1px solid #eee
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.SidebarLogs>.item>.log-info {
	font-size: 12px;
	font-weight: 600
}

.manager-sidebar>.sidebar-container>.sidebar-content>.tab-body>.SidebarLogs>.item>.log-date {
	font-size: 12px;
	color: #b1b1b1;
	margin-top: 2px
}

.manager-sidebar .List {
	counter-reset: my-sec-counter
}

.manager-sidebar .List>li {
	display: flex;
	justify-content: space-between;
	padding: 14px;
	padding-left: 38px;
	align-items: center;
	position: relative;
	transition: .3s
}

.manager-sidebar .List li:hover {
	background-color: #f7f7f7
}

.manager-sidebar .List>li>.txt {
	color: #707070;
	margin-right: 30px;
	font-weight: 500;
	font-size: 12px;
	position: relative
}

.manager-sidebar .List>li>.date {
	font-size: 12px;
	font-weight: 100;
	color: #9aa0ac;
	flex: none
}

.manager-sidebar .List>li>.theme-button {
	height: 25px;
	line-height: 24px;
	flex: none;
	font-size: 10px
}

.manager-sidebar ul.List li {
	padding-left: 30px
}

.manager-sidebar ul.List li>.txt::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid #424857;
	left: -18px;
	top: 5px
}

.manager-sidebar ol.List li>.txt::before {
	counter-increment: my-sec-counter;
	content: counter(my-sec-counter) '.';
	position: absolute;
	left: -23px;
	top: -1px;
	color: #424857;
	font-size: 13px;
	font-weight: 600
}

.log-sidebar {
	position: fixed;
	background-color: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	width: 800px;
	height: 100%;
	box-shadow: 0 0 20px 0 rgba(128,123,138,.2);
	-webkit-transition: -webkit-transform 300ms ease;
	-moz-transition: -moz-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	-webkit-transform: translate(100%,0);
	-moz-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-o-transform: translate(100%,0);
	transform: translate(100%,0);
	z-index: 9999
}

.log-sidebar.show {
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0)
}

.log-overlay.show {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255,255,255,.78);
	z-index: 999;
	transition: .3s
}

.log-sidebar>.sidebar-container {
	height: 100%;
	overflow-y: auto
}

.log-sidebar .log-timeline {
	margin: 25px 25px 10px 50px;
	padding-bottom: 30px;
	position: relative
}

.log-sidebar .old-time {
	font-size: 16px;
	color: #3e78b7;
	margin: 0 10px 100px
}

.log-sidebar .old-time>.dot {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-left: 213px
}

.log-sidebar .old-time>div {
	padding-left: 160px
}

.log-sidebar .old-time>.dot>i {
	background-color: #8cb1d6;
	margin-bottom: 13px;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-left: 15px
}

.log-sidebar .old-time>.dot>i:first-child {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-left: 0
}

.log-sidebar .old-time>.dot>i:last-child {
	width: 5px;
	height: 5px;
	margin-left: 29px
}

.log-sidebar .log-timeline .log-title {
	font-size: 20px;
	color: #3e79b7;
	font-weight: 700;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(191,191,191,.34)
}

.log-sidebar .log-timeline::before {
	content: '';
	position: absolute;
	top: 90px;
	left: calc(25% - 2px);
	bottom: 0;
	width: 4px;
	background: rgba(62,120,183,.58)
}

.log-sidebar .log-timeline>.log-timeline-entry {
	margin-top: 30px;
	display: flex
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-time {
	position: relative;
	flex: none;
	width: 25%
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-time:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border: 4px solid #8bb1d6;
	background-color: #fff;
	border-radius: 100%;
	top: 0;
	right: -10px;
	z-index: 99
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-time>h4 {
	margin: 0;
	font-size: 19px;
	color: #3e78b7;
	font-weight: 700
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-time>p {
	color: rgba(62,119,183,.65);
	margin-top: 3px
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body {
	flex: auto
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>h2 {
	margin: 0;
	color: #3e77b7;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 20px;
	padding-left: 40px
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail {
	color: #929292
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 18px;
	position: relative
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item>.entry-item-link {
	flex: none;
	position: absolute;
	margin-top: 0;
	font-size: 12px;
	padding: 3px 5px;
	right: 10px;
	border: 1px solid #3e78b7;
	font-size: 11px;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s;
	cursor: pointer
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item>.entry-item-link:hover {
	background-color: #3e78b7;
	color: #fff
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item>.entry-item-link.Disabled {
	pointer-events: none;
	background-color: #d4d4d4;
	border-color: #d4d4d4;
	color: #616161
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item>p {
	line-height: 22px;
	margin: 0;
	padding: 8px 110px 8px 19px;
	transition: .3s;
	width: 100%
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item>p:hover {
	background-color: #fbfbfb
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item>p .badge {
	border-radius: 3px;
	position: relative;
	top: -2px;
	margin-right: 8px;
	font-weight: 600;
	font-size: 11px;
	padding: 4px 6px
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item>p .badge.New {
	background-color: #4cb100
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item>p .badge.Update {
	background-color: #e8b114
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item>p .badge.Remove {
	background-color: #bd0000
}

.fastnav-sidebar {
	position: fixed;
	background-color: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	width: 304px;
	height: 100%;
	box-shadow: 0 0 20px 0 rgba(128,123,138,.2);
	-webkit-transition: -webkit-transform 300ms ease;
	-moz-transition: -moz-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	-webkit-transform: translate(100%,0);
	-moz-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-o-transform: translate(100%,0);
	transform: translate(100%,0);
	z-index: 9999
}

.fastnav-sidebar.show {
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0)
}

.fastnav-sidebar>.fastnav-container {
	height: 100%;
	overflow-y: auto
}

.fastnav-sidebar>.fastnav-container>.T {
	padding: 15px;
	color: #307bff;
	border-bottom: 1px solid #eee
}

.fastnav-sidebar>.fastnav-container>ul {
	overflow: hidden
}

.fastnav-sidebar>.fastnav-container>ul .Icon {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 35px;
	padding: 40px 0 0
}

.fastnav-sidebar>.fastnav-container>ul .txt {
	text-align: center;
	text-transform: uppercase;
	float: left;
	width: 100%;
	line-height: 38px;
	font-size: 12px;
	font-weight: 700
}

.fastnav-sidebar>.fastnav-container>ul li {
	border-bottom: 1px solid #eee;
	position: relative
}

.fastnav-sidebar>.fastnav-container>ul li>.Link {
	display: block;
	width: 100%;
	padding: 11px 45px 11px 15px;
	color: #414757;
	font-size: 12px
}

.fastnav-sidebar>.fastnav-container>ul li:hover>.Link {
	color: #307bff
}

.fastnav-sidebar>.fastnav-container>ul li>.remove-fastnav {
	position: absolute;
	right: 0;
	top: 0;
	padding: 13px 10px;
	background-color: #f14734;
	color: #fff;
	z-index: 2;
	transform: translateX(100%);
	transition: .3s
}

.fastnav-sidebar>.fastnav-container>ul li:hover>.remove-fastnav {
	transform: translateX(0%)
}

.egitimOverlay {
	position: fixed;
	background-color: rgba(0,0,0,.82);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 999999
}

.EgitimSelected {
	z-index: 9999991!important
}

.EgitimTextContainer {
	position: absolute;
	top: 79px;
	right: 0;
	width: 320px;
	padding: 10px 0
}

.EgitimTextContainer .TextArea {
	background-color: #fff;
	border-radius: 5px;
	position: relative;
	padding: 15px
}

.EgitimTextContainer .TextArea:after {
	bottom: 100%;
	right: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px
}

.EgitimTextContainer .TextArea>.T {
	color: #307bff;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px
}

.EgitimTextContainer .TextArea>.Content {
	margin-bottom: 15px
}

.EgitimTextContainer .TextArea>.Content>p {
	font-size: 12px;
	color: #838384
}

.EgitimTextContainer .TextArea>.Control {
	display: flex;
	align-items: center;
	justify-content: center
}

.EgitimTextContainer .TextArea>.Control>.theme-button {
	height: 29px;
	line-height: 26px;
	font-size: 11px;
	margin-left: 7px
}

.headerv3.EgitimSelected::before {
	content: "";
	background-color: rgba(0,0,0,.82);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 222
}

.headerv3.EgitimSelected>.header-control>.item.log-js {
	z-index: 223
}

.headerv3.EgitimSelected>.header-control>.item.log-js .control-item {
	pointer-events: none;
	background-color: #474d5d
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item.egitimFirst {
	z-index: 9999999;
	background-color: #fff;
	padding: 0;
	margin-left: 15px;
	border-radius: 5px
}

.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item.egitimFirst>p,.log-sidebar .log-timeline>.log-timeline-entry>.log-timeline-body>.entry-detail .entry-item.egitimFirst>a {
	pointer-events: none
}

body.adminMode {
}

body.adminMode .hideElement {
	display: none!important
}

body.adminMode header.headerv3 {
	border-bottom: 1px solid #eee;
	background-color: #fff
}

body.adminMode header.headerv3>.Logov3 {
	background-color: #585e6c
}

body.adminMode header.headerv3>.header-search .area .search-elements .search-select {
	background: #fff url(/Library/Theme_v2/img/select-icon.png) no-repeat calc(100% - 15px) 50%;
	color: #585e6c;
	border-color: #d0d0d0
}

body.adminMode header.headerv3>.header-control>.item>.userCard>.userInfo>.Name,body.adminMode header.headerv3>.header-control>.item>.control-item {
	color: #585e6c
}

body.adminMode header.headerv3>.header-control>.item>.control-item:hover {
	background-color: #f5f5f5
}

body.adminMode header.headerv3>.header-control>.item>.control-item>.Icon>.new-setting {
	color: #fff
}

body.adminMode header.headerv3>.header-control>.item>.control-item>.Icon>.Count {
	color: #fff
}

body.adminMode header.headerv3>.header-control>.item::after {
	background-color: #ececec
}

body.adminMode header.headerv3>.HamburgerNav::before,body.adminMode header.headerv3>.HamburgerNav::after,body.adminMode header.headerv3>.HamburgerNav>span {
	background-color: #9a9a9a
}

header.headerv3>.header-search .area .search-elements {
	border-color: #d0d0d0
}

.refresh-btn {
	display: none
}

.depot-btn {
	display: none
}

@media screen and (max-width: 991px) {
	.container-v3.mobileSettings .DataContainer .DataList {
		 padding:8px!important;
		 flex-direction: column;
		 align-items: flex-start
	}

	.container-v3.mobileSettings .DataContainer .DataList>.item {
		 border-right: 0;
		 border: 1px solid #eaeaea;
		 width: 100%;
		 margin-top: 12px;
		 border-radius: 5px;
		 padding: 8px 15px;
		 background-color: #fff
	}

	.container-v3.mobileSettings .DataContainer .DataList>.item>.Num {
		 font-size: 26px
	}

	.container-v3.mobileSettings .chart-bar-area {
		 margin-bottom: 0!important
	}

	.container-v3.mobileSettings .tab-chart2 {
		 margin-top: 40px!important;
		 margin-bottom: 0!important
	}

	.container-v3.mobileSettings table,.container-v3.mobileSettings thead,.container-v3.mobileSettings tbody,.container-v3.mobileSettings th,.container-v3.mobileSettings td,.container-v3.mobileSettings tr {
		 display: block
	}

	.container-v3.mobileSettings tr {
		 border: 1px solid #eaeaea
	}

	.container-v3.mobileSettings table.productStatusTable tr>td {
		 border: none!important;
		 border-bottom: 1px solid #eee;
		 position: relative;
		 padding-left: 50%;
		 text-align: left!important;
		 white-space: normal
	}

	.container-v3.mobileSettings table.productStatusTable tr>td:before {
		 position: absolute;
		 top: 6px;
		 left: 6px;
		 width: 45%;
		 padding-right: 10px
	}

	.container-v3.mobileSettings tbody tr:first-child {
		 position: absolute;
		 top: -9999px;
		 left: -9999px
	}

	.container-v3.mobileSettings tbody tr+tr {
		 margin-top: 12px
	}

	.container-v3.mobileSettings tr:nth-child(+2n) td {
		 background-color: transparent!important
	}

	.container-v3.mobileSettings table.productStatusTable tr>td:nth-of-type(1):before {
		 content: "Ä°ÅžLEM"
	}

	.container-v3.mobileSettings table.productStatusTable tr>td:nth-of-type(2):before {
		 content: "DÖKÜMAN NO"
	}

	.container-v3.mobileSettings table.productStatusTable tr>td:nth-of-type(3):before {
		 content: "Ä°ÅžLEM ZAMANI"
	}

	.container-v3.mobileSettings table.productStatusTable tr>td:nth-of-type(4):before {
		 content: "AÇIKLAMA"
	}

	.container-v3.mobileSettings table.productStatusTable tr>td:nth-of-type(5):before {
		 content: "BORÇ"
	}

	.container-v3.mobileSettings table.productStatusTable tr>td:nth-of-type(6):before {
		 content: "ALACAK"
	}

	.container-v3.mobileSettings table.productStatusTable tr>td:nth-of-type(7):before {
		 content: "KALAN"
	}
}

@media only screen and (max-width: 767px) {
	header.headerv3>.header-control>.item>.userCard>.userInfo>.Firm {
		 overflow:hidden;
		 text-overflow: ellipsis;
		 white-space: nowrap;
		 cursor: pointer;
		 max-width: 90px;
		 width: 100%
	}

	.PageView_v2 {
		 margin-bottom: 50px!important
	}

	.PageView_v2.mb-40 {
		 margin-bottom: 40px!important
	}

	.refresh-btn {
		 position: initial;
		 display: flex;
		 justify-content: center;
		 align-items: center;
		 top: 12px;
		 right: 155px;
		 z-index: 99999999999;
		 background-color: #595f6d;
		 width: 35px;
		 height: 35px;
		 border-radius: 50%;
		 margin-left: auto
	}

	.refresh-btn>.refresh-link {
		 display: flex;
		 justify-content: center;
		 align-items: center;
		 color: #fff;
		 font-weight: 600
	}

	.refresh-btn>.refresh-link>.icon-ifa {
		 font-size: 16px
	}

	.refresh-btn>.refresh-link>.icon-text {
		 font-size: 14px;
		 margin-left: 6px
	}

	.depot-btn {
		 position: initial;
		 display: flex;
		 justify-content: center;
		 align-items: center;
		 top: 12px;
		 left: 104px;
		 z-index: 99999999999;
		 background-color: #fff;
		 width: 35px;
		 height: 35px;
		 border-radius: 20%
	}

	.depot-btn>.depot-link {
		 display: flex;
		 justify-content: center;
		 align-items: center;
		 color: #ff5722;
		 font-weight: 600
	}

	.depot-btn>.depot-link>.icon-ifa {
		 font-size: 16px
	}

	.depot-btn>.depot-link>.icon-text {
		 font-size: 14px;
		 margin-left: 6px
	}

	.content-wrapperv2 {
		 margin-bottom: 40px
	}
}

.PageView_v2 .countdown {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 15px
}

.PageView_v2 .countdown>.Countdown+.Countdown {
}

.PageView_v2 .countdown>.Countdown {
	display: flex;
	justify-content: center;
	text-align: center
}

.PageView_v2 .countdown>.Countdown>div {
	display: flex;
	font-size: 12px;
	font-weight: 400;
	background-color: #307bff;
	color: #fff;
	padding: 2px 5px 0;
	margin: 4px;
	border-radius: 4px
}

.PageView_v2 .countdown>.Countdown>div>span {
	display: block;
	margin-bottom: 4px;
	font-weight: 900;
	margin-right: 6px
}

.orderAdditionOverlay.Show {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgb(0 0 0/78%);
	z-index: 999999;
	transition: .3s
}

.dropshipCreate .shipFixBottom {
}

.dropshipCreate .shipFixBottom>.fixAddition {
	display: none;
	height: 38px;
	padding: 0 15px;
	background-color: #fff;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	position: relative;
	margin-right: 10px
}

.dropshipCreate .shipFixBottom>.fixAddition::before {
	content: attr(data-count);
	position: absolute;
	right: 5px;
	top: 5px;
	background-color: #307bff;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	text-align: center
}

.dropshipCreate .OrderAdditionFixed .closeOrderAdd {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 15;
	padding: 17px 12px;
	color: #333
}

.dropshipCreate .overflow.ProductList .product-item {
	display: flex;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee
}

.dropshipCreate .overflow.ProductList .product-item:last-child {
	border: 0;
	margin: 0;
	padding: 0
}

.dropshipCreate .overflow.ProductList .product-item .removeItem {
	position: absolute;
	right: 25px;
	padding: 8px;
	color: #468cc8;
	border-radius: 50%;
	background-color: #eee
}

.dropshipCreate .overflow.ProductList .product-item>.item-left {
	flex: none;
	width: 110px;
	margin-right: 15px
}

.dropshipCreate .overflow.ProductList .product-item>.item-left>.product-img {
	max-width: 100%
}

.dropshipCreate .overflow.ProductList .product-item>.item-left>.product-img>a {
	display: block
}

.dropshipCreate .overflow.ProductList .product-item>.item-left>.product-img>.zoom-icon {
	position: absolute;
	top: 0;
	padding: 8px
}

.dropshipCreate .overflow.ProductList .product-item>.item-left>.Quantity {
	margin-top: 11px
}

.dropshipCreate .overflow.ProductList .product-item>.item-right {
	flex: auto
}

.dropshipCreate .overflow.ProductList .product-item>.item-right .product-text {
	font-size: 12px;
	margin-bottom: 12px;
	padding-right: 38px
}

.dropshipCreate .overflow.ProductList .product-item>.item-right .product-text>div {
	font-weight: 600
}

.dropshipCreate .overflow.ProductList .product-item>.item-right .product-text>span {
	font-size: 11px;
	color: #7d7d7d
}

.dropshipCreate .overflow.ProductList .product-item>.item-right>p {
	font-size: 12px;
	margin-bottom: 7px
}

.dropshipCreate .overflow.ProductList .product-item>.item-right>p>strong {
	font-weight: 600
}

.dropshipCreate .overflow.ProductList .product-item>.item-right>.salePrice {
	font-size: 12px;
	display: flex;
	align-items: center
}

.dropshipCreate .overflow.ProductList .product-item>.item-right>.salePrice>strong {
	font-weight: 600
}

.dropshipCreate .overflow.ProductList .product-item>.item-right>.salePrice>.priceSaleItem {
	display: flex
}

.dropshipCreate .overflow.ProductList .product-item>.item-right>.salePrice>.priceSaleItem>input {
	padding: 4px;
	border: 1px solid #eee;
	background-color: #eee;
	max-width: 70px;
	margin-left: 10px;
	border-radius: 10px 0 0 10px;
	padding-left: 10px
}

.dropshipCreate .overflow.ProductList .product-item>.item-right>.salePrice>.priceSaleItem>.updatePRICE_SALE {
	padding: 0 10px;
	background-color: #468cc8;
	color: #fff;
	border-radius: 0 10px 10px 0;
	font-size: 14px;
	line-height: 26px
}

.dropshipCreate .telesatisPage .radiobox_area .radiobox-input+.radiobox-label::before,.dropshipCreate .telesatisPage .radiobox_area .radiobox-input+.radiobox-label::after {
	top: 10px;
	left: 9px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	border-color: #468cc826;
	background-color: #fff;
	content: "";
	font-family: misszenne!important;
	font-size: 9px;
	color: #468cc8;
	line-height: 20px;
	text-align: center
}

.dropshipCreate .telesatisPage .radiobox_area .radiobox-input:checked+.radiobox-label::before,.dropshipCreate .telesatisPage .radiobox_area .radiobox-input:checked+.radiobox-label::after {
	background-color: rgb(34 147 245/37%)
}

.dropshipCreate .telesatisPage .radiobox_area .radiobox-input:checked+.radiobox-label::after {
	content: "\ea6e";
	color: #fff
}

@media only screen and (max-width: 1px) {
	.cw2_flex {
		 display:block
	}

	.cw2_flex .content-wrapperv2 {
		 margin: 20px 0
	}

	.log-sidebar {
		 box-shadow: none!important
	}

	.teleSatisContainer .control-panel {
		 padding: 0;
		 overflow: initial
	}

	.teleSatisContainer .control-panel>.column:first-child .control-item.item-dropdown {
		 display: none
	}

	.teleSatisContainer .control-panel>.column .panel-title>.T>span {
		 display: block;
		 width: fit-content
	}

	.teleSatisContainer .container-v3 .dash-container.dash-licance {
		 height: inherit!important
	}

	.teleSatisContainer .DataContainer .DataList {
		 flex-wrap: wrap
	}

	.teleSatisContainer .DataContainer .DataList>.item {
		 border: 0
	}

	.teleSatisContainer .DataContainer .DataList>.item:first-child {
		 flex: none;
		 width: 100%;
		 margin-bottom: 15px;
		 padding: 0
	}

	.teleSatisContainer .DataContainer .DataList>.item:first-child>.Num {
		 margin-top: 10px;
		 padding: 6px 0;
		 margin-bottom: 0
	}

	.teleSatisContainer .DataContainer .DataList>.item:first-child>.Num>span:last-child {
		 font-size: 16px!important
	}

	.teleSatisContainer .DataContainer .DataList>.item>.Num {
		 margin-bottom: 15px;
		 font-size: 16px
	}

	.teleSatisContainer .chart-container {
		 margin-bottom: 30px!important
	}

	.teleSatisContainer .content-wrapperv2 {
		 margin-bottom: 30px
	}

	.teleSatisContainer .tab-chart2 {
		 margin-top: 0!important
	}

	.teleSatisContainer .tab-chart2#personelPerformans>.chart-tab-content>.tab-item .performance-content {
		 overflow-y: auto
	}

	.teleSatisContainer .chart-container.chart-card-1>.chart-content>.chart-body>.body-top {
		 flex-wrap: wrap
	}

	.teleSatisContainer .chart-container.chart-card-1>.chart-content>.chart-body>.body-top>.item {
		 width: calc(50% - 10px)
	}

	.teleSatisContainer .chart-container.chart-card-1>.chart-content>.chart-body>#spak-chart2 {
		 display: none
	}

	.teleSatisContainer .control-panel>.column:last-child {
		 margin-top: 5px
	}

	.teleSatisContainer .control-panel>.column:last-child .control-item.item-dropdown {
		 width: 100%
	}

	.teleSatisContainer .control-panel>.column:last-child .control-item.item-dropdown>.control-btn {
		 width: 100%
	}

	.teleSatisContainer .control-panel>.column.RightColumn {
		 position: fixed;
		 top: 55px;
		 right: 0;
		 bottom: 0;
		 z-index: 999999;
		 background-color: #fff;
		 width: 250px;
		 display: block;
		 border-left: 1px solid #eee;
		 padding: 15px;
		 transform: translateX(100%);
		 transition: .3s;
		 padding-top: 46px;
		 padding: 45px 10px 10px
	}

	.teleSatisContainer .control-panel>.column.RightColumn.Show {
		 transform: translateX(0)
	}

	.teleSatisContainer .control-panel>.column.HamburgerColumn {
		 display: flex
	}

	.teleSatisContainer .control-panel>.column.RightColumn .control-item.item-dropdown.dropship-dropdown {
		 position: absolute;
		 top: 0;
		 left: 0;
		 right: 0;
		 width: 100%;
		 padding: 0
	}

	.teleSatisContainer .control-panel>.column:last-child .control-item.item-dropdown.dropship-dropdown>.control-btn {
		 border-radius: 0;
		 padding: 12px;
		 height: 36px
	}

	.teleSatisContainer .control-panel>.column.RightColumn .control-item>.theme-select,.teleSatisContainer .control-panel>.column.RightColumn .control-item>.control-btn {
		 width: 100%;
		 height: 45px
	}

	.teleSatisContainer .Pagination {
		 margin-bottom: 15px
	}

	.teleSatisContainer .Pagination>select {
		 width: 100%;
		 padding: 7px;
		 border: 1px solid #ebebeb
	}

	.dropshipCreate .container-fluid {
		 padding-right: 15px!important;
		 padding-left: 15px!important
	}

	.dropshipCreate .shipFixBottom {
		 position: fixed;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 z-index: 99999999;
		 display: flex;
		 align-items: center;
		 background-color: #fff;
		 padding: 6px;
		 border-top: 1px solid #eee
	}

	.dropshipCreate .shipFixBottom>.control-item {
		 flex: auto
	}

	.dropshipCreate .shipFixBottom>.control-item>.control-btn {
		 width: 100%;
		 justify-content: center;
		 padding: 20px 15px;
		 font-size: 13px
	}

	.dropshipCreate .shipFixBottom>.fixAddition {
		 display: flex
	}

	.dropshipCreate .overflow {
		 padding-bottom: 14px
	}

	.dropshipCreate .overflow.ProductList {
		 height: calc(100% - 105px)!important
	}

	.dropshipCreate .overflow.telesatis-right,.dropshipCreate .control-panel,.dropshipCreate .control-panel,.dropshipCreate .content-wrapperv2 {
		 overflow: initial;
		 height: auto!important
	}

	.dropshipCreate .OrderAdditionFixed {
		 position: fixed;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 background-color: #fff;
		 z-index: 9999999;
		 border-radius: 10px 10px 0 0;
		 padding: 0;
		 box-shadow: 0 0 10px 10px #00000024;
		 height: calc(100% - 120px);
		 padding-top: 47px;
		 transform: translateY(200%);
		 transition: .3s
	}

	.dropshipCreate .OrderAdditionFixed.Show {
		 transform: translateY(-60px)
	}

	.dropshipCreate .OrderAdditionFixed .closeOrderAdd {
		 display: block
	}

	.dropshipCreate .OrderAdditionFixed .content-wrapperv2 {
		 border: 0;
		 box-shadow: none;
		 margin: 0;
		 height: calc(100% - 30px)!important
	}

	.dropshipCreate .OrderAdditionFixed .Add {
		 left: 0;
		 right: 0
	}

	.dropshipCreate .OrderAdditionFixed .content-wrapperv2>.title-box {
		 display: block;
		 display: block;
		 border-bottom: 1px solid #eee;
		 padding-bottom: 5px
	}

	.dropshipCreate .OrderAdditionFixed .content-wrapperv2>.title-box .column {
		 display: block
	}

	.dropshipCreate .OrderAdditionFixed .content-wrapperv2>.title-box .column.TimerDiv {
		 position: absolute;
		 top: 0;
		 left: 0;
		 right: 0;
		 display: flex;
		 align-items: center;
		 justify-content: space-between;
		 background-color: #f3f3f3;
		 padding: 7px 60px 7px 15px;
		 border-radius: 10px 10px 0 0
	}

	.dropshipCreate .OrderAdditionFixed .content-wrapperv2>.title-box .column.TimerDiv .orderTimer {
		 width: 100%
	}

	.dropshipCreate .OrderAdditionFixed .content-wrapperv2>.title-box .column.TimerDiv .orderTimer .Remaining {
		 flex: auto;
		 margin-right: 5px
	}

	.dropshipCreate .OrderAdditionFixed .content-wrapperv2>.title-box .column.TimerDiv .orderTimer .T {
		 font-size: 11px;
		 font-weight: 600;
		 margin-bottom: 2px
	}

	.dropshipCreate .OrderAdditionFixed .content-wrapperv2>.title-box .column.TimerDiv .orderTimer .T::before {
		 font-size: 14px
	}

	.dropshipCreate .OrderAdditionFixed .content-wrapperv2>.title-box .column.TimerDiv .orderTimer #TimerDiv {
		 font-size: 12px
	}

	.dropshipCreate .OrderAdditionFixed .content-wrapperv2>.title-box .column.TimerDiv .orderTimer .theme-button {
		 height: 26px;
		 line-height: 26px;
		 border-radius: 5px
	}

	.dropshipCreate .personal_default {
		 display: flex;
		 padding-left: 5px;
		 flex-wrap: wrap
	}

	.dropshipCreate .personal_default>.item {
		 width: calc(50% - 10px);
		 margin: 8px 0
	}

	.dropshipCreate .content-wrapperv2>.title-box {
		 width: 100%
	}

	.dropshipCreate .content-wrapperv2>.title-box>.column>.T {
		 font-size: 14px
	}

	.dropshipCreate .content-wrapperv2>.title-box>.column>.T>.Icon {
		 font-size: 20px
	}

	.dropshipCreate .telesatisPage .horizontal_list>.item .radiobox_area .radiobox-input+.radiobox-label {
		 height: auto;
		 padding-bottom: 6px;
		 margin-bottom: 8px
	}

	.dropshipCreate .telesatisPage .horizontal_list>.item .radiobox_area .radiobox-input+.radiobox-label>.Head {
		 height: auto;
		 padding-left: 26px
	}

	.dropshipCreate .telesatisPage .horizontal_list>.item .radiobox_area .radiobox-input+.radiobox-label>.Head>.Column {
	}

	.dropshipCreate .telesatisPage .horizontal_list>.item .radiobox_area .radiobox-input+.radiobox-label>p {
	}

	.dropshipCreate .telesatisPage .horizontal_list>.item .radiobox_area .edit-add {
		 position: initial
	}

	.dropshipCreate .telesatisPage .mBilgileri {
		 display: block;
		 background-color: transparent;
		 border: 0;
		 padding: 0
	}

	.dropshipCreate .telesatisPage .mBilgileri>.item {
		 padding: 0;
		 border: 0
	}

	.dropshipCreate .telesatisPage .mBilgileri>.item>.content {
		 width: 100%
	}

	.dropshipCreate .telesatisPage .mBilgileri>.item>.content>p {
		 position: relative;
		 margin: 0;
		 padding: 7px 0 7px 20px
	}

	.dropshipCreate .telesatisPage .mBilgileri>.item>.content>p::before {
		 content: "";
		 top: 50%;
		 left: 4px;
		 transform: translateY(-50%);
		 width: 6px;
		 height: 6px;
		 border-radius: 50%;
		 position: absolute;
		 border: 1px solid #eee;
		 background-color: #000
	}

	.dropshipCreate .telesatisPage .mBilgileri>.item>.content>p.KaraListe {
		 position: absolute;
		 right: 0;
		 right: -2px;
		 top: -38px;
		 background-color: #f5f5f5;
		 border-radius: 5px;
		 padding: 4px 12px
	}

	.dropshipCreate .telesatisPage .mBilgileri>.item>.content>p.KaraListe::before {
		 display: none
	}

	.dropshipCreate .telesatisPage .mBilgileri>.item>.content>p.KaraListe>span {
		 font-weight: 400;
		 font-size: 12px;
		 color: #777
	}

	.dropshipCreate .telesatisPage .Add .item.Total {
		 font-size: 12px;
		 padding-top: 8px;
		 padding-bottom: 5px
	}

	.dropshipCreate .telesatisPage .Add .item.Total::before {
		 font-size: 15px
	}

	.dropshipCreate .telesatisPage .Add .item.Total>.column:last-child {
		 font-size: 14px
	}

	.dropshipCreate .barcode-area>.barcode-input input {
	}

	.popup_v2_area-box.varyasyonModal.productList .box-column.Left {
		 width: 100%;
		 margin: 0
	}

	.popup_v2_area .popup_v2_content {
		 padding: 0;
		 border: 0
	}

	.popup_v2_area .popup_v2_content>.content-title {
		 position: initial;
		 padding: 0;
		 margin-bottom: 10px
	}

	.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box {
		 display: block
	}

	.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.theme-select {
		 width: 100%;
		 margin-bottom: 10px;
		 border-radius: 60px
	}

	.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.search-area>input {
		 border-radius: 60px
	}

	.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.search-btn {
		 display: table;
		 margin: 15px auto 0
	}
}

.CategorySelectArea {
	width: calc(100% - 320px);
	position: fixed;
	height: 100%;
	background: #fff;
	padding: 14px;
	top: 0;
	right: 0;
	bottom: -100%;
	z-index: 9999991;
	display: none
}

.CategorySelectArea.Active {
	bottom: 0;
	display: block
}

.CategorySelectArea .Head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.CategorySelectArea .Head>.Closed {
	bottom: 0
}

.CategorySelectArea .Head>.Btn {
	bottom: 0
}

.CategorySelectArea .SearchArea {
	margin-bottom: 14px;
	position: relative;
	display: block;
	width: 100%;
	height: 40px
}

.CategorySelectArea .SearchArea i {
	position: absolute;
	left: 0;
	top: 9px;
	z-index: 5;
	font-size: 22px;
	padding: 1px 10px;
	border-right: 1px solid #a6a6a6cc
}

.CategorySelectArea .SearchArea input {
	position: absolute;
	left: 0;
	width: 100%;
	border: 1px solid #bcbcbc;
	border-radius: 4px;
	padding: 10px;
	box-shadow: none;
	text-indent: 40px
}

.CategorySelectArea .SearchArea .Btn {
	position: absolute;
	right: 5px;
	top: 7px;
	background: #000;
	color: #fff;
	padding: 4px 12px;
	border-radius: 2px
}

.CategorySelectArea .ProductArea {
	display: flex;
	flex-wrap: wrap;
	overflow: auto
}

.CategorySelectArea .ProductArea>.ProductItem {
	width: calc(12.5% - 10px);
	border: 1px solid #ccc;
	margin: 10px;
	margin-top: 0;
	margin-left: 0
}

.CategorySelectArea .ProductArea>.ProductItem>.Photo {
	display: flex;
	width: 100%;
	padding: 10px
}

.CategorySelectArea .ProductArea>.ProductItem>.Photo>img {
	width: 100%;
	border-radius: 4px
}

.CategorySelectArea .ProductArea>.ProductItem>.Info {
	display: flex;
	flex-direction: column;
	padding: 0 10px 10px
}

.CategorySelectArea .ProductArea>.ProductItem>.Info>.Name {
	font-weight: 500;
	font-size: 14px;
	height: 60px
}

.CategorySelectArea .ProductArea>.ProductItem>.Info>.Code {
	font-size: 12px;
	margin-top: 8px
}

.CategorySelectArea .ProductArea>.ProductItem>.Info>.PriceBox {
	display: flex;
	align-items: center;
	margin-top: 3px
}

.CategorySelectArea .ProductArea>.ProductItem>.Info>.PriceBox>.Old {
	margin-right: 8px;
	text-decoration: line-through;
	color: #ccc;
	font-size: 12px
}

.CategorySelectArea .ProductArea>.ProductItem>.Info>.PriceBox>.Sale {
	font-size: 13px;
	font-weight: 700;
	color: #ff5722
}

.FilterArea {
	width: 320px;
	position: fixed;
	height: 100%;
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 14px;
	left: 0;
	bottom: -100%;
	z-index: 9999991;
	display: none
}

.FilterArea.Active {
	bottom: 0;
	display: block
}

@media only screen and (max-width: 768px) {
	.CategorySelectArea {
		 width:100%;
		 position: fixed;
		 height: 100%;
		 background: #fff;
		 padding: 14px;
		 top: 0;
		 right: 0;
		 bottom: -100%;
		 z-index: 9999991;
		 display: none
	}

	.CategorySelectArea .ProductArea>.ProductItem {
		 width: 48%;
		 border: 1px solid #ccc;
		 margin: 4%;
		 margin-top: 0;
		 margin-left: 0
	}

	.CategorySelectArea .ProductArea>.ProductItem:nth-child(+2n) {
		 margin-right: 0
	}

	.FilterArea {
		 width: 100%;
		 position: fixed;
		 height: 100%;
		 background: #fff;
		 padding: 14px;
		 left: 0;
		 top: 0;
		 bottom: -100%;
		 z-index: 9999991;
		 display: none
	}

	.FilterArea.Active {
		 bottom: 0;
		 display: block
	}

	.CategorySelectArea .ProductArea>.ProductItem>.Info>.Name {
		 font-weight: 700;
		 font-size: 9px;
		 height: 25px
	}

	.CategorySelectArea .ProductArea>.ProductItem>.Info>.Code {
		 font-size: 9px
	}

	.CategorySelectArea .ProductArea>.ProductItem>.Info>.PriceBox {
		 display: flex;
		 align-items: center;
		 margin-top: 3px
	}

	.CategorySelectArea .ProductArea>.ProductItem>.Info>.PriceBox>.Old {
		 margin-right: 8px;
		 text-decoration: line-through;
		 color: #ccc;
		 font-size: 10px
	}

	.CategorySelectArea .ProductArea>.ProductItem>.Info>.PriceBox>.Sale {
		 font-size: 11px;
		 font-weight: 700;
		 color: #ff5722
	}
}

.CategorySelectArea .ProductArea>.Loader {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	padding: 0;
	box-shadow: 0 -50px 28px 0 #00000082;
	display: flex;
	align-items: center;
	justify-content: center
}

.CategorySelectArea .ProductArea>.Loader>img {
	height: 79px
}

.FilterArea .Head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.FilterArea .Head>.Closed {
	bottom: 0
}

.FilterArea .Head>.Title {
	bottom: 0
}

.FilterArea .FilterItem {
	width: 100%;
	overflow: auto
}

.FilterArea .FilterItem>.Item {
	width: 100%;
	padding: 8px;
	font-weight: 600;
	border: 1px solid #efefef;
	border-radius: 4px;
	margin-bottom: 7px
}

.FilterArea .FilterItem>.Item.Active {
	border: 1px solid #4caf50;
	color: #4caf50
}

.FilterArea .Btn {
	background: #000;
	padding: 8px;
	color: #fff;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	cursor: pointer
}

.webSupplyContainer {
	max-width: 600px
}

.webSupplyContainer .WebSupplyBody {
}

.webSupplyContainer .webSupply-item {
	position: relative;
	padding: 16px
}

.webSupplyContainer .webSupply-item::after {
	content: "";
	background-color: #fff;
	border: 1px solid #e7e7e7;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 60%;
	border-radius: 5px
}

.webSupplyContainer .webSupply-item>.item-body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f9f9f9;
	border: 1px solid #efeff0;
	padding: 20px 17px;
	position: relative;
	z-index: 2;
	border-radius: 5px;
	box-shadow: 0 4px 20px -1px #0000000a
}

.webSupplyContainer .webSupply-item>.item-body>.Left {
	color: #393f4ec7
}

.webSupplyContainer .webSupply-item>.item-body>.Left>img {
	width: 100%
}

.webSupplyContainer .webSupply-item>.item-body>.Left>i {
	font-size: 30px
}

.webSupplyContainer .webSupply-item>.item-body>.Info {
	text-align: right;
	flex: none
}

.webSupplyContainer .webSupply-item>.item-body>.Info>.item-title {
	font-size: 14px;
	color: #595f6d;
	font-weight: 500;
	margin-bottom: 2px
}

.webSupplyContainer .webSupply-item>.item-body>.Info>.item-count {
	font-size: 21px;
	font-weight: 800
}

.webSupplyContainer {
}

.webSupplyContainer .webSupplyFilter {
	border-radius: 4px;
	margin-bottom: 13px;
	text-align: center;
	padding: 10px 5px;
	color: #fff;
	font-size: 12px;
	display: block
}

.webSupplyContainer .webSupplyFilter.f1 {
	background-color: #00ca8d
}

.webSupplyContainer .webSupplyFilter.f2 {
	background-color: #02ac78
}

.webSupplyContainer .webSupplyFilter.f3 {
	background-color: #028960
}

.webSupplyContainer .webSupplyFilter.f4 {
	background-color: #046e4d
}

.webSupplyContainer .webSupply-box {
	border: 1px solid #efeff0;
	background-color: #fff;
	border-radius: 5px;
	display: block;
	margin-bottom: 10px
}

.webSupplyContainer .webSupply-box .box-body {
	border: 1px solid #efeff0;
	background-color: #f9f9f9;
	padding: 13px 11px 8px;
	border-radius: 3px
}

.webSupplyContainer .webSupply-box .box-body .box-count {
	display: flex;
	align-items: center;
	text-align: center;
	margin-bottom: 13px
}

.webSupplyContainer .webSupply-box .box-body .box-count>.item {
	flex: 1;
	border-right: 1px dashed #bbb
}

.webSupplyContainer .webSupply-box .box-body .box-count>.item:last-child {
	border-right: 0
}

.webSupplyContainer .webSupply-box .box-body .box-count>.item>.count-title {
	color: #595f6d;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 4px
}

.webSupplyContainer .webSupply-box .box-body .box-count>.item>.count-num {
	color: #393f4e;
	font-weight: 700;
	font-size: 20px
}

.webSupplyContainer .webSupply-box .box-body .box-control {
}

.webSupplyContainer .webSupply-box .box-body .box-control .control-btn {
	background-color: #307bff;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	padding: 7px 5px;
	cursor: pointer
}

.webSupplyContainer .webSupply-box .box-body .box-control .control-btn.light-btn {
	background-color: #30b7ff
}

.webSupplyContainer .webSupply-box .box-body .box-control .control-btn.next-btn {
	background-color: #00ca8d
}

.webSupplyContainer .webSupply-box .box-body .box-control .list-lock {
	text-align: center;
	height: 50px
}

.webSupplyContainer .webSupply-box .box-body .box-control .list-lock::before {
	content: "\f30d";
	font-family: "font awesome 6 pro";
	font-weight: 300;
	border: 1px solid #efeff0;
	background-color: #fff;
	width: 38px;
	height: 38px;
	display: inline-block;
	border-radius: 50%;
	line-height: 38px;
	font-size: 20px;
	position: relative;
	top: -4px
}

.webSupplyContainer .webSupply-box .box-body .box-control .list-lock>span {
	display: block;
	color: #959595;
	font-size: 12px;
	margin-top: -2px
}

.webSupplyContainer .webSupply-box .box-body .box-control .list-alert {
	text-align: center;
	height: 50px
}

.webSupplyContainer .webSupply-box .box-body .box-control .list-alert::before {
	content: "\f30d";
	font-family: "font awesome 6 pro";
	font-weight: 300;
	border: 1px solid #efeff0;
	background-color: #fff;
	width: 38px;
	height: 38px;
	display: inline-block;
	border-radius: 50%;
	line-height: 38px;
	font-size: 20px;
	position: relative;
	top: -4px
}

.webSupplyContainer .webSupply-box .box-body .box-control .list-alert>span {
	display: block;
	color: #ea1021;
	font-size: 12px;
	margin-top: -2px
}

@media only screen and (min-width: 991px) {
	.webSupplyContainer .webSupplyFilter {
		 padding:28.5px 5px
	}

	.webSupplyContainer .webSupply-box .box-body {
		 background-color: #fff;
		 padding: 27px 11px 15px
	}

	.supply-filter-container>.col-xs-6:nth-child(3) .webSupplyFilter {
		 margin-bottom: 0
	}

	.supply-filter-container>.col-xs-6:nth-child(4) .webSupplyFilter {
		 margin-bottom: 0
	}
}

@media only screen and (max-width: 991px) {
	.webSupplyContainer .webSupply-box .box-body {
		 background-color:#fff
	}

	.Popup_v2.BottomFixed .Modal {
		 width: 96%;
		 min-width: 96%;
		 max-width: 96%
	}

	.Popup_v2.BottomFixed .Modal .Htm {
		 vertical-align: bottom
	}

	.Popup_v2.BottomFixed .Modal .Htm .Document {
		 width: 100%;
		 border: 0;
		 border-radius: 10px 10px 0 0;
		 padding: 18px
	}

	.Popup_v2.BottomFixed .Modal .Htm .Document .Center {
		 padding: 10px;
		 background: #fff;
		 margin-top: -4px;
		 border-radius: 0 0 6px 6px;
		 padding-top: 40px
	}

	.Popup_v2.BottomFixed .Modal .Htm .Document .Title {
		 background: #fff;
		 padding: 10px;
		 border-radius: 6px;
		 margin: 0
	}

	.Popup_v2.BottomFixed .Modal .Htm .Document .Title>.TitleIcon {
		 display: none
	}

	.Popup_v2.BottomFixed .Modal .Htm .Document .Close {
		 right: 10px;
		 border: 0
	}

	.Popup_v2.BottomFixed .Modal .Htm .Document .Close:before {
		 color: #000;
		 font-size: 16px
	}

	.Popup_v2.BottomFixed .Modal .Htm .Document .Bottom {
		 width: 100%;
		 display: flex;
		 flex-direction: column;
		 padding: 0;
		 margin-top: 10px
	}

	.Popup_v2.BottomFixed .Modal .Htm .Document .Bottom .Left {
		 width: 100%;
		 display: flex;
		 flex-direction: column
	}

	.Popup_v2.BottomFixed .Modal .Htm .Document .Bottom .Right {
		 width: 100%;
		 display: flex;
		 flex-direction: column
	}

	.Popup_v2.BottomFixed .Modal .Htm .Document .Bottom .Left div {
		 margin-bottom: 5px;
		 border-radius: 4px;
		 background-color: #fff;
		 color: #000;
		 font-size: 13px;
		 padding: 6px 0;
		 height: inherit
	}

	.Popup_v2.BottomFixed .Modal .Htm .Document .Bottom .Right div {
		 margin-bottom: 5px;
		 border-radius: 4px;
		 background-color: #fff;
		 color: #000;
		 font-size: 13px;
		 padding: 6px 0;
		 height: inherit
	}

	.Popup_v2.BottomFixed .Modal .Htm .Document .Bottom .Right div.btnSuccess {
		 background-color: transparent;
		 color: #fff;
		 border: 1px solid #4caf50;
		 color: #1e6d21
	}
}

@media only screen and (max-width: 768px) {
	.Popup_v2 {
		 display:flex;
		 align-items: flex-end;
		 padding: 0;
		 margin: 0
	}

	.Popup_v2 .Modal {
		 height: initial;
		 width: 100%!important;
		 max-width: 100%!important
	}

	.Popup_v2 .Modal .Htm .Document {
		 border: 0;
		 border-radius: 12px 12px 0 0;
		 padding: 10px
	}

	.Popup_v2 .Modal .Htm .Document .Close {
		 right: 15px;
		 z-index: 5;
		 top: -14px
	}

	.Popup_v2 .Modal .Htm .Document .Title>.TitleIcon {
		 display: none!important
	}

	.Popup_v2 .Modal .Htm .Document .Title {
		 padding: 5px;
		 margin: 0
	}

	.Popup_v2 .Modal .Htm .Document .Title>.Big {
		 font-size: 12px;
		 margin: 0;
		 margin-bottom: 6px
	}

	.Popup_v2 .Modal .Htm .Document .Title>.S {
		 font-size: 11px;
		 color: #000
	}

	.PageView_v2 {
		 background: #fff
	}

	.container-fluid:last-child {
		 padding: 0;
		 margin: 0;
		 padding: 8px
	}

	.control-panel>.column .control-item>.control-btn {
		 padding: 0 8px!important;
		 background: #fff!important;
		 border: 1px solid #ccc!important;
		 height: 36px!important
	}

	.control-panel>.column .control-item>.control-btn>span {
		 margin: 0;
		 color: #000!important;
		 font-size: 18px!important
	}

	.control-panel>.column .control-item>.control-btn>i {
		 display: none
	}

	.control-panel>.column .control-item>.control-btn::after {
		 display: none
	}

	.control-panel {
		 margin: 0;
		 padding: 8px;
		 background: #fff;
		 border-bottom: 1px solid #efefef;
		 border-radius: 0
	}

	.control-panel.mobileHeaderAction>.column.RightColumn {
		 margin: 0;
		 width: inherit
	}

	.Popup_v2>.Modal>.Htm>.Document>.Close {
		 border-radius: 0!important;
		 top: 15px!important;
		 width: 25px!important;
		 height: 25px!important
	}

	.popup_v2_area .popup_v2_content>.Box .urunSec-area {
		 margin-bottom: 0
	}

	.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box {
		 display: flex;
		 flex-direction: column
	}

	.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.theme-select {
		 width: 100%;
		 border-radius: 0;
		 border: 1px solid #000;
		 margin-bottom: 12px
	}

	.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.search-area {
		 width: 100%;
		 margin-bottom: 14px
	}

	.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.search-area>input {
		 width: 100%;
		 border-radius: 0;
		 border: 1px solid #000
	}

	.popup_v2_area .popup_v2_content>.Box .urunSec-area .search-box>.search-btn {
		 width: 100%;
		 text-align: center;
		 margin: 0;
		 border-radius: 4px
	}

	.row {
		 margin: 0
	}

	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
		 padding: 0
	}
}