@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext';
.PageView.theme-container{padding:99px 10px 10px!important}

html,body {
	width: 100%!important;
	height: 100%!important
}

body {
	font-family: open sans,sans-serif;
	height: 100%
}

*:focus {
	outline: none
}

a {
	text-decoration: none!important
}

ol,ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #fdfdfd!important
}

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

.mb-20 {
	margin-bottom: 20px
}

.mt-20 {
	margin-top: 20px
}

.pt22 {
	padding-top: 22px
}

.m-0 {
	margin: 0!important
}

.theme-container {
	padding: 35px 10px 10px!important
}

.sticky-top {
	position: sticky;
	top: 15px
}

.bg-color-white {
	background-color: #fff;
	margin-bottom: 10px;
	padding: 10px 0
}

.height100 {
	overflow-y: auto;
	padding-bottom: 0;
	padding-right: 10px
}

.min-height-item {
	min-height: 500px
}

.d-flex {
	display: flex;
	align-items: center
}

.tooltip-item[data-tooltip] {
	position: relative
}

.tooltip-item[data-tooltip]::before,.tooltip-item[data-tooltip]::after {
	position: absolute;
	display: none
}

.tooltip-item[data-tooltip]::before {
	content: attr(data-tooltip);
	background: #424858;
	color: #fff;
	font-size: 12px;
	padding: 8px 14px;
	border-radius: 2px;
	text-decoration: none;
	border: 1px solid #424858;
	box-shadow: 0 0 10px -10px #000;
	font-weight: 500;
	font-family: sans-serif;
	line-height: 17px;
	width: fit-content
}

.tooltip-item[data-tooltip]::after {
	width: 0;
	height: 0;
	border: 6px solid transparent;
	content: ''
}

.tooltip-item[data-tooltip]:hover::before,.tooltip-item[data-tooltip]:hover::after {
	display: block;
	z-index: 99
}

.tooltip-item[data-tooltip][data-placement=left]::before {
	top: 50%;
	transform: translateY(-50%);
	right: 100%
}

.tooltip-item[data-tooltip][data-placement=left]::after {
	border-left-color: #424858;
	border-right: none;
	top: 50%;
	right: 100%;
	margin-right: -6px;
	transform: translateY(-50%)
}

.tooltip-item[data-tooltip][data-placement=right]::before {
	left: 100%;
	margin-left: 10px;
	padding: 5px 7px;
	font-size: 12px
}

.tooltip-item[data-tooltip][data-placement=right]::after {
	border-right-color: #8aa0af;
	border-left: none;
	top: 50%;
	left: 100%;
	margin-top: -6px;
	margin-left: 4px
}

.tooltip-item[data-tooltip][data-placement=top]::before {
	bottom: 100%;
	left: 0;
	margin-bottom: 10px
}

.tooltip-item[data-tooltip][data-placement=top]::after {
	border-top-color: #66839c;
	border-bottom: none;
	bottom: 100%;
	left: 10px;
	margin-bottom: 4px
}

.tooltip-item[data-tooltip][data-placement=bottom]::before {
	top: 100%;
	left: 0;
	margin-top: 10px
}

.tooltip-item[data-tooltip][data-placement=bottom]::after {
	border-bottom-color: #000;
	border-top: none;
	top: 100%;
	left: 10px;
	margin-top: 4px
}

.content_not_found {
	text-align: center;
	padding: 30px 20px;
	color: #e0dfdf;
	position: relative
}

.content_not_found>.icon {
	font-size: 54px;
	margin-bottom: 20px;
	display: block;
	color: rgba(204,204,204,.24)
}

.content_not_found>p {
	margin: 0;
	font-size: 16px;
	font-weight: 600
}

.content_loader {
	text-align: center;
	padding: 30px 20px;
	color: #e0dfdf;
	position: relative
}

.content_loader>img {
	display: inline-block;
	filter: grayscale(1);
	opacity: .2;
	height: 100px
}

.content_loader>p {
	margin: 0;
	font-size: 16px;
	font-weight: 600
}

.AlertMessageBox {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 340px;
	margin: 15px;
	z-index: 9999999
}

.AlertMessage.Success {
	width: 100%;
	float: left;
	background: #22a727ad;
	box-sizing: border-box;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 10px
}

.AlertMessage.Alert {
	width: 100%;
	float: left;
	background: #ff0000a6;
	box-sizing: border-box;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 10px
}

.AlertMessage i.Close {
	position: absolute;
	right: 0;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	font-size: 9px
}

.AlertMessage .Title {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #fff;
	background: #00000029;
	padding: 6px 7px
}

.AlertMessage .Message {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #fff;
	padding: 5px
}

.AlertMessage .Page {
	float: left;
	width: 100%;
	font-size: 8px;
	color: #fff;
	text-shadow: 0 1px 7px #000;
	padding: 5px
}

.scrollyeah {
	position: relative;
	overflow: hidden;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.scrollyeah__wrap {
	overflow: hidden
}

.scrollyeah__shaft {
	float: left
}

.scrollyeah__shaft,.scrollyeah__parallax {
	left: 0;
	position: relative
}

.scrollyeah_active .scrollyeah__shaft {
	cursor: -webkit-grab;
	cursor: grab
}

.scrollyeah_active .scrollyeah__shaft_grabbing,.scrollyeah_active .scrollyeah__shaft_grabbing * {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.scrollyeah__shadow {
	display: block;
	position: absolute;
	text-decoration: none;
	top: 0;
	bottom: 0;
	width: 10px;
	height: auto;
	transition-property: left,right;
	transition-duration: 333ms,333ms;
	transition-timing-function: cubic-bezier(.1,0,.25,1),cubic-bezier(.1,0,.25,1);
	z-index: 10;
	display: none!important;
	background-repeat: no-repeat;
	background-size: 1px 100%,5px 100%
}

.scrollyeah__shadow_prev {
	left: -10px;
	background-image: linear-gradient(transparent,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.3) 75%,transparent),radial-gradient(0 50%,farthest-side,rgba(0,0,0,0.5),transparent);
	background-position: 0 0,0 0
}

.scrollyeah__shadow_next {
	right: -10px;
	background-image: linear-gradient(transparent,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.3) 75%,transparent),radial-gradient(100% 50%,farthest-side,rgba(0,0,0,0.5),transparent);
	background-position: 100% 0,100% 0
}

.scrollyeah_shadow .scrollyeah__shadow_prev {
	left: 0
}

.scrollyeah_shadow .scrollyeah__shadow_next {
	right: 0
}

.scrollyeah_shadow_no-left .scrollyeah__shadow_prev {
	left: -10px
}

.scrollyeah_shadow_no-right .scrollyeah__shadow_next {
	right: -10px
}

.DesktopNavBoxPosition {
	position: relative;
	margin-bottom: 15px
}

.DesktopNavBox {
	float: left;
	width: 100%;
	background: #f9f9f9;
	padding: 5px;
	box-sizing: border-box;
	box-shadow: inset 0 0 0 1px #efefef;
	border-radius: 4px;
	color: #000
}

.DesktopNavBoxPosition span.Close {
	position: absolute;
	right: 10px;
	top: 2px;
	background: #5d5d5d0f;
	color: #000;
	padding: 4px 8px;
	cursor: pointer;
	font-size: 12px;
	display: none;
	z-index: 5
}

.DesktopNavBoxPosition:hover span.Close {
	display: block
}

.DesktopNavBox span.Close:hover {
	background: #5d5d5d1f
}

.DesktopNavBox .Icon {
	float: left;
	font-size: 36px;
	text-align: center;
	width: 100%;
	padding: 5px 0
}

.DesktopNavBox .Name {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 14px;
	padding: 5px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

section.Report {
	background-color: #eef2f6;
	padding: 0 0 150px
}

section.Report div.theme-accordion {
}

section.Report div.theme-accordion .accordion-item {
	margin-bottom: 5px;
	border-radius: 5px;
	overflow: hidden
}

section.Report div.theme-accordion .accordion-item .accordion-header {
	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,rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0 );
	padding: 30px 25px;
	font-weight: 400;
	font-size: 18px;
	border-bottom: 1px solid #e5e9ee;
	position: relative
}

section.Report div.theme-accordion .accordion-item .accordion-header.active {
	background: #fff
}

section.Report div.theme-accordion .accordion-item .accordion-header .Control {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%)
}

section.Report div.theme-accordion .accordion-item .accordion-header .Control>.Item {
	display: inline-block;
	margin-left: 5px;
	height: 20px
}

section.Report div.theme-accordion .accordion-item .accordion-header .Control>.Item a.Link {
	margin: 0 8px;
	display: inline-block;
	background-color: #1d3d55;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	border: 0;
	padding: 4px 14px;
	vertical-align: text-bottom;
	border-radius: 60px;
	text-transform: uppercase
}

section.Report .Item.Alert {
	font-size: 20px;
	color: #fc0013;
	cursor: pointer;
	position: relative
}

section.Report .Item.Alert:hover {
	color: #fff
}

section.Report .Item.Alert>span {
	position: relative;
	z-index: 2
}

section.Report .Item.Alert>.dropdown {
	position: absolute;
	padding: 5px 10px;
	min-width: 0;
	right: -6px;
	height: 50px;
	z-index: 0;
	font-size: 11px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #1d3d55;
	color: #fff;
	font-weight: 600;
	padding-right: 33px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	border-radius: 6px
}

section.Report .Item.Alert:hover>.dropdown {
	opacity: 1;
	visibility: visible;
	min-width: 200px
}

section.Report .Item.Alert>.dropdown>.Txt {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: none
}

section.Report .Item.Alert:hover>.dropdown>.Txt {
	display: block
}

section.Report div.theme-accordion .accordion-item .accordion-header .Control>.Item.header-nav {
	position: relative
}

section.Report div.theme-accordion .accordion-item .accordion-header .Control>.Item.header-nav::after {
	content: "Detay";
	display: inline-block;
	font-size: 12px;
	height: 18px;
	line-height: 14px;
	vertical-align: bottom;
	background-color: #38bbf7;
	color: #fff;
	padding: 2px 10px;
	border-radius: 10px;
	transition: all .3s
}

section.Report div.theme-accordion .accordion-item .accordion-header.active .Control>.Item.header-nav::after {
	content: "\e978";
	background-color: transparent;
	font-family: misszenne!important;
	color: #38bbf7;
	font-size: 16px;
	padding: 2px 4px
}

section.Report div.theme-accordion .accordion-item .accordion-body {
	display: none;
	background-color: #fff;
	color: #1a282b;
	margin-bottom: 1px;
	padding: 0
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper {
	padding: 25px 35px;
	border-bottom: 1px solid #eee;
	transition: all .3s;
	position: relative
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper.CachePanel {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: .3s;
	visibility: hidden;
	padding: 0 35px
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper.CachePanel.ShowCacheLog {
	opacity: 1;
	overflow: inherit;
	height: inherit;
	visibility: visible;
	padding: 25px 35px
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper.CachePanel .cacheItem {
	float: left;
	width: 100%;
	margin-bottom: 3px;
	border-bottom: 1px solid #a2acb6;
	background: #eef2f6;
	padding: 5px 10px;
	border-radius: 5px
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper.CachePanel .cacheItem i {
	margin-right: 10px;
	float: left;
	font-size: 14px;
	color: #000;
	background: #000;
	border-radius: 12px;
	padding: 3px
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper.CachePanel .cacheItem i.iwo-117 {
	background: #4caf50;
	color: #fff
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper.CachePanel .cacheItem i.iwo-123 {
	background: red;
	color: #fff
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper.CachePanel .cacheItem .Title {
	float: left;
	line-height: 20px;
	font-size: 16px
}

.Btn.ReplyCache {
	float: right;
	background: red;
	color: #fff;
	padding: 0 15px;
	border-radius: 20px;
	font-size: 12px;
	cursor: pointer
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .BtnBox {
	text-align: right;
	margin: 8px 0
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .BtnBox>.Link {
	display: inline-block;
	padding: 6px 14px;
	background-color: #1d3d55;
	color: #fff;
	font-weight: 700;
	border-radius: 60px;
	font-size: 11px;
	text-transform: uppercase;
	margin-left: 3px;
	cursor: pointer;
	transition: .3s;
	position: relative
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .BtnBox>.Link.DisableLink {
	pointer-events: none;
	background-color: #7d96b0;
	color: #7d95af
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .BtnBox>.Link.DisableLink::before {
	content: "";
	animation: rotate 1.5s linear infinite;
	animation-delay: .2s;
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 50%;
	border-top-color: #7d95af;
	box-sizing: border-box;
	color: transparent;
	padding: 0;
	pointer-events: none;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 54px;
	top: 7px
}

@keyframes rotate {
	100% {
		 transform: rotate(360deg)
	}
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper:hover {
	-webkit-box-shadow: 0 0 69px -38px rgba(0,0,0,.67);
	-moz-box-shadow: 0 0 69px -38px rgba(0,0,0,.67);
	box-shadow: 0 0 69px -38px rgba(0,0,0,.67)
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Operation {
	position: relative;
	padding-left: 35px;
	text-transform: capitalize
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Operation::before {
	content: "\ea22";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-family: wopzefont!important;
	color: #38bbf7;
	font-size: 18px
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Operation .Title {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 6px
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Operation .Log {
	font-size: 13px;
	color: #808a8c
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Operation .Log>.Link {
	text-transform: lowercase;
	color: #38bbf7
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Sequence {
	font-size: 12px;
	padding: 10px 0;
	color: #808a8c;
	font-weight: 600;
	text-transform: capitalize;
	vertical-align: bottom;
	display: block;
	text-align: right
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Sequence>.Num {
	display: inline-block;
	padding: 3px 12px;
	border: 1px solid #fc0013;
	color: #fc0013;
	font-weight: 700;
	margin-left: 11px;
	position: relative
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Sequence>.Num:after,section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Sequence>.Num:before {
	right: 100%;
	top: calc(50% + 0px);
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Sequence>.Num:after {
	border-color: transparent;
	border-right-color: #fff;
	border-width: 5px;
	margin-top: -5px
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Sequence>.Num:before {
	border-color: transparent;
	border-right-color: #fc0013;
	border-width: 6px;
	margin-top: -6px
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Seo-Info {
	text-align: right
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Seo-Info>.Item {
	display: inline-block;
	font-size: 12px;
	color: #828282;
	text-align: center;
	margin-left: 8px
}

section.Report div.theme-accordion .accordion-item .accordion-body .wrapper .Seo-Info>.Item>span {
	display: block;
	text-align: center;
	border: 1px solid #38bbf7;
	border-radius: 4px;
	margin-top: 6px;
	padding: 3px 15px;
	color: #38bbf7;
	font-weight: 600
}

section.Report div.Grid-Menu {
	margin-top: 20px
}

section.Report div.Grid-Menu .g-link {
	background-color: #fff;
	display: block;
	text-align: center;
	color: #1d3d55;
	margin-bottom: 20px;
	border-radius: 5px;
	position: relative;
	text-decoration: none;
	height: 240px
}

section.Report div.Grid-Menu .g-link .Item.Alert {
	position: absolute;
	right: 13px;
	top: 13px
}

section.Report div.Grid-Menu .g-link .Item.Alert>.dropdown {
	transform: none;
	top: -5px
}

section.Report div.Grid-Menu .g-link::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 5px;
	transition: all .3s;
	border: 1px solid #fff
}

section.Report div.Grid-Menu .g-link:hover::before {
	left: 7px;
	bottom: 7px;
	right: 7px;
	top: 7px;
	border-color: #1d3d55
}

section.Report div.Grid-Menu .g-link .Content {
	position: relative;
	z-index: 2;
	padding: 20px 36px 0
}

section.Report div.Grid-Menu .g-link .Content>.Icon {
	display: inline-block;
	width: 54px;
	height: 54px;
	line-height: 54px;
	background-color: #1d3d55;
	color: #fff;
	font-size: 22px;
	border-radius: 50%
}

section.Report div.Grid-Menu .g-link .Content>.Icon>span {
	margin: 16px 0;
	display: inline-block
}

section.Report div.Grid-Menu .g-link .Content>.T {
	font-weight: 600;
	font-size: 16px;
	margin: 20px 0 10px;
	text-transform: capitalize
}

section.Report div.Grid-Menu .g-link .Content>.sT {
	font-size: 12px;
	height: 40px
}

section.Report div.Grid-Menu .g-link .toplu-islem {
	display: block;
	position: relative;
	padding: 6px 0
}

section.Report div.Grid-Menu .g-link .toplu-islem>.x-icon {
	vertical-align: baseline;
	background-color: #fc0013;
	color: #fff;
	padding: 3px 6px;
	margin-left: 4px;
	position: relative;
	z-index: 3;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10px
}

section.Report .g-link-content {
	min-height: 240px;
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
	position: relative
}

@media only screen and (max-width: 768px) {
	section.Report .g-link-content {
		 min-height:auto
	}

	section.Report div.Grid-Menu {
		 margin: 9px
	}

	section.Report div.Grid-Menu .g-link .Content>.sT {
		 font-size: 11px;
		 height: 55px
	}
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list {
	margin: 5px
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list>.item {
	width: 82px
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list>.item>img {
	height: 100%;
	width: 100%
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list>.item.add-item {
	height: 100%;
	text-align: center;
	font-size: 31px;
	background-color: #1d3d55;
	color: #fff;
	position: relative;
	transition: all .3s;
	cursor: pointer
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list>.item.add-item:hover {
	filter: brightness(1.5)
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list>.item.add-item>span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list.listVideo {
	position: relative
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list.listVideo .Icon {
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 6px;
	font-size: 16px
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list.listVideo .Icon>i {
	color: #fc0013
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list.listVideo .Icon>i.Aktif {
	color: green
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list.listVideo .goProduct {
	font-size: 12px;
	font-weight: 600;
	color: #1d3d55;
	display: block;
	padding: 3px 0;
	text-align: center;
	cursor: pointer;
	transition: all .3s
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list.listVideo .goProduct:hover {
	background-color: #f9f9f9
}

.PageView.ProductDetail section.Report .g-link-content .product-select-content>li.list.listVideo .goProduct>span {
	font-size: 9px
}

@media only screen and (max-width: 768px) {
	.PageView {
		 padding:0!important
	}

	.PageView .wrapper {
		 overflow: auto
	}
}

.PageTitle {
	float: left;
	background: transparent;
	padding: 90px 0 10px 30px;
	box-sizing: border-box;
	width: 460px
}

.PageTitle span:nth-child(1) {
	float: left;
	font-size: 20px;
	width: 100%
}

.PageTitle span:nth-child(2) {
	float: left;
	font-size: 12px;
	width: 100%
}

.PageTitle span:nth-child(3) {
	float: left;
	font-size: 14px;
	width: 100%
}

.PageTitle .Breadcrum {
	float: left;
	width: 100%;
	line-height: 25px
}

.PageTitle .Breadcrum a {
	float: left;
	font-size: 14px;
	margin-right: 5px;
	opacity: 1
}

.PageTitle .Breadcrum span {
	float: left;
	font-size: 14px;
	margin-right: 5px;
	opacity: 1;
	width: initial
}

.PageTitle .Breadcrum a:hover {
	color: #185088
}

.PageTitle .Breadcrum span:last-child {
	float: left;
	opacity: .5
}

.PageTitle.TabList {
	float: left;
	width: 100%;
	padding: 0;
	margin-top: 85px;
	background: #fff;
	border-bottom: 1px solid #e7e7e7;
	text-align: center;
	height: 38px;
	padding: 0 15px
}

.PageTitle.TabList .Btn.Box {
	background: #fff;
	padding: 10px 20px;
	margin: 0 1px;
	cursor: pointer;
	font-size: 12px;
	box-shadow: 0 0 0 1px #efefef;
	margin: -1px;
	display: inline-block;
	float: left
}

.PageTitle.TabList .Btn.Box:hover {
	background: #f8f8f8
}

.PageTitle.TabList .Btn.Box.Aktif {
	box-shadow: 0 20px 0 -18px #ff5722
}

.PageView.Home {
	padding-top: 0
}

.SearchBox {
	float: left;
	width: -webkit-fill-available;
	background: #fff;
	height: 60px;
	transition: all .3s;
	position: relative;
	z-index: 104;
	margin-left: 60px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 1px solid #ccc
}

.SearchBox .nav-logo {
	display: inline-block;
	float: left;
	border-left: 1px solid #ccc;
	padding: 20px
}

.SearchBox .nav-logo>img {
	width: 100%
}

.SearchBoxBg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #00000073;
	z-index: 103;
	display: none
}

.SearchBox.Nav {
	float: left;
	width: 100%;
	background: #fff;
	height: 60px;
	margin-left: 350px
}

.SearchBox i {
	float: left;
	width: 38px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 3px;
	top: 0;
	text-align: center;
	left: inherit
}

.SearchBox i.Loading {
	width: 36px;
	height: 29px;
	text-align: center;
	background: #f3f3f3 url(/Library/Img/Loading.gif);
	background-size: 35px;
	margin: 15px 0;
	background-repeat: no-repeat;
	background-position: center
}

.SearchBox .Search-area {
	position: relative;
	float: right;
	width: calc(70% - 20px);
	margin-right: 10px
}

.SearchBox .Search-area::after {
	content: "\ea0e";
	font-family: wopzefont!important;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	font-size: 24px
}

.SearchBox input {
	border: 1px solid #c9c9c9;
	line-height: 60px;
	outline: none;
	height: 45px;
	font-size: 16px;
	padding: 0 36px 0 16px;
	background-color: #fff;
	border-radius: 0 8px 8px 0;
	margin: 7px 0;
	width: 100%
}

.SearchBox select {
	float: right;
	line-height: 47px;
	outline: none;
	width: initial;
	text-indent: 0;
	background: initial;
	-webkit-appearance: menulist;
	margin: 7px -1px;
	border-radius: 8px 0 0 8px;
	border: 1px solid #c9c9c9;
	font-size: 14px;
	-moz-appearance: none;
	appearance: none;
	height: 45px;
	padding: 0 0;
	width: 100px;
	text-indent: 10px
}

.SearchBox .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,rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0 );
	position: absolute;
	left: -400px;
	top: 100%;
	width: calc(100% + 400px)
}

.SearchBox .SearchView .Search_Detail {
	display: flex
}

.SearchBox .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
}

.SearchBox .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
}

.SearchBox .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
}

.SearchBox .SearchView .Search_Detail .searchLeft {
	box-sizing: border-box;
	flex: 1 auto;
	padding: 10px
}

.SearchBox .SearchView .Search_Detail .searchLeft .Tab {
	text-align: center;
	line-height: 35px;
	font-size: 13px;
	color: #000;
	margin: 0 10px;
	display: flex;
	padding: 7px 0;
	border-bottom: 1px solid #e4e4e4
}

.SearchBox .SearchView .Search_Detail .searchLeft .Tab:last-child {
	border: 0
}

.SearchBox .SearchView .Search_Detail .searchLeft .Tab:nth-child(odd) {
	background: #d8d8d842
}

.SearchBox .SearchView .Search_Detail .searchLeft .Tab span {
	display: inline-block;
	flex: 1 auto
}

.SearchBox .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
}

.SearchBox .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
}

.SearchBox .SearchView .Search_Detail .searchLeft .Tab .Btn:hover {
	color: #fff;
	background: #0f3458
}

.SearchBox .SearchView .Search_Detail .searchRight {
	line-height: 30px;
	box-sizing: border-box;
	flex: 1 auto
}

.SearchBox .SearchView .Search_Detail .searchRight .Tab {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 35px;
	font-size: 13px;
	color: #000
}

.SearchBox .SearchView .Search_Detail .searchRight .Tab:hover {
	background: #ffffff24!important
}

.SearchBox .SearchView .Search_Detail .searchRight .Tab:nth-child(+2n) {
	background: #d8d8d842
}

.SearchBox .SearchView .Search_Detail .searchRight .Tab span:nth-child(1) {
	float: left;
	width: 12%;
	text-align: left;
	text-indent: 10px;
	box-shadow: 1px 0 0 0 #ccc
}

.SearchBox .SearchView .Search_Detail .searchRight .Tab span:nth-child(2) {
	float: left;
	width: 30%;
	text-align: left;
	text-indent: 10px;
	box-shadow: 1px 0 0 0 #ccc
}

.SearchBox .SearchView .Search_Detail .searchRight .Tab span:nth-child(3) {
	float: left;
	width: 20%;
	box-shadow: 1px 0 0 0 #ccc;
	text-align: left;
	text-indent: 10px
}

.SearchBox .SearchView .Search_Detail .searchRight .Tab span:nth-child(4) {
	float: left;
	width: 30%;
	box-shadow: 1px 0 0 0 #ccc;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	text-indent: 10px
}

.SearchBox .SearchView .Search_Detail .searchRight .Tab span:nth-child(5) {
	float: left;
	width: 15%;
	box-shadow: 1px 0 0 0 #ccc;
	text-align: left;
	text-indent: 10px
}

.SearchBox .SearchView .Search_Detail .searchRight .Tab span:nth-child(6) {
	float: left;
	width: 15%;
	box-shadow: 1px 0 0 0 #ccc;
	text-align: left;
	text-indent: 10px
}

.SearchBox .SearchView .Search_Detail .searchRight .Tab .Btn.Order {
	float: left;
	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
}

.SearchBox .SearchView .Search_Detail .searchRight .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 10px;
	text-indent: 0;
	border-radius: 4px;
	text-decoration: none
}

.SearchBox .SearchView .Search_Detail .searchRight .Tab .Btn:hover {
	color: #fff;
	background: #0f3458
}

.DashBar.B1 {
	float: left;
	width: 100%;
	min-height: 247px;
	background: #444 url(/Library/Img/Department72.jpg);
	margin-bottom: 10px;
	position: relative
}

.DashBar.B1 .dashBoxWidth {
	float: left;
	width: 100%;
	background: #00000070
}

.DashBar.B1 .dashBoxWidth .dashBox.Left {
	float: left
}

.DashBar.B1 .dashBoxWidth .BtnBox {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box
}

.DashBar.B1 .dashBoxWidth .BtnBox .Btn {
	padding: 6px 20px;
	float: left;
	z-index: 1;
	background: #0000006b;
	color: #fff;
	border-radius: 0;
	margin: 5px;
	box-shadow: 0 0 0 1px #ffeb3b;
	text-align: center;
	cursor: pointer
}

.DashBar.B1 .dashBoxWidth .BtnBox .Btn:hover {
	background: #ffeb3b;
	color: #000
}

.DashBar.B1 .dashBoxWidth .InputTab {
	border-radius: 5px;
	position: absolute;
	bottom: 0;
	left: 10px;
	padding: 10px;
	width: 320px
}

.DashBar.B1 .dashBoxWidth .InputTab input {
	border: 0;
	line-height: 28px;
	text-indent: 10px;
	border-radius: 10px;
	padding: 17px 3px 5px;
	float: none;
	width: calc(100% - 6px)
}

.DashBar.B1 .dashBoxWidth .InputTab span {
	line-height: 23px;
	color: #3f3f3f;
	text-indent: 13px
}

.DashBar.B1 .dashBoxWidth .InputTab .Btn.Reload {
	position: absolute;
	font-size: 18px;
	margin: 5px;
	cursor: pointer;
	z-index: 5;
	top: calc(50% - 7px);
	transform: translateY(-50%);
	right: 15px
}

.DashBar.B1 .dashBoxWidth .dashBox.Left span:nth-child(1) {
	float: left;
	width: 100%;
	color: #fff;
	text-indent: 10px;
	font-size: 18px;
	line-height: 40px
}

.DashBar.B1 .dashBoxWidth .dashBox.Left span:nth-child(2) {
	float: left;
	width: 100%;
	color: #c4c4c4;
	text-indent: 10px;
	font-size: 14px;
	line-height: 10px
}

.DashBar.B1 .dashBoxWidth .dashBox.Right {
	float: right
}

.DashBar.B1 .dashBoxWidth .dashBox.Right .subBox.ST1 {
	float: left;
	padding: 5px;
	border-radius: 4px;
	background: #000;
	margin: 8px 0 8px 8px
}

.DashBar.B1 .dashBoxWidth .dashBox.Right .subBox.ST1 i {
	float: left;
	width: 100%;
	color: #fff;
	line-height: 28px;
	text-align: center;
	font-size: 16px
}

.DashBar.B1 .dashBoxWidth .dashBox.Right .subBox.ST1 span:nth-child(2) {
	float: left;
	width: 100%;
	color: #fff;
	line-height: 16px;
	text-align: center;
	font-size: 14px
}

.DashBar.B1 .dashBoxWidth .dashBox.Right .subBox.ST1 span:nth-child(3) {
	float: left;
	width: 100%;
	color: #fff;
	line-height: 20px;
	text-align: center;
	font-size: 12px
}

.DashBar.B5 {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap
}

.DashBar.B5 .Box.B4 {
	background-color: #fff;
	padding: 7px 15px;
	padding-right: 60px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 5px!important;
	flex-grow: 1;
	flex: 1 1 50%
}

.DashBar.B5 .Box.B4 .Loading {
	position: absolute;
	background: #0000004a url(/Library/Img/Loading.gif);
	background-repeat: no-repeat;
	background-position: 50%;
	width: 100%;
	height: 100%;
	background-size: 100px;
	left: 0;
	top: 0;
	margin: 0;
	border-radius: 4px;
	box-shadow: 0 0 59px 17px #ffffff5e
}

.DashBar.B5 .Box.B4 .Title {
	text-align: center;
	font-size: 14px;
	text-transform: capitalize;
	display: inline-block
}

.DashBar.B5 .Box.B4 .Report {
	text-align: center;
	display: inline-block;
	color: #969696;
	margin-left: 6px
}

.DashBar.B5 .Box.B4 .Icon {
	position: absolute;
	right: 0;
	font-size: 22px;
	padding: 6px 13px;
	padding-left: 17px;
	background-color: #fcfcfc;
	color: #565656;
	top: 0;
	text-align: center;
	bottom: 0;
	text-decoration: none
}

.DashBar.B5 .Box.B4 .Icon:hover {
	-webkit-box-shadow: 0 0 69px -38px rgba(0,0,0,.67);
	-moz-box-shadow: 0 0 69px -38px rgba(0,0,0,.67);
	box-shadow: 0 0 69px -38px rgba(0,0,0,.67)
}

.PageFilterBar {
	margin-top: 69px!important;
	padding-top: 0!important;
	height: inherit!important;
	padding-bottom: 60px;
	position: absolute!important;
	margin-left: 30px!important;
	left: 0;
	top: 85px;
	width: 255px;
	margin-left: 80px;
	transition: position .5s;
	opacity: 1;
	z-index: 5
}

.PageFilterBar i.FilterIcon {
	display: none
}

.PageFilterBar.Close {
	position: absolute;
	transition: position .2s
}

.PageFilterBar.Open {
	transition: position .5s;
	position: absolute
}

.PageFilterBar .Btn.Filter {
	float: left;
	background: #ff9800;
	color: #fff;
	padding: 5px 20px;
	box-sizing: border-box;
	margin-top: 10px;
	border-radius: 2px;
	cursor: pointer;
	border-right: 1px solid rgba(0,0,0,.18);
	border-bottom: 1px solid rgba(0,0,0,.25)
}

.PageFilterBar .Btn.Filter:hover {
	background: #ef8f02;
	border-right: 1px solid rgba(0,0,0,.35);
	border-bottom: 1px solid rgba(0,0,0,.52)
}

.PageFilterBar .Btn.Filter:active {
	background: #ff9800;
	border-right: 1px solid rgba(0,0,0,.35);
	border-bottom: 1px solid rgba(0,0,0,.52)
}

.PageFilterBar .FilterTab {
	float: left;
	background: #f9fafb;
	border: 1px solid #e3e4e5;
	cursor: pointer;
	width: inherit;
	margin-bottom: -1px
}

.PageFilterBar .FilterTab.Open {
	background: #fff!important
}

.PageFilterBar .FilterTab.Open .Wind {
	display: block
}

.PageFilterBar .FilterTab:hover {
	background: rgba(249,250,251,.8)
}

.PageFilterBar .FilterTab span {
	float: left;
	line-height: 35px;
	text-indent: 10px;
	font-size: 14px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.PageFilterBar .FilterTab i {
	float: right;
	line-height: 36px;
	padding-right: 10px
}

.PageFilterBar .FilterTab .Wind {
	float: left;
	width: 100%;
	padding: 2%;
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
	display: none
}

.PageFilterBar .FilterTab .Wind .InputTab {
	float: left;
	width: 100%;
	position: relative;
	box-sizing: border-box
}

.PageFilterBar .FilterTab .Wind .InputTab {
	float: left;
	width: 100%
}

.PageFilterBar .FilterTab .Wind .InputTab span {
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 10px;
	line-height: 52px;
	z-index: 0
}

.PageFilterBar .FilterTab .Wind .InputTab.Focus span {
	line-height: 25px;
	font-size: 12px;
	z-index: 0
}

.PageFilterBar .FilterTab .Wind .InputTab.Focus input {
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.PageFilterBar .FilterTab .Wind .InputTab.Focus textarea {
	background: #fff;
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.PageFilterBar .FilterTab .Wind .InputTab.Focus select {
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.PageFilterBar .FilterTab .Wind .InputTab input {
	float: left;
	width: 100%;
	border: 1px solid #e8e9e9;
	padding: 5px 0;
	text-indent: 10px;
	border-radius: 2px;
	background: #f9fafb!important;
	outline: none
}

.PageFilterBar .FilterTab .Wind .InputTab select {
	float: left;
	width: 100%;
	text-indent: 6px;
	border: 0;
	line-height: 35px;
	padding: 5px 0;
	box-shadow: 0 0 0 1px #ccc;
	outline: none;
	background: #f9fafb!important;
	font-size: 16px;
	font-family: quicksand,sans-serif;
	margin: 0;
	z-index: 3;
	position: relative
}

.PageView {
	transition: margin 1s;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	z-index: 3;
	padding-bottom: 90px;
	width: 100%;
	box-sizing: border-box;
	height: inherit!important;
	display: inline-block;
	margin: 0;
	margin-top: 0
}

.PageView.Admin {
	float: left;
	padding: 10px
}

.PageView.PageList {
	width: -webkit-fill-available;
	float: none
}

.PageView.Full {
	width: 100%;
	margin: 0!important
}

.PageView .List {
	overflow: auto;
	margin-bottom: 30px
}

.PageView.PageList .List {
	overflow: auto;
	margin-bottom: 30px;
	margin-left: 275px!important;
	float: none;
	width: inherit
}

.PageView.Full .List {
	overflow: auto;
	margin-bottom: 30px;
	margin-left: 0!important;
	float: none;
	width: inherit
}

.PageView .InputTab {
	float: left;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	background: #fff;
	margin-bottom: 5px
}

.PageView .InputTabOther {
	float: left;
	width: 100%;
	margin-top: 20px
}

.PageView .InputTab span {
	position: absolute;
	text-indent: 10px;
	line-height: 52px
}

.PageView .InputTab.Focus span {
	line-height: 25px;
	font-size: 12px;
	z-index: 0
}

.PageView .InputTab.Focus input {
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.PageView .InputTab .Info {
	z-index: 0;
	float: left;
	width: 100%;
	background: #3779bb2e;
	padding: 5px;
	box-sizing: border-box;
	color: #2a2a2a;
	margin: 5px 0;
	font-size: 12px;
	border: 1px dashed #225282
}

.PageView .InputTab.Focus textarea {
	background: #fff;
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.PageView .InputTab.Focus select {
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.PageView .InputTab textarea {
	float: left;
	width: calc(100% - 2px);
	text-indent: 10px;
	min-height: 230px;
	line-height: 35px;
	box-shadow: #ccc 0 0 0 1px;
	font-size: 16px;
	font-family: Quicksand,sans-serif;
	z-index: 3;
	position: relative;
	border-width: 0;
	border-style: initial;
	border-color: initial;
	border-image: initial;
	padding: 15px 0 0;
	outline: none;
	background: 0 0;
	margin: 1px
}

.PageView .InputTab input {
	float: left;
	width: calc(100% - 2px);
	text-indent: 10px;
	line-height: 35px;
	box-shadow: #ccc 0 0 0 1px;
	font-size: 16px;
	font-family: Quicksand,sans-serif;
	z-index: 3;
	position: relative;
	border-width: 0;
	border-style: initial;
	border-color: initial;
	border-image: initial;
	padding: 15px 0 0;
	outline: none;
	background: 0 0;
	margin: 1px
}

.PageView .InputTab select {
	float: left;
	width: 100%;
	text-indent: 6px;
	border: 0;
	line-height: 35px;
	padding: 22px 0 6px;
	box-shadow: 0 0 0 1px #ccc;
	outline: none;
	background: 0 0;
	font-size: 16px;
	font-family: quicksand,sans-serif;
	margin: 0;
	z-index: 3;
	position: relative
}

.PageView .InputTab input.Error {
	box-shadow: 0 0 0 1px rgba(255,0,0,.25);
	background: rgba(255,0,0,.03)
}

.PageView .InputTab input.Ok {
	box-shadow: 0 0 0 1px #4caf50;
	background: rgba(76,175,80,.09)
}

.PageView .InputTab input.select {
	box-shadow: 0 0 0 1px rgba(255,0,0,.25);
	background: rgba(255,0,0,.03)
}

.PageView .InputTab.ICONSELECT {
	float: left;
	width: 100%;
	margin: 10px 0;
	position: relative;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #ccc
}

.PageView .InputTab.ICONSELECT span.IconNAME {
	float: left;
	width: 30%;
	margin: 0 0;
	position: relative;
	box-sizing: border-box;
	background: #efefef;
	line-height: 50px
}

.PageView .InputTab.ICONSELECT div.IconSelect {
	float: right;
	width: 70%;
	margin: 0 0;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	line-height: 50px;
	cursor: pointer
}

.PageView .InputTab.ICONSELECT div.IconSelect i {
	float: left;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	font-size: 28px;
	background: #000;
	color: #fff;
	width: 100%
}

.PageView .InputTab.ICONSELECT div.IconSelect:hover {
	float: right;
	width: 70%;
	margin: 0 0;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	line-height: 50px;
	background: #383838;
	color: #fff;
	cursor: pointer
}

.PageView .NavList {
	float: left;
	width: 25%;
	border-radius: 2px;
	font-size: 18px;
	cursor: pointer;
	margin: 0% 1% 1% 0%
}

.PageView .NavList .Nav {
	float: left;
	background: #fff;
	padding: 5px 20px;
	border-radius: 2px;
	font-size: 18px;
	cursor: pointer;
	margin-bottom: 1px;
	width: 100%;
	box-sizing: border-box;
	color: #444
}

.PageView .NavList .Nav.Red {
	background: #ffc107;
	color: #000
}

.PageView .pageLeft {
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding: 1px
}

.PageView .pageLeft.Full {
	width: 65.66%;
	float: left;
	box-sizing: border-box;
	padding: 1px
}

.PageView .pageLeft .groupBox {
	float: left;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 0 1px #cccccc52;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 10px
}

.PageView .pageLeft .groupBox .Title {
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	font-size: 18px
}

.PageView .pageCenter {
	width: 31.33%;
	float: left;
	padding: 20px;
	margin: 0 1%;
	box-sizing: border-box
}

.PageView .pageCenter .Title {
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px
}

.PageView .pageCenter .groupBox {
	float: left;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 0 1px #cccccc52;
	padding-bottom: 10px
}

.PageView .pageRight {
	width: 33.33%;
	float: right;
	box-sizing: border-box;
	margin: 0
}

.PageView .pageRight.Full {
	width: 65.66%;
	float: left;
	margin-left: 1%;
	box-sizing: border-box
}

.PageView .pageRight .groupBox {
	float: left;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 0 1px #cccccc52;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 10px
}

.PageView .pageRight .groupBox .Title {
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	position: relative;
	font-size: 18px
}

.PageView .pageRight .groupBox .Title .Btn {
	float: right;
	padding: 0 10px 2px;
	font-size: 14px;
	background: #dedede;
	cursor: pointer;
	margin-left: 5px;
	border-radius: 1px
}

.PageView .pageRight .groupBox .Title .Btn.Red {
	background: red;
	color: #fff
}

.PageView .pageRight .groupBox .Title .Btn.Active {
	background: #00bcd4;
	color: #fff
}

.PageView .pageRight .groupBox .Title .Btn span {
	float: left;
	padding: 6px 0 2px;
	font-size: 14px;
	border-radius: 4px
}

.PageView .pageRight .groupBox .Title .Btn div {
	float: right;
	padding: 8px 0 3px 10px;
	font-size: 13px
}

.PageView .pageRight .groupBox .InputTab .Keyword_Limit {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 30px;
	background: #434343;
	color: #fff;
	padding: 0 5px;
	border: 0;
	font-size: 12px;
	border-radius: 2px;
	text-indent: 0;
	text-align: center
}

.PageView .pageRight .groupBox .InputTab .Keyword_Limit.Error {
	background: #f44336;
	color: #fff
}

.PageView .pageRight .groupBox .List {
	float: left;
	width: 100%;
	margin: 0
}

.PageView .pageRight .groupBox .List .Item {
	float: left;
	width: calc(100% - 2px);
	background: #f2f2f24a;
	box-shadow: 0 0 0 1px #eaeaea;
	margin: 1px;
	margin-bottom: 5px
}

.PageView .pageRight .groupBox .List .Item span {
	float: left;
	line-height: 29px;
	text-indent: 5px
}

.PageView .pageRight .groupBox .List .Item div.Btn {
	float: right;
	background: red;
	cursor: pointer;
	color: #fff;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 12px
}

.PageView .pageLeft .groupBox .WeightSelect {
	float: left;
	width: 100%
}

.PageView .pageLeft .groupBox .WeightSelect span {
	float: left;
	height: 160px;
	background-color: #fefefe;
	box-shadow: 0 0 0 1px #ccc
}

.PageView .pageLeft .groupBox .WeightSelect.B5 span {
	width: 20%
}

.PageView .pageLeft .groupBox .WeightSelect.B6 span {
	width: 16.66%
}

.PageView .pageLeft .groupBox .WeightSelect span.Disable {
	background-color: #efefef!important
}

.PageView .pageLeft .groupBox .WeightSelect span.Hover {
	background-color: #dbf4ff
}

.PageView .pageLeft .groupBox .WeightSelect span.Select {
	background-color: #ffe8e0
}

.PageView .NavList .Nav span:nth-child(1) {
	float: left
}

.PageView .NavList .Nav span:nth-child(2) {
	float: left;
	font-size: 12px;
	width: 100%
}

@media only screen and (max-width: 768px) {
	.PageView.PageList .List {
		 margin-left:0!important
	}
}

.UserMyNav {
	float: left;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 0 1px #ccc;
	height: 59px
}

.UserMyNav span {
	float: left;
	width: 100%;
	height: 59px;
	line-height: 59px;
	font-size: 22px;
	padding: 0 15px;
	color: #2196f3
}

.UserMyNav .Wind {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	box-shadow: -7px 10px 20px -13px #242424fa;
	display: none;
	min-width: 240px;
	padding: 5px;
	border: 1px solid #d9d9d9
}

.UserMyNav:hover .Wind {
	display: block
}

.UserMyNav:hover .Wind i {
	float: left;
	width: 100%;
	font-size: 32px;
	padding: 10px 0 0;
	position: relative;
	height: inherit;
	color: #244f714d
}

.UserMyNav:hover .Wind div {
	float: left;
	width: 100%;
	text-align: center;
	padding: 5px 0 10px;
	font-weight: 600;
	font-size: 11px;
	color: #869cac
}

.UserMyNav .Wind a {
	float: left;
	width: 100%;
	line-height: 30px;
	text-indent: 8px;
	color: #000;
	border-bottom: 1px solid #ccc;
	font-size: 12px
}

.UserMyNav .Wind a:hover {
	background-color: #eef2f6
}

.UserMyNav .Wind a:last-child {
	border-bottom: 0
}

.webTools {
	float: left;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 0 1px #ccc;
	margin-left: 1px;
	color: #7d97b1
}

.webTools span {
	float: left;
	width: 100%;
	height: 59px;
	line-height: 59px;
	font-size: 22px;
	padding: 0 15px;
	color: #496077
}

.webTools span.Count {
	position: absolute;
	top: 3px;
	right: 0;
	background: #e90000;
	color: #fff;
	height: 16px;
	width: inherit;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	border-radius: 10px 0 0 10px;
	padding: 0 4px 0 3px
}

.webTools .Wind {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	box-shadow: -7px 10px 20px -13px #242424fa;
	display: none;
	min-width: 499px;
	padding: 5px;
	border: 1px solid #d9d9d9;
	overflow: auto;
	max-height: 360px;
	cursor: default
}

.webTools:hover .Wind {
	display: block
}

.webTools:hover .Wind .view {
	float: left;
	width: 100%
}

.webTools:hover .Wind .view.B3 .Title {
	float: left;
	width: 100%;
	text-align: left;
	text-indent: 10px;
	background: #eef2f6;
	color: #597693;
	line-height: 26px;
	display: none
}

.webTools:hover .Wind .view.B3 .Box {
	float: left;
	width: 33.33%;
	box-shadow: inset 3px 7px 28px -13px #000c;
	padding: 10px 0;
	text-align: center;
	background: #496077;
	color: #fff
}

.webTools:hover .Wind .view.B3 .Box span:nth-child(1) {
	float: left;
	height: inherit;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
	padding: 0;
	color: #c1ddf8
}

.webTools:hover .Wind .view.B3 .Box span:nth-child(2) {
	float: left;
	line-height: 10px;
	font-size: 10px;
	text-align: center;
	height: inherit;
	padding: 0;
	color: #fff
}

.webTools:hover .Wind .view.B3 .Box div.Btn {
	line-height: 24px;
	font-size: 12px;
	background: #7d97b1;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
	padding: 0 10px;
	cursor: pointer;
	box-shadow: 1px 2px 4px -1px #000
}

.webTools:hover .Wind .view.B3 .Box div.Btn:hover {
	background: #a3bdd7;
	color: #fff
}

.webTools:hover .Wind .view.B2 .Title {
	float: left;
	width: 100%;
	text-align: left;
	text-indent: 10px;
	background: #fff;
	color: #597693;
	line-height: 26px;
	display: none
}

.webTools:hover .Wind .view.B2 .Box {
	float: left;
	width: 50%;
	box-shadow: inset 3px 7px 28px -13px #000c;
	padding: 10px 0;
	text-align: center;
	background: #496077;
	color: #fff
}

.webTools:hover .Wind .view.B2 .Box span:nth-child(1) {
	float: left;
	height: inherit;
	line-height: 30px;
	font-size: 13px;
	text-align: center;
	font-weight: 700;
	padding: 0;
	color: #fff
}

.webTools:hover .Wind .view.B2 .Box span:nth-child(2) {
	float: left;
	line-height: 10px;
	font-size: 14px;
	text-align: center;
	height: inherit;
	padding: 0
}

.webTools:hover .Wind .view.B2 .Box div.Btn {
	line-height: 24px;
	font-size: 12px;
	background: #7d97b1;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
	padding: 0 10px;
	cursor: pointer;
	box-shadow: 1px 2px 4px -1px #000
}

.webTools:hover .Wind .view.B2 .Box div.Btn:hover {
	background: #a3bdd7;
	color: #fff
}

.webTools:hover .Wind i {
	float: left;
	width: 100%;
	font-size: 32px;
	padding: 10px 0 0;
	position: relative;
	height: inherit;
	color: #244f714d
}

.webTools:hover .Wind a {
	float: left;
	width: 100%;
	text-align: center;
	padding: 5px 0 10px;
	font-weight: 600;
	font-size: 11px;
	color: #869cac;
	box-shadow: inset 3px 0 0 0 red
}

.webTools .Wind a {
	float: left;
	width: 100%;
	line-height: 30px;
	text-indent: 8px;
	color: #000;
	border-bottom: 1px solid #f3f3f3;
	font-size: 12px
}

.webTools .Wind a.Read {
	box-shadow: inset 3px 0 0 0 #656565
}

.webTools .Wind a:hover {
	background-color: #eef2f6
}

.webTools .Wind a:last-child {
	border-bottom: 0
}

.webTools:hover .Wind a .Title {
	float: left;
	width: 100%;
	text-align: left;
	padding: 2px;
	font-weight: 400;
	font-size: 12px;
	color: #2a2a2a;
	line-height: 14px;
	padding-bottom: 5px
}

.webTools:hover .Wind a .Message {
	float: left;
	width: 100%;
	text-align: left;
	font-weight: 400;
	font-size: 12px;
	color: #787878;
	line-height: 14px;
	height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.webTools:hover .Wind a .Time {
	float: right;
	text-align: left;
	font-size: 10px;
	color: #8e8e8e
}

.UserBulletin {
	float: left;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 0 1px #ccc;
	margin-left: 1px
}

.UserBulletin span {
	float: left;
	width: 100%;
	height: 59px;
	line-height: 59px;
	font-size: 22px;
	padding: 0 15px;
	color: #363636
}

.UserBulletin span.Count {
	position: absolute;
	top: 3px;
	right: 0;
	background: #e90000;
	color: #fff;
	height: 16px;
	width: inherit;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	border-radius: 10px 0 0 10px;
	padding: 0 4px 0 3px
}

.UserBulletin .Wind {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	box-shadow: -7px 10px 20px -13px #242424fa;
	display: none;
	min-width: 499px;
	padding: 5px;
	border: 1px solid #d9d9d9;
	overflow: auto;
	max-height: 360px
}

.UserBulletin:hover .Wind {
	display: block
}

.UserBulletin:hover .Wind i {
	float: left;
	width: 100%;
	font-size: 32px;
	padding: 10px 0 0;
	position: relative;
	height: inherit;
	color: #244f714d
}

.UserBulletin:hover .Wind a {
	float: left;
	width: 100%;
	text-align: center;
	padding: 5px 0 10px;
	font-weight: 600;
	font-size: 11px;
	color: #869cac;
	box-shadow: inset 3px 0 0 0 red
}

.UserBulletin .Wind a {
	float: left;
	width: 100%;
	line-height: 30px;
	text-indent: 8px;
	color: #000;
	border-bottom: 1px solid #f3f3f3;
	font-size: 12px
}

.UserBulletin .Wind a.Read {
	box-shadow: inset 3px 0 0 0 #656565
}

.UserBulletin .Wind a:hover {
	background-color: #eef2f6
}

.UserBulletin .Wind a:last-child {
	border-bottom: 0
}

.UserBulletin:hover .Wind a .Title {
	float: left;
	width: 100%;
	text-align: left;
	padding: 2px;
	font-weight: 400;
	font-size: 12px;
	color: #2a2a2a;
	line-height: 14px;
	padding-bottom: 5px
}

.UserBulletin:hover .Wind a .Message {
	float: left;
	width: 100%;
	text-align: left;
	font-weight: 400;
	font-size: 12px;
	color: #787878;
	line-height: 14px;
	height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.UserBulletin:hover .Wind a .Time {
	float: right;
	text-align: left;
	font-size: 10px;
	color: #8e8e8e
}

.panelChat {
	float: left;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 0 1px #ccc;
	margin-left: 1px
}

.panelChat span {
	float: left;
	width: 100%;
	height: 59px;
	line-height: 59px;
	font-size: 22px;
	padding: 0 15px;
	color: #363636
}

.panelChat span.Count {
	position: absolute;
	top: 3px;
	right: 0;
	background: #e90000;
	color: #fff;
	height: 16px;
	width: inherit;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	border-radius: 10px 0 0 10px;
	padding: 0 4px 0 3px
}

.panelPhone {
	float: left;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 0 1px #ccc;
	margin-left: 1px
}

.panelPhone span {
	float: left;
	width: 100%;
	height: 59px;
	line-height: 59px;
	font-size: 22px;
	padding: 0 15px;
	color: #363636
}

.panelPhone span.Count {
	position: absolute;
	top: 3px;
	right: 0;
	background: #e90000;
	color: #fff;
	height: 16px;
	width: inherit;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	border-radius: 10px 0 0 10px;
	padding: 0 4px 0 3px
}

.Home_Bottom_Nav {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 50px;
	z-index: 105;
	border-top: 1px solid #fbfbfb;
	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,rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0 )
}

.Home_Bottom_Nav .Box.L {
	float: left;
	margin-left: 42px
}

.UserBox {
	float: right;
	position: relative;
	margin-right: 30px;
	cursor: pointer;
	margin: 0 30px 0 0;
	padding-left: 65px;
	box-shadow: -1px 0 0 0 #ccc;
	height: 59px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.UserBox .Profil {
	float: left;
	background: #7d97b1;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	text-align: center;
	border: 2px solid #fff;
	box-shadow: 1px 0 8px #0000002e;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 8px
}

.UserBox .Profil:after {
	left: calc(100% + 3px);
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-left-color: #7d97b1;
	border-width: 5px;
	margin-top: -5px
}

.UserBox .Profil i {
	line-height: 40px;
	font-size: 24px;
	display: inline-block;
	color: #fff;
	float: none;
	width: initial
}

.UserBox .Name {
	font-size: 16px;
	color: #7d97b1;
	line-height: 22px;
	width: 100%
}

.UserBox .Firm {
	font-size: 10px;
	color: #fff;
	line-height: 13px;
	background: #7d97b1;
	border-radius: 4px;
	padding: 1px 10px;
	width: 100%;
	margin-top: 2px
}

.Home_Bottom_Nav .Box.R {
	float: right;
	position: relative
}

.Home_Bottom_Nav .InBount {
	float: left;
	position: relative;
	background: url(/Library/Img/call.gif);
	background-size: 80px;
	background-repeat: no-repeat;
	width: 69px;
	height: 64px;
	position: absolute;
	bottom: 0;
	left: -72px;
	border-radius: 4px;
	box-shadow: -15px 0 31px -13px #000;
	cursor: pointer
}

.Home_Bottom_Nav .InBount span {
	background: #3779bb;
	color: #fff;
	width: 220px;
	float: left;
	margin-left: 75px;
	padding: 3px;
	font-size: 12px;
	text-indent: 5px;
	border-radius: 4px 4px 0 0
}

.Home_Bottom_Nav .Btn.Icon {
	float: right;
	margin: 6px 0;
	padding: 0 20px;
	position: relative
}

.Home_Bottom_Nav .Btn.Icon::after {
	transition: all .3s
}

.Home_Bottom_Nav .Btn.Icon.tltp:hover::after {
	content: attr(data-txt);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -30px;
	background-color: #7d97b1;
	color: #fff;
	padding: 3px 10px;
	font-size: 12px;
	width: max-content
}

.Home_Bottom_Nav .Btn.Icon::before {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	position: absolute;
	right: 0;
	background-color: #7d97b1;
	top: 50%;
	transform: translateY(-50%)
}

.Home_Bottom_Nav .Btn.Icon#CrmFormList::before {
	display: none
}

.Home_Bottom_Nav .Btn.Icon:hover i {
	color: #5c7288
}

.Home_Bottom_Nav .Btn.Icon span.Count {
	float: right;
	position: absolute;
	background: #7d97b1;
	color: #fff;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 11px;
	top: 0;
	right: 24px;
	z-index: 2
}

.Home_Bottom_Nav .Btn.Icon .setInterval {
	float: right;
	position: absolute;
	background: #7d97b1;
	color: #fff;
	border-radius: 2px;
	height: 20px;
	line-height: 17px;
	text-align: left;
	text-indent: 10px;
	bottom: 100%;
	left: 15px;
	width: max-content;
	padding: 0 10px 0 0;
	font-size: 15px;
	display: none
}

.Home_Bottom_Nav .Btn.Icon i {
	float: right;
	color: #7d97b1;
	padding: 0 15px;
	font-size: 22px;
	cursor: pointer;
	line-height: 38px;
	position: relative
}

.Home_Bottom_Nav .Btn.Icon .Btn.AddNewNote {
	position: absolute;
	top: -26px;
	background: #ff9800;
	color: #fff;
	width: max-content;
	right: 0;
	line-height: 26px;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
	padding: 0 14px
}

.Home_Bottom_Nav .Btn.Icon .Btn.AddNewNote:hover {
	background: #f29000;
	color: #fff
}

.Home_Bottom_Nav .Btn.Icon.Aktif {
	background: #ff9800
}

.Home_Bottom_Nav .Btn.Icon:hover .Wind {
	display: block
}

.Home_Bottom_Nav .Btn.Icon .Wind {
	position: absolute;
	bottom: 100%;
	left: 0;
	background: #fff;
	width: 740px;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0 -23px 74px 8px rgba(0,0,0,.35);
	display: none
}

.Home_Bottom_Nav .Btn.Icon .Wind .Text {
	width: 100%;
	font-size: 12px;
	text-align: left;
	border-radius: 2px;
	cursor: pointer;
	line-height: 20px;
	color: #777;
	padding: 10px 0
}

.Home_Bottom_Nav .Btn.Icon .Wind .Item {
	width: 100%;
	cursor: pointer;
	padding: 5px 10px;
	margin: 10px 0;
	border-bottom: 1px solid #f2f2f2;
	box-sizing: border-box;
	border-radius: 4px
}

.Home_Bottom_Nav .Btn.Icon .Wind .Item:hover {
	background: rgba(239,239,239,.48)
}

.Home_Bottom_Nav .Btn.Icon .Wind .Item .Text {
	width: 100%;
	font-size: 12px;
	text-align: left;
	line-height: 16px;
	color: #000;
	border-radius: 0;
	cursor: inherit;
	padding: 0
}

.Home_Bottom_Nav .Btn.Icon .Wind .Item .Time {
	width: 100%;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	color: #656565
}

.Home_Bottom_Nav .Btn.Icon .Wind .Btn {
	background: #607d8b;
	color: #fff;
	width: 100%;
	font-size: 14px;
	text-align: left;
	border-radius: 2px;
	cursor: pointer;
	line-height: 32px;
	text-indent: 10px
}

.Home_Bottom_Nav .Btn.Icon .Wind .Btn:hover {
	background: #31596d
}

.Home_Bottom_Nav .Btn.Icon#ScreenSettings {
	font-size: 28px
}

td .ActionBtn {
	float: right;
	font-size: 14px;
	line-height: 30px;
	background: #eef2f6;
	color: #000;
	border-radius: 2px;
	box-shadow: 0 0 0 1px #cccccc85;
	position: relative;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	padding: 0 0;
	margin-left: 5px;
	width: 25px
}

td .ActionBtn i.Select {
	line-height: 23px;
	display: inline-block;
	background: #fff;
	z-index: 4;
	position: relative;
	float: left;
	width: 100%
}

td .ActionBtn .NavList {
	float: left;
	position: absolute;
	top: calc(100% + -1px);
	right: -1px;
	background: #fff;
	box-shadow: -2px 7px 13px 0 #9d9d9d85;
	display: none;
	border: 0;
	padding: 8px;
	width: initial;
	border-radius: 4px;
	z-index: 1
}

td .ActionBtn:hover {
	display: block;
	background: #fff;
	z-index: 10;
	box-shadow: 0 0 0 2px #efefef;
	border-bottom: 1px solid #fff;
	border-radius: 0
}

td .ActionBtn:hover .NavList {
	display: block;
	box-shadow: 0 0 0 1px #efefef;
	border-radius: 4px 0 4px 4px;
	z-index: 1
}

.ActionBtn.TableList {
	float: left;
	font-size: 16px;
	line-height: 30px;
	background: #334b63;
	color: #000;
	border-radius: 2px;
	position: relative;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	padding: 0 5px;
	margin-left: 5px;
	margin-top: 2px;
	margin-right: 25px;
	width: 280px
}

.ActionBtn.TableList span.Count {
	float: left;
	font-size: 14px;
	line-height: 20px;
	background: #fff;
	color: #000;
	border-radius: 2px;
	box-shadow: 0 0 0 0 #cccccc85;
	position: relative;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	padding: 0 5px;
	margin: 5px;
	font-weight: 400
}

.ActionBtn.TableList span.Text {
	float: left;
	font-size: 11px;
	line-height: 30px;
	color: #fff
}

.ActionBtn.TableList i.Select {
	line-height: 30px;
	display: inline-block;
	padding-left: 10px;
	font-size: 10px;
	color: #fff;
	width: initial;
	background: 0 0
}

.ActionBtn.TableList .NavList {
	float: left;
	position: absolute;
	top: 30px;
	right: -2px;
	background: #547ea7;
	min-width: 220px;
	box-shadow: none;
	font-weight: 400;
	display: none;
	border: .5pt solid #dbdbdb00;
	padding: 0;
	border-radius: 0
}

.ActionBtn.TableList:hover {
	display: block;
	background: #476a8c;
	border-radius: 0;
	z-index: 9;
	box-shadow: none
}

.ActionBtn.TableList:hover .NavList {
	display: block
}

.ActionBtn.TableList .NavList div {
	float: left;
	width: 100%;
	line-height: 32px;
	border-bottom: 1px solid #cccccc40;
	cursor: pointer;
	text-align: left;
	font-size: 12px;
	padding: 0 10px
}

.ActionBtn.TableList .NavList div a {
	color: #fff
}

.ActionBtn.TableList .NavList div a i {
	margin-right: 5px
}

.ActionBtn.TableList .NavList div:hover {
	background: #365778
}

.ActionBtn {
	float: right;
	font-size: 16px;
	line-height: 30px;
	background: #eef2f6;
	color: #000;
	border-radius: 2px;
	box-shadow: 0 0 0 1px #cccccc85;
	position: relative;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	padding: 0 0;
	margin-left: 5px;
	width: 30px
}

.ActionBtn i.Select {
	line-height: 32px;
	display: inline-block;
	background: #fff;
	z-index: 4;
	position: relative;
	float: left;
	width: 100%
}

.ActionBtn .NavList {
	float: left;
	position: absolute;
	top: calc(100% + -1px);
	right: -1px;
	background: #fff;
	box-shadow: -2px 7px 13px 0 #9d9d9d85;
	display: none;
	border: .5pt solid #dbdbdb;
	padding: 8px;
	width: initial;
	border-radius: 4px;
	z-index: 1
}

.ActionBtn:hover {
	display: block;
	background: #fff;
	z-index: 10;
	box-shadow: 0 0 0 1px #dedede;
	border-bottom: 1px solid #fff;
	border-radius: 0
}

.ActionBtn:hover .NavList {
	display: block;
	box-shadow: 0 0 0 1px #efefef;
	border-radius: 4px 0 4px 4px;
	z-index: 1
}

.ActionBtn .NavList div {
	float: left;
	width: max-content;
	line-height: 32px;
	border-bottom: 0 solid #cccccc40;
	cursor: pointer;
	text-align: left;
	font-size: 14px;
	padding: 0 0;
	font-weight: 400;
	min-width: 220px;
	text-indent: 5px;
	border-radius: 3px
}

.ActionBtn .NavList div a {
	color: #000
}

.ActionBtn .NavList div:hover {
	background: #7d97b1
}

.ActionBtn .NavList div:hover a {
	color: #fff
}

.settingsCALL {
	float: right;
	font-size: 16px;
	line-height: 30px;
	background: #eef2f6;
	color: #000;
	border-radius: 2px;
	box-shadow: 0 0 0 1px #cccccc85;
	position: relative;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	padding: 0 0;
	margin-left: 5px;
	width: 30px
}

.settingsCALL i {
	line-height: 32px;
	display: inline-block;
	background: #fff;
	z-index: 4;
	position: relative;
	float: left;
	width: 100%
}

.settingsCALL .NavList {
	float: left;
	position: absolute;
	top: calc(100% + -1px);
	right: -1px;
	background: #fff;
	box-shadow: -2px 7px 13px 0 #9d9d9d85;
	display: none;
	border: .5pt solid #dbdbdb;
	padding: 8px;
	width: initial;
	border-radius: 4px;
	z-index: 1
}

.settingsCALL:hover {
	display: block;
	background: #fff;
	z-index: 10;
	box-shadow: 0 0 0 0 #dedede;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	border-radius: 0
}

.settingsCALL:hover .Settings {
	display: block;
	box-shadow: 0 0 0 1px #efefef;
	border-radius: 4px 0 4px 4px;
	z-index: 1
}
.settingsCALL .Settings.customSettings{
	right:initial;
	left:0
}

.settingsCALL .Settings {
	float: left;
	width: max-content;
	line-height: 32px;
	border-bottom: 0 solid #cccccc40;
	cursor: pointer;
	text-align: left;
	font-size: 14px;
	padding: 0 0;
	font-weight: 400;
	min-width: 220px;
	text-indent: 5px;
	border-radius: 3px;
	position: absolute;
	left:0;
	right: -1px;
	top: calc(100% - 1px);
	background: #fff;
	padding: 20px;
	border: 1px solid #ccc;
	box-shadow: 3px 3px 15px 0 #ccc;
	display: none;
	z-index: 1
}

.content-wrapper {
	padding: 9px;
	border: 1px solid #0001011f;
	background-color: #fff;
	margin-bottom: 6px;
	margin: 12px;
	overflow: auto
}

.content-wrapper.m-0 {
	margin: 0
}

.content-wrapper>.title-area>.Title {
	padding: 0 10px;
	font-size: 18px;
	font-weight: 600
}

.content-wrapper>.title-area>.Title>div {
	margin-right: 5px;
	font-size: 11px;
	vertical-align: sub;
	color: #243591
}

.content-wrapper>.title-area {
	border-bottom: 1px solid #dbdbdb;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	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,rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0 );
	padding: 0;
	border-bottom: 0;
	position: relative;
	align-items: center
}

.content-wrapper>.title-area>.flex-column {
	padding: 10px;
	font-size: 12px;
	font-weight: 600;
	line-height: 35px
}

.content-wrapper>.title-area>.flex-column>i {
	font-style: inherit;
	color: #3596f3;
	font-size: 18px;
	vertical-align: baseline;
	margin-left: 4px
}

.content-wrapper>.title-area>.flex-column>span {
	margin-right: 5px;
	font-size: 17px;
	vertical-align: sub
}

.content-wrapper>.content-area {
	padding: 15px;
	background-color: #fff
}

.content-wrapper .text-column {
	margin-top: 10px
}

.content-wrapper.left-side {
	display: flex;
	flex-direction: column
}

.content-wrapper.left-side>.title-area {
	background: #f5f4f5;
	border-right: 1px solid #dbdbdb
}

.content-wrapper.left-side>.title-area>.flex-column {
	font-size: 12px;
	text-align: center;
	color: #1e3d54
}

.content-wrapper>.title-area .title-code {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	background-color: #225282;
	padding: 7px;
	border-radius: 5px
}

.content-wrapper>.title-area .title-code .icon {
	position: absolute;
	left: 20px;
	top: calc(50% - 1px);
	transform: translateY(-50%);
	font-size: 21px;
	padding-right: 8px;
	border-right: 1px solid #225282;
	color: #225282;
	display: inline-block
}

.content-wrapper>.title-area .title-code>input {
	padding: 7px 15px;
	padding-left: 50px;
	background-color: #fff;
	border: 0;
	border-radius: 5px;
	color: #225282;
	width: 300px
}

.content-wrapper>.title-area .title-code>input::placeholder {
	color: #3a3a3a9c;
	opacity: 1
}

.content-wrapper>.title-area .title-code>input:-ms-input-placeholder {
	color: #3a3a3a9c
}

.content-wrapper>.title-area .title-code>input::-ms-input-placeholder {
	color: #3a3a3a9c
}

.content-wrapper>.content-area .traffic_result {
	background-color: #eff3f6;
	margin-top: 20px;
	padding: 20px;
	position: relative
}

.content-wrapper>.content-area .traffic_result::after {
	content: "\ea83";
	font-family: misszenne!important;
	position: absolute;
	right: 20px;
	top: 13px;
	font-size: 30px;
	color: #9da4aa
}

.content-wrapper>.content-area .traffic_result>.T {
	font-weight: 700;
	font-size: 13px;
	margin-bottom: 6px
}

.content-wrapper>.content-area .traffic_result>p {
	margin: 0;
	font-size: 12px;
	color: #9da4aa
}

.content-wrapper>.content-area .traffic_result>.Num {
	margin-bottom: 7px;
	color: #95b435;
	font-weight: 700;
	margin-top: 1px;
	font-size: 12px
}

.content-wrapper>.content-area .traffic_result>.Num.n2 {
	margin-bottom: 0;
	color: #ff6d6d
}

@media only screen and (max-width: 768px) {
	.content-wrapper>.content-area {
		 overflow-y:auto
	}

	.content-wrapper>.title-area {
		 flex-direction: column
	}

	.content-wrapper>.title-area>.flex-column {
		 display: flex;
		 overflow-x: auto;
		 width: 100%;
		 padding: 10px 0;
		 justify-content: space-around;
		 align-items: center
	}
}

.content-area .popup_img {
	display: block;
	max-width: fit-content;
	padding: 10px;
	background-color: #f7f7f7;
	margin-bottom: 20px;
	border: 1px solid #eee
}

.content-area .popup_img>.popup_tetik {
	display: block;
	padding: 10px;
	font-weight: 600;
	margin-bottom: 10px;
	border: 1px solid #d0d0d0;
	background-color: #fff
}

.Pagination {
	margin: 5px 0
}

.Pagination>ul.List {
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0;
	overflow: initial
}

.Pagination>ul.List>.Item {
	display: block;
	color: #989898;
	background-color: #f3f3f3;
	text-align: center;
	float: left;
	margin-left: 4px;
	width: 30px;
	height: 30px;
	padding: 6px 0;
	font-size: 12px;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
	cursor: pointer
}

.Pagination>ul.List>.Item:hover {
	background-color: #dedede
}

.Pagination>ul.List>.Item>.icon {
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}

.Pagination>ul.List>.Item:first-child,.Pagination>ul.List>.Item:last-child {
}

.Pagination>ul.List>.Item.Active {
	border-color: #1e91cf;
	color: #1e91cf;
	background-color: #fff
}

.Pagination>ul.List>.Item.pag-dropdown {
	position: relative;
	background-color: #fff
}

.Pagination>ul.List>.Item.pag-dropdown>.dropdown-content {
	position: absolute;
	width: 30px;
	top: 28px;
	left: -1px;
	background-color: #fff;
	overflow: auto;
	height: 180px;
	border: 1px solid #f3f3f3;
	opacity: 0;
	visibility: hidden;
	transition: all .3s
}

.Pagination>ul.List>.Item.pag-dropdown:hover>.dropdown-content {
	opacity: 1;
	visibility: visible
}

.Pagination>ul.List>.Item.pag-dropdown>.dropdown-content>.link {
	display: inline-block;
	width: 22px;
	height: 29px;
	line-height: 31px
}

.Pagination>ul.List>.Item.pag-dropdown>.dropdown-content>.link.Active {
	color: #fff;
	background-color: #1e91cf
}

.Pagination>ul.List>.Item.pag-dropdown>.dropdown-content>.link:hover {
}

.theme-grid {
	margin-bottom: 20px
}

.theme-grid span {
	display: block;
	text-align: center;
	height: 70px;
	background-color: #f9f9f9;
	margin-bottom: 20px;
	line-height: 70px;
	font-size: 14px;
	color: #9e9e9e;
	font-weight: 600
}

.breadcrumsBox {
	float: left;
	width: 100%;
	background: #fff;
	border-bottom: .5pt solid #d4d4d4;
	position: fixed;
	top: 76px;
	z-index: 98
}

@media only screen and (max-width: 768px) {
	.breadcrumsBox {
		 top:60px
	}
}

.collapsed {
	list-style-type: none;
	margin: 0;
	padding: 3px 5px 0;
	color: #333;
	padding-left: 75px;
	font-size: 12px
}

.collapsed>li {
	display: inline-block;
	position: relative;
	padding-right: 3em;
	margin: 0;
	overflow: hidden
}

.collapsed>li:after {
	content: "\e973";
	font-family: misszenne!important;
	position: absolute;
	display: inline-block;
	right: 0;
	width: 2em;
	text-align: center;
	background: #fff;
	background: linear-gradient(90deg,rgba(227,227,227,0.4) 0%,rgb(255,255,255) 35%);
	padding-left: 5px;
	font-size: 10px;
	height: 19px;
	line-height: 20px;
	transition: all .3s
}

.collapsed>li:last-child {
	font-weight: 600
}

.collapsed>li:last-child:after {
	display: none
}

.collapsed>li>a {
	text-decoration: none;
	display: inline-block;
	color: #333;
	white-space: nowrap;
	max-width: 2em;
	transition: max-width 300ms ease-in-out
}

.collapsed>li>a:hover {
	text-decoration: underline
}

.collapsed>a:hover,.collapsed>a:focus,.collapsed>li:hover a {
	max-width: 1000px
}

.collapsed>li:hover:after {
	padding-left: 0;
	background: 0 0
}

@media only screen and (max-width: 767px) {
	.BreadCrumbs {
		 display:flex;
		 justify-content: center
	}

	.collapsed {
		 padding-left: 0
	}

	.collapsed>li {
		 padding-right: 4em
	}
}

.FormElements {
	margin-bottom: 20px;
	position: relative;
	z-index: 1
}

.FormElements .input-danger {
	margin: 0;
	font-size: 12px;
	padding: 5px 0;
	font-weight: 500;
	color: #a0a0a0
}

.FormElements .Btn.Control {
	position: absolute;
	right: 3px;
	top: 22px;
	background: #03a9f4;
	color: #fff;
	padding: 8px;
	border-radius: 4px
}

.FormElements label {
	display: block;
	font-weight: 400;
	font-size: 12px;
	margin-bottom: 5px;
	padding: 0 2px
}

.FormElements.ICONSELECT {
	margin-bottom: 20px;
	width: 100%
}

.FormElements.ICONSELECT label {
	font-size: 14px;
	background: #efefef;
	line-height: 40px;
	text-indent: 5px
}

.FormElements.ICONSELECT div.IconSelect {
	font-size: 14px;
	margin-bottom: 5px;
	padding: 0 2px;
	background: #eef2f6;
	text-align: center;
	line-height: 40px
}

.FormElements.ICONSELECT div.IconSelect i {
	display: block;
	font-weight: 400;
	font-size: 25px;
	margin-bottom: 5px;
	padding: 0 2px;
	line-height: 40px
}

.FormElements input:not([type=file]),.FormElements textarea {
	height: 36px;
	border: 1px solid #eee;
	font-size: 12px;
	padding: 0 10px;
	width: 100%
}

.FormElements textarea {
	height: inherit;
	padding: 10px;
	resize: none;
	height: 100px
}

.FormElements input[type=date]::-webkit-inner-spin-button {
	display: none;
	-webkit-appearance: none
}

.FormElements .iconInput {
	position: relative
}

.FormElements .iconInput>input {
	padding-right: 40px
}

.FormElements .iconInput .input_icon {
	position: absolute;
	right: 0;
	top: 0;
	padding: 11px;
	background-color: #eee
}

.FormElements .select2-container {
	width: 100%!important
}

.select2-container {
	z-index: 999999999!important
}

.FormElements .select2-container--default .select2-selection--single {
	border-radius: 0;
	border: 1px solid #eee;
	height: 33px;
	font-size: 12px
}

.FormElements .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 30px
}

.FormElements .error {
	border-color: #ff0606!important
}

.FormElements .error-i {
	border-color: #ff0606!important;
	background-repeat: no-repeat;
	background-image: url(/Library/Theme_v2/img/input-icon.png);
	background-position: calc(100% - 10px) -15px
}

.FormElements .confirm {
	background-repeat: no-repeat;
	border-color: #09b064!important;
	background-image: url(/Library/Theme_v2/img/input-icon.png);
	background-position: calc(100% - 10px) 10px
}

.FormElements select.error .select2-container .select2-selection {
	border-color: #ff0606!important
}

.FormElements .Error-Txt {
	color: #ff0606;
	font-size: 11px;
	text-align: right;
	margin-top: 3px
}

.FormElements.f-input-01 input,.FormElements.f-select-01 .select2-container--default .select2-selection--single,.FormElements.f-textarea-01 textarea {
	background-color: #f6f7f9;
	border-color: #f9fafb
}

.inputArea>.T {
	display: block;
	display: block;
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 6px;
	padding: 0 2px
}

.count-input {
	position: relative
}

.count-input>.count {
	position: absolute;
	right: 15px;
	top: 0;
	background-color: #6a6a75a6;
	color: #fff;
	font-size: 12px;
	padding: 2px 10px
}

.FormElements .dropzone,.FormElements .dropzone .dz-preview .dz-image img,.FormElements .dropzone .dz-preview .dz-image,.FormElements .dropzone .dz-preview {
	float: none;
	width: 100%;
	height: auto
}

.FormElements .dropzone .dz-preview .dz-image img {
	max-height: 180px;
	width: auto;
	margin: 0 auto
}

.FormElements .dropzone .dz-message {
	padding: 11px 16px;
	font-size: 12px
}

.FormElements .dropzone .dz-preview .dz-details .dz-delete {
	left: 50%;
	transform: translateX(-50%);
	bottom: 15px
}

.confirm_Message {
	padding: 35px 0 26px;
	text-align: center;
	display: none
}

.confirm_Message>.Icon {
	font-size: 46px;
	color: #61bd0e;
	margin-bottom: 12px
}

.confirm_Message>p {
	font-size: 14px;
	color: #797979;
	margin-bottom: 20px
}

.confirm_Message>.theme-button {
	padding: 0 20px
}

td .checkboxElements {
	margin-bottom: 0;
	text-align: center
}

table label.checkbox-label {
	padding-left: 0!important
}

.checkboxElements.setFilter {
	float: left;
	background: #ffffff1c;
	border: 0;
	padding: 5px;
	margin: 2px
}

.checkboxElements.setFilter input {
	float: right;
	width: 40%;
	background: #fff;
	border: 0;
	padding: 5px
}

.checkboxElements.setColum {
	float: left;
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #efefef;
	padding: 5px
}

.checkboxElements.setColum input {
	float: right;
	width: 40%;
	background: #fff;
	border: 1px solid #ddd;
	padding: 5px
}

.checkboxElements.setColum .theme-button.single-icon>span {
	margin: 0;
	line-height: 33px;
	font-size: 12px
}

.checkboxElements.setColum label.checkbox-label {
	float: left;
	margin-left: 10px!important;
	line-height: 33px;
	font-size: 15px;
	color: #000!important
}

.checkboxElements.setColum label.checkbox-label:before {
	top: 7px!important
}

.checkboxElements.setColum label.checkbox-label:after {
	content: "\ea22";
	font-family: wopzefont!important;
	position: absolute;
	left: 4px;
	font-size: 12px;
	line-height: .8;
	color: #4caf50;
	transition: all .2s;
	top: 6px;
	font-weight: 700
}

.checkboxElements.setColum label.checkbox-label:after {
	content: "\ea22";
	font-family: wopzefont!important;
	position: absolute;
	left: 4px;
	font-size: 18px!important;
	line-height: .8;
	color: #4caf50;
	transition: all .2s;
	top: 5px!important;
	font-weight: 700
}

.checkboxElements {
	margin-bottom: 5px
}

.checkboxElements input.checkbox-input:not(:checked),.checkboxElements input.checkbox-input:checked {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -9999
}

.checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label,.checkboxElements input.checkbox-input:checked+label.checkbox-label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-weight: 400;
	color: #5a5d65;
	min-height: 20px;
	min-width: 20px;
	margin: 0
}

.checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label:before,.checkboxElements input.checkbox-input:checked+label.checkbox-label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 3px
}

.checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label:after,.checkboxElements input.checkbox-input:checked+label.checkbox-label:after {
	content: "\ea22";
	font-family: wopzefont!important;
	position: absolute;
	left: 4px;
	font-size: 12px;
	line-height: .8;
	color: #4caf50;
	transition: all .2s;
	top: 6px;
	font-weight: 700
}

.checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label:after {
	opacity: 0;
	transform: scale(0)
}

.checkboxElements input.checkbox-input:checked+label.checkbox-label:after {
	opacity: 1;
	transform: scale(1)
}

.checkboxElements input.checkbox-input:disabled:not(:checked)+label.checkbox-label:before,.checkboxElements input.checkbox-input:disabled:checked+label.checkbox-label:before {
	box-shadow: none;
	border-color: #bbb!important;
	background-color: #ddd!important
}

.checkboxElements input.checkbox-input:disabled:checked+label.checkbox-label:after {
	color: #999!important
}

.checkboxElements input.checkbox-input:disabled+label.checkbox-label {
	color: #aaa
}

.checkboxElements.dark-style input.checkbox-input:checked+label.checkbox-label:before {
	border-color: #a9a9a9;
	background-color: #a9a9a9
}

.checkboxElements.dark-style input.checkbox-input:checked+label.checkbox-label:after {
	color: #fff
}

.checkboxElements.green-style input.checkbox-input:checked+label.checkbox-label:before {
	border-color: #43cb83;
	background-color: #43cb83
}

.checkboxElements.green-style input.checkbox-input:checked+label.checkbox-label:after {
	color: #fff
}

.checkboxElements.blue-style input.checkbox-input:checked+label.checkbox-label:before {
	border-color: #317aff;
	background-color: #317aff
}

.checkboxElements.blue-style input.checkbox-input:checked+label.checkbox-label:after {
	color: #fff
}

.checkboxElements.orange-style input.checkbox-input:checked+label.checkbox-label:before {
	border-color: #f9b954;
	background-color: #f9b954
}

.checkboxElements.orange-style input.checkbox-input:checked+label.checkbox-label:after {
	color: #fff
}

.checkboxElements.red-style input.checkbox-input:checked+label.checkbox-label:before {
	border-color: red;
	background-color: red
}

.checkboxElements.red-style input.checkbox-input:checked+label.checkbox-label:after {
	color: #fff
}

@media only screen and (max-width: 768px) {
	.checkboxElements {
		 font-size:8px
	}
}

.radioElements {
	margin-bottom: 5px;
	margin-left: 10px!important
}

.radioElements input.radio-input:not(:checked),.radioElements input.radio-input:checked {
	position: absolute;
	left: -9999px
}

.radioElements input.radio-input:not(:checked)+label.radio-label,.radioElements input.radio-input:checked+label.radio-label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-weight: 400;
	color: #5a5d65;
	font-size: 15px;
	line-height: 24px
}

.radioElements input.radio-input:not(:checked)+label.radio-label:before,.radioElements input.radio-input:checked+label.radio-label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 22px;
	height: 22px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 3px;
	border-radius: 50%
}

.radioElements input.radio-input:not(:checked)+label.radio-label:after,.radioElements input.radio-input:checked+label.radio-label:after {
	content: "";
	position: absolute;
	font-size: 14px;
	transition: all .2s;
	top: 6px;
	background-color: #464646;
	width: 8px;
	height: 8px;
	left: 4px;
	border-radius: 50%
}

.radioElements input.radio-input:not(:checked)+label.radio-label:after {
	opacity: 0;
	transform: scale(0)
}

.radioElements input.radio-input:checked+label.radio-label:after {
	opacity: 1;
	transform: scale(1)
}

.radioElements input.radio-input:disabled:not(:checked)+label.radio-label:before,.radioElements input.radio-input:disabled:checked+label.radio-label:before {
	box-shadow: none;
	border-color: #bbb!important;
	background-color: #ddd!important
}

.radioElements input.radio-input:disabled:checked+label.radio-label:after {
	color: #999!important
}

.radioElements input.radio-input:disabled+label.radio-label {
	color: #aaa
}

.radioElements.green-style input.radio-input:checked+label.radio-label:before {
	border-color: #43cb83
}

.radioElements.green-style input.radio-input:checked+label.radio-label:after {
	background-color: #43cb83;
	top: 6px;
	left: 5px;
	width: 12px;
	height: 12px
}

.radioElements.blue-style input.radio-input:checked+label.radio-label:before {
	border-color: #50bae2
}

.radioElements.blue-style input.radio-input:checked+label.radio-label:after {
	background-color: #50bae2;
	top: 6px;
	left: 5px;
	width: 12px;
	height: 12px
}

.radioElements.orange-style input.radio-input:checked+label.radio-label:before {
	border-color: #f9b954
}

.radioElements.orange-style input.radio-input:checked+label.radio-label:after {
	background-color: #f9b954;
	top: 6px;
	left: 5px;
	width: 12px;
	height: 12px
}

.radioElements.red-style input.radio-input:checked+label.radio-label:before {
	border-color: red
}

.radioElements.red-style input.radio-input:checked+label.radio-label:after {
	background-color: red;
	top: 6px;
	left: 5px;
	width: 12px;
	height: 12px
}

.switch_checkbox label,.switch_radio label {
	padding: 0;
	margin: 0
}

.switch_checkbox label *,.switch_radio label * {
	vertical-align: middle
}

.switch_checkbox label input,.switch_radio label input {
	display: none
}

.switch_checkbox label input+span,.switch_radio label input+span {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	width: 42px;
	height: 22px;
	background: #f2f2f2;
	border: 1px solid #eee;
	border-radius: 50px;
	transition: all .3s ease-in-out
}

.switch_checkbox label input+span small,.switch_radio label input+span small {
	position: absolute;
	display: block;
	width: 50%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	transition: all .3s ease-in-out;
	left: 0
}

.switch_checkbox label input:checked+span,.switch_radio label input:checked+span {
	background: #269bff;
	border-color: #269bff
}

.switch_checkbox label input:checked+span small,.switch_radio label input:checked+span small {
	left: 50%
}

.switch_checkbox.switch-green label input:checked+span,.switch_radio.switch-green label input:checked+span {
	background: #43cb83;
	border-color: #43cb83
}

.switch_checkbox.switch-dark label input:checked+span,.switch_radio.switch-dark label input:checked+span {
	background: #313131;
	border-color: #313131
}

.switch_checkbox.switch-orange label input:checked+span,.switch_radio.switch-orange label input:checked+span {
	background: #f9b954;
	border-color: #f9b954
}

.switch_checkbox.switch-red label input:checked+span,.switch_radio.switch-red label input:checked+span {
	background: red;
	border-color: red
}

.theme-accordion {
	display: block
}

.theme-accordion .accordion-item {
	background-color: #fff;
	margin-bottom: 5px
}

.theme-accordion .accordion-item .accordion-header {
	padding: 10px 30px 10px 20px;
	background-color: #fafafa;
	font-size: 13px;
	cursor: pointer;
	font-weight: 600;
	color: #777;
	position: relative;
	display: flex;
	align-items: center
}

.theme-accordion .accordion-item .accordion-header .Icon {
	margin-right: 10px;
	font-size: 16px
}

.theme-accordion .accordion-item .accordion-header::after {
	content: "\e934";
	font-family: wopzefont!important;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 10px
}

.theme-accordion .accordion-item .accordion-body {
	display: none;
	margin: 0;
	padding: 10px 16px;
	font-size: 13px;
	line-height: 20px;
	color: #909090
}

.theme-accordion .accordion-item .accordion-body.active {
	display: block
}

.theme-accordion.STYLE-2 .accordion-item {
	margin-bottom: -1px
}

.theme-accordion.STYLE-2 .accordion-item .accordion-header {
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	background-color: #fff;
	color: #777
}

.theme-accordion.STYLE-2 .accordion-item .accordion-header::after {
	content: "\e97c";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #777;
	color: #fff;
	text-align: center;
	line-height: 21px;
	font-size: 9px
}

.theme-accordion.STYLE-2 .accordion-item .accordion-header.active {
	color: #ff4141
}

.theme-accordion.STYLE-2 .accordion-item .accordion-header.active::after {
	content: "\e97e";
	background-color: #ff4141
}

.theme-accordion.STYLE-3 .accordion-item .accordion-header {
	background-color: #fafafa;
	padding: 7px 30px 7px 20px;
	font-size: 12px
}

.theme-accordion.STYLE-3 .accordion-item .accordion-header::after {
	content: "\e97c";
	font-size: 10px
}

.theme-accordion.STYLE-3 .accordion-item .accordion-header.active {
	color: #777
}

.theme-accordion.STYLE-3 .accordion-item .accordion-header.active::after {
	content: "\e97e";
	color: #b9b9b9
}

.theme-accordion.STYLE-4 .accordion-item {
	margin-bottom: 12px
}

.theme-accordion.STYLE-4 .accordion-item .accordion-body {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.theme-accordion.STYLE-4 .accordion-item .accordion-header {
	background-color: transparent;
	font-size: 12px;
	border: 1px solid #eee;
	transition: all .3s
}

.theme-accordion.STYLE-4 .accordion-item .accordion-header::after {
	content: "\e97c";
	font-size: 10px
}

.theme-accordion.STYLE-4 .accordion-item .accordion-header.active {
	color: #777;
	border-left: 4px solid
}

.theme-accordion.STYLE-4 .accordion-item .accordion-header.active::after {
	content: "\e97e";
	color: #777
}

.theme-button {
	display: inline-block;
	padding: 0 8px;
	font-size: 13px;
	text-align: center;
	border-radius: 2px;
	color: #fff;
	transition: all .3s;
	height: 33px;
	line-height: 30px;
	background-color: transparent;
	margin: 0 0;
	cursor: pointer;
	border: 0;
	border: 1px solid transparent
}

.theme-button.Disable {
	transition: all 0s;
	font-size: 0;
	line-height: 32px;
	background-color: #c5c2c2!important
}

.theme-button.Disable::after {
	content: "Gonderiliyor..";
	font-size: 14px
}

.theme-button>span {
	margin-right: 4px;
	position: relative;
	top: 1px
}

.theme-button.Rounded {
	border-radius: 60px
}

.theme-button.dblock {
	display: block;
	width: 100%;
	margin: 0
}

.theme-button.single-icon {
	font-size: 18px;
	width: max-content!important;
	display: flex!important;
	align-items: center!important;
	justify-content: center!important
}

.theme-button.single-icon>span {
	margin: 0;
	line-height: 32px;
	font-size: 20px
}

.theme-button-group {
	display: flex;
	align-items: center
}

.theme-button-group .theme-button {
	margin-right: 5px
}

.single-flex {
	display: flex;
	align-items: center
}

.single-flex .theme-button.single-icon {
	margin-right: 5px
}

td .theme-button.single-icon {
	font-size: 18px;
	width: max-content
}

td .theme-button.single-icon>span {
	margin: 0;
	line-height: 20px;
	font-size: 13px
}

.theme-button.default-btn {
	background-color: #eef2f6;
	color: #2b2b2b
}

.theme-button.primary-btn {
	background-color: #468cc8
}

.theme-button.success-btn {
	background-color: #60b761
}

.theme-button.info-btn {
	background-color: #38bbf7
}

.theme-button.danger-btn {
	background-color: #ff643f
}

.theme-button.gradient-btn {
	background: #fd8a2a;
	background: linear-gradient(176deg,rgba(253,138,42,1) 0%,rgba(252,58,60,1) 100%);
	border-color: #fd8a2a
}

.theme-button.g-gray-btn {
	background: #d7d7d7;
	background: linear-gradient(176deg,rgba(252,252,252,1) 0%,rgb(222,222,222) 100%);
	border-color: #dadada;
	color: #555
}

.theme-button.g-blue-btn {
	background: #006ab3;
	background: linear-gradient(176deg,rgba(60,162,239,1) 0%,rgb(0,106,179) 100%);
	border-color: #3ba0ed
}

.theme-button.g-red-btn {
	background: #ff0034;
	background: linear-gradient(176deg,rgba(255,0,52) 0%,rgb(236,0,0) 100%);
	border-color: #ec0000
}

.theme-button.primary-btn:hover,.theme-button.success-btn:hover,.theme-button.danger-btn:hover,.theme-button.info-btn:hover {
	color: initial;
	filter: brightness(1.1)
}

.theme-button.default-btn:hover {
	background-color: #dcdcdc
}

.theme-button.primary-btn:hover,.theme-button.success-btn:hover,.theme-button.danger-btn:hover,.theme-button.info-btn:hover {
	color: #fff
}

.theme-button.gradient-btn:hover {
	color: #fff;
	background: linear-gradient(176deg,rgba(252,58,60,1) 0%,rgba(253,138,42,1) 100%)
}

.theme-button.gradient-btn:hover {
	background: linear-gradient(176deg,rgb(252,58,60) 0%,rgb(253,138,42) 100%)
}

.theme-button.g-gray-btn:hover {
	background: linear-gradient(176deg,rgb(222,222,222) 0%,rgb(252,252,252) 100%)
}

.theme-button.g-blue-btn:hover {
	background: linear-gradient(176deg,rgb(0,106,179) 0%,rgb(60,162,239) 100%);
	color: #fff
}

.theme-button.g-red-btn:hover {
	background: linear-gradient(176deg,rgb(236,0,0) 0%,rgb(255,0,52) 100%);
	color: #fff
}

.theme-button.default-btn-o.fastNav.Active {
	border: 1px solid #2196f3;
	color: #2196f3
}

.ActionBtn {
	float: right;
	font-size: 16px;
	line-height: 30px;
	background: #eef2f6;
	color: #000;
	border-radius: 2px;
	box-shadow: 0 0 0 1px #cccccc85;
	position: relative;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	padding: 0 0;
	margin-left: 5px;
	width: 30px
}

.ActionBtn i.Select {
	line-height: 32px;
	display: inline-block;
	background: #fff;
	z-index: 4;
	position: relative;
	float: left;
	width: 100%
}

.ActionBtn .NavList {
	float: left;
	position: absolute;
	top: calc(100% + -1px);
	right: -1px;
	background: #fff;
	box-shadow: -2px 7px 13px 0 #9d9d9d85;
	display: none;
	border: .5pt solid #dbdbdb;
	padding: 8px;
	width: initial;
	border-radius: 4px;
	z-index: 1
}

.ActionBtn:hover {
	display: block;
	background: #fff;
	z-index: 10;
	box-shadow: 0 0 0 1px #dedede;
	border-bottom: 1px solid #fff;
	border-radius: 0
}

.ActionBtn:hover .NavList {
	display: block;
	box-shadow: 0 0 0 1px #efefef;
	border-radius: 4px 0 4px 4px;
	z-index: 1
}

.ActionBtn .NavList div {
	float: left;
	width: max-content;
	line-height: 32px;
	border-bottom: 0 solid #cccccc40;
	cursor: pointer;
	text-align: left;
	font-size: 14px;
	padding: 0 0;
	font-weight: 400;
	min-width: 220px;
	text-indent: 5px;
	border-radius: 3px
}

.ActionBtn .NavList div a {
	color: #000
}

.ActionBtn .NavList div:hover {
	background: #7d97b1
}

.ActionBtn .NavList div:hover a {
	color: #fff
}

.ActionBtn {
	float: right;
	font-size: 16px;
	line-height: 30px;
	background: #eef2f6;
	color: #000;
	border-radius: 2px;
	box-shadow: 0 0 0 1px #cccccc85;
	position: relative;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	padding: 0 0;
	margin-left: 5px;
	width: 30px
}

.ActionBtn i.Select {
	line-height: 32px;
	display: inline-block;
	background: #fff;
	z-index: 4;
	position: relative;
	float: left;
	width: 100%
}

.ActionBtn .NavList {
	float: left;
	position: absolute;
	top: calc(100% + -1px);
	right: -1px;
	background: #fff;
	box-shadow: -2px 7px 13px 0 #9d9d9d85;
	display: none;
	border: .5pt solid #dbdbdb;
	padding: 8px;
	width: initial;
	border-radius: 4px;
	z-index: 1
}

.ActionBtn:hover {
	display: block;
	background: #fff;
	z-index: 10;
	box-shadow: 0 0 0 1px #dedede;
	border-bottom: 1px solid #fff;
	border-radius: 0
}

.ActionBtn:hover .NavList {
	display: block;
	box-shadow: 0 0 0 1px #efefef;
	border-radius: 4px 0 4px 4px;
	z-index: 1
}

.ActionBtn .NavList div {
	float: left;
	width: max-content;
	line-height: 32px;
	border-bottom: 0 solid #cccccc40;
	cursor: pointer;
	text-align: left;
	font-size: 14px;
	padding: 0 0;
	font-weight: 400;
	min-width: 220px;
	text-indent: 5px;
	border-radius: 3px
}

.ActionBtn .NavList div a {
	color: #000
}

.ActionBtn .NavList div:hover {
	background: #7d97b1
}

.ActionBtn .NavList div:hover a {
	color: #fff
}

.theme-button.default-btn-o {
	border: 1px solid #ebebeb;
	color: gray
}

.theme-button.primary-btn-o {
	border: 1px solid #468cc8;
	color: #468cc8
}

.theme-button.success-btn-o {
	border: 1px solid #60b761;
	color: #60b761
}

.theme-button.info-btn-o {
	border: 1px solid #38bbf7;
	color: #38bbf7
}

.theme-button.danger-btn-o {
	border: 1px solid #ff643f;
	color: #ff643f
}

.theme-button.default-btn-o:hover {
	background-color: #ebebeb
}

.theme-button.primary-btn-o:hover {
	color: #fff;
	background-color: #468cc8
}

.theme-button.success-btn-o:hover {
	color: #fff;
	background-color: #60b761
}

.theme-button.info-btn-o:hover {
	color: #fff;
	background-color: #38bbf7
}

.theme-button.danger-btn-o:hover {
	color: #fff;
	background-color: #ff643f
}

.theme-container .Big-btn {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	color: #757575;
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #f4f4f4;
	border-radius: 5px;
	cursor: pointer;
	height: 137px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center
}

.theme-container .Big-btn>span {
	font-size: 31px;
	margin-bottom: 10px;
	color: #a2a2a2
}

.theme-dropdown-button {
	position: relative
}

.theme-dropdown-button .dropdown-btn {
	display: block;
	width: 100%;
	background-color: #ebebeb;
	border-radius: 5px;
	border: 1px solid #ebebeb;
	text-align: left;
	padding: 7px 10px;
	color: #717171;
	font-size: 13px;
	position: relative;
	padding-right: 45px;
	transition: all .3s
}

.theme-dropdown-button .dropdown-btn:hover {
	background-color: #dcdcdc
}

.theme-dropdown-button .dropdown-btn::after {
	content: "\e92f";
	font-family: wopzefont!important;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 35px;
	text-align: center;
	font-size: 10px;
	height: 32px;
	line-height: 32px
}

.theme-dropdown-button.open .dropdown-btn::after {
	content: "\e92e"
}

.theme-dropdown-button .dropdown-btn.btn-white {
	background-color: #fff
}

.theme-dropdown-button .dropdown-btn.btn-white:hover {
	background-color: #f3f3f3
}

.theme-dropdown-button .dropdown-btn.btn-green {
	background-color: #60b761;
	color: #fff;
	border-color: #60b761
}

.theme-dropdown-button .dropdown-btn.btn-green:hover {
	filter: brightness(1.1)
}

.theme-dropdown-button .dropdown-btn.btn-green::after {
	border-left: 1px solid #ffffff52
}

.theme-dropdown-button .dropdown-btn.btn-yellow {
	background-color: #ffda4e;
	border-color: #ffda4e;
	color: #fff
}

.theme-dropdown-button .dropdown-btn.btn-yellow:hover {
	filter: brightness(1.1)
}

.theme-dropdown-button .dropdown-btn.btn-white-b {
	background-color: #fff
}

.theme-dropdown-button .dropdown-btn.btn-white-b:hover {
	background-color: #f3f3f3
}

.theme-dropdown-button .dropdown-btn.btn-white-b::after {
	border-left: 1px solid #eee
}

.theme-dropdown-button .dropdown-btn.btn-black {
	background-color: #313131;
	color: #fff;
	border-color: #313131
}

.theme-dropdown-button .dropdown-btn.btn-black::after {
	border-left: 1px solid #eeeeee87
}

.theme-dropdown-button .dropdown-btn.btn-black:hover {
	background-color: #464646
}

.theme-dropdown-button .dropdown-btn.btn-blue {
	background-color: #1e91cf;
	color: #fff;
	padding: 7px 3px;
	padding-right: 32px;
	text-align: center;
	font-size: 14px;
	max-width: 66px;
	display: inline-block
}

.theme-dropdown-button .dropdown-btn.btn-blue:hover {
	filter: brightness(1.1)
}

.theme-dropdown-button .dropdown-btn.btn-blue::after {
	border-left: 1px solid #1283c0;
	width: 30px
}

.theme-dropdown-button .dropdown-btn.filter--dropdown {
	background-color: transparent;
	color: #1975ba;
	border: 0;
	padding: 0;
	padding-right: 20px
}

.theme-dropdown-button .dropdown-btn.filter--dropdown::after {
	font-size: 8px;
	width: 15px;
	height: 15px;
	line-height: 15px
}

.theme-select {
	background: url(/Library/Theme_v2/img/select-icon.png) no-repeat calc(100% - 8px) 50%;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-size: 8px;
	appearance: none;
	display: block;
	width: 100%;
	background-color: #ebebeb;
	border: 1px solid #ebebeb;
	text-align: left;
	padding: 7px 10px;
	color: #717171;
	font-size: 13px;
	position: relative;
	padding-right: 35px;
	transition: all .3s
}


.theme-input {
	background-size: 8px;
	appearance: none;
	display: block;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #ebebeb;
	text-align: left;
	padding: 4px 10px 5px 10px;
	color: #717171;
	font-size: 13px;
	position: relative;
	transition: all .3s
}

.theme-select.Error {
	border-color: rgba(255,0,0,.25);
	background-color: #fff5f5!important
}

.theme-select.select-white {
	background-color: #fff
}

.theme-select.select-white:hover {
	background-color: #f3f3f3
}

.theme-tags {
	position: relative
}

.tags-item {
	padding: 12px;
	display: inline-block
}

.theme-tags.right-arrow {
	margin-right: 4px;
	border-radius: 5px 3px 3px 5px
}

.theme-tags.right-arrow:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-left-color: #88b7d5;
	border-width: 11px;
	margin-top: -11px
}

.theme-tags.left-arrow {
	margin-left: 4px;
	border-radius: 3px 5px 5px 2px
}

.theme-tags.left-arrow:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-right-color: #88b7d5;
	border-width: 11px;
	margin-top: -11px
}

.theme-tags {
	display: inline-block;
	padding: 3px 10px;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	font-weight: 600
}

.theme-tags.tags-green {
	background-color: #43cb83
}

.theme-tags.tags-green.left-arrow:after {
	border-right-color: #43cb83
}

.theme-tags.tags-green.right-arrow:after {
	border-left-color: #43cb83
}

.theme-tags.tags-blue {
	background-color: #50bae2
}

.theme-tags.tags-blue.left-arrow:after {
	border-right-color: #50bae2
}

.theme-tags.tags-blue.right-arrow:after {
	border-left-color: #50bae2
}

.theme-tags.tags-red {
	background-color: red
}

.theme-tags.tags-red.left-arrow:after {
	border-right-color: red
}

.theme-tags.tags-red.right-arrow:after {
	border-left-color: red
}

.theme-tags.tags-orange {
	background-color: #f9b954
}

.theme-tags.tags-orange.left-arrow:after {
	border-right-color: #f9b954
}

.theme-tags.tags-orange.right-arrow:after {
	border-left-color: #f9b954
}

.theme-tags.tags-violet {
	background-color: #7070ef
}

.theme-tags.tags-violet.left-arrow:after {
	border-right-color: #7070ef
}

.theme-tags.tags-violet.right-arrow:after {
	border-left-color: #7070ef
}

.theme-tags.tags-black {
	background-color: #6a6a75
}

.theme-tags.tags-black.left-arrow:after {
	border-right-color: #6a6a75
}

.theme-tags.tags-black.right-arrow:after {
	border-left-color: #6a6a75
}

.radiobox_area {
	position: relative;
	margin-bottom: 10px
}

.radiobox_area .radiobox-input {
	display: none
}

.radiobox_area .radiobox-input+.radiobox-label {
	color: #292321;
	font-size: 14px;
	display: block;
	padding: 15px 25px 15px 37px;
	position: relative;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	min-height: 100px;
	transition: all .3s;
	margin: 0
}

.radiobox_area .radiobox-input+.radiobox-label::before,.radiobox_area .radiobox-input+.radiobox-label::after {
	content: "";
	position: absolute;
	left: 10px;
	top: 12px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #e4e4e4;
	transition: all .3s
}

.radiobox_area .radiobox-input:checked+.radiobox-label::before {
	border-color: #ff643f
}

.radiobox_area .radiobox-input:checked+.radiobox-label::after {
	background-color: #ff643f;
	width: 8px;
	height: 8px;
	border: 0;
	left: 16px;
	top: 18px
}

.radiobox_area .radiobox-input:checked+.radiobox-label {
	border-color: #ff643f
}

.radiobox_area .radiobox-input+.radiobox-label>.Head {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px
}

.radiobox_area .radiobox-input+.radiobox-label>.Head>.Column {
	font-size: 14px;
	color: #797979;
	font-weight: 600
}

.radiobox_area .radiobox-input+.radiobox-label>.Head>.Column:last-child {
	font-weight: 700
}

.radiobox_area .radiobox-input+.radiobox-label>p {
	margin: 0;
	color: #797979;
	font-weight: 400;
	font-size: 11px;
	word-wrap: break-word;
	white-space: normal
}

.radiobox_area.bg-style .radiobox-input+.radiobox-label {
	background-color: #f6f6f7;
	border-color: #f6f6f7
}

.radiobox_area.bg-style .radiobox-input+.radiobox-label::before {
	background-color: #fff
}

.theme-tabs>.theme-tabs-nav {
	border: 0;
	margin-bottom: 15px
}

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

.theme-tabs>.theme-tabs-nav>li>a {
	background-color: #fff;
	margin: 0;
	border-radius: 0;
	border: 0;
	font-size: 13px;
	padding: 8px 20px;
	color: #737373;
	font-weight: 400;
	border-right: 1px solid #e0e0e0;
	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)
}

.theme-tabs>.theme-tabs-nav>li>a>span {
	font-size: 18px;
	vertical-align: sub;
	margin-right: 2px
}

.theme-tabs>.theme-tabs-nav>li.active>a {
	background-color: #fff;
	border: 0;
	border-right: 0 solid #e0e0e0;
	color: #fff;
	box-shadow: 0 2px 0 0 #fff;
	z-index: 3;
	background-color: #317aff
}

.theme-tabs>.tab-content {
	background-color: #fff;
	padding: 15px;
	display: block;
	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: 5px
}

.theme-tabs>.tab-content.bg-none {
	background-color: transparent;
	padding: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	border-radius: 0
}

.theme-tabs.dark-tab>.theme-tabs-nav>li,.theme-tabs.dark-tab>.theme-tabs-nav>li.active {
	border: 0
}

.theme-tabs.dark-tab>.theme-tabs-nav>li.active>a {
	background-color: #b9b9b9;
	color: #fff
}

.theme-tabs.dark-tab>.tab-content {
	background-color: #b9b9b9;
	color: #fff
}

.theme-tabs.icon-tab>.theme-tabs-nav>li {
	border: 0
}

.theme-tabs.icon-tab>.tab-content {
	background-color: #fff;
	border: 1px solid #efefef
}

.theme-tabs.icon-tab>.theme-tabs-nav>li.active>a {
	color: #e5493a
}

@media only screen and (max-width: 768px) {
	.theme-tabs {
		 display:flex;
		 flex-direction: column;
		 justify-content: center;
		 align-items: center
	}

	.theme-tabs>.tab-content {
		 width: 100%;
		 margin-top: 9px
	}

	.theme-tabs>.theme-tabs-nav {
		 margin-bottom: 0
	}

	.theme-tabs>.theme-tabs-nav>li {
		 margin-right: 0;
		 margin-top: 9px
	}

	.nav-tabs>li {
		 float: none
	}
}

.theme-vertical-tabs .tabs-left {
	border-bottom: none;
	padding-top: 2px
}

.theme-vertical-tabs .tabs-left>li {
	float: none;
	margin-bottom: 2px;
	margin-right: -1px;
	transition: all .3s
}

.theme-vertical-tabs .tabs-left>li.active {
	border-left: 3px solid #e5493a
}

.theme-vertical-tabs .tabs-left>li.active>a {
	color: #e5493a
}

.theme-vertical-tabs .tabs-left>li.active>a,.theme-vertical-tabs .tabs-left>li.active>a:hover {
	border: 0;
	background-color: initial
}

.theme-vertical-tabs .tabs-left>li>a {
	margin-right: 0;
	display: block;
	background-color: #f9f9f9;
	margin: 0;
	border-radius: 0;
	border: 0;
	font-size: 13px;
	padding: 10px 17px;
	color: #929292;
	font-weight: 400
}

.theme-vertical-tabs .tabs-left>li>a>span {
	font-size: 18px;
	vertical-align: sub;
	margin-right: 2px
}

.theme-vertical-tabs .tab-pane>p {
	font-size: 13px;
	line-height: 21px;
	color: #828282
}

.theme-alert {
	margin-bottom: 15px;
	position: relative;
	padding: 10px 20px;
	color: #fff;
	font-size: 13px;
	border-radius: 5px;
	overflow: hidden
}

.theme-alert>.item {
	flex: auto;
	width: fit-content
}

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

.theme-alert>.item>.control-btn:hover {
	background-color: #f3f3f3
}

.theme-alert>.item>.control-btn>span {
	font-size: 14px;
	color: #7b7b7b;
	margin-right: 5px
}

.theme-alert>.item>.control-btn>i {
	font-style: inherit
}

.theme-alert.ta-o {
	border: 1px solid red;
	background-color: #fff!important
}

.ta-icon {
	padding: 10px 20px 10px 52px
}

.ta-icon::before {
	content: attr(data-icon);
	font-family: misszenne!important;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 35px;
	background-color: #0000000d;
	text-align: center;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center
}

.ta-o.ta-icon::before {
	background-color: #fff
}

.theme-alert>strong {
	text-transform: uppercase;
	margin-right: 8px
}

.theme-alert>.Close {
	position: absolute;
	right: 1px;
	font-size: 13px;
	padding: 11px;
	top: 50%;
	transform: translateY(-50%)
}

.theme-alert.ta-error {
	background-color: #e5493a
}

.theme-alert.ta-help {
	background-color: #60bde09e;
	color: #464646
}

.theme-alert.ta-notice {
	background-color: #fecc17
}

.theme-alert.ta-pink {
	background-color: #fae7e9;
	color: #888
}

.theme-alert.ta-general {
	background-color: #ebebeb;
	color: gray
}

.theme-alert.ta-success {
	background-color: #8dc63f
}

.theme-alert.ta-info {
	background-color: #605ca8
}

.theme-alert.ta-o.ta-error {
	border-color: #e5493a;
	color: #e5493a
}

.theme-alert.ta-o.ta-help {
	border-color: #00aeef;
	color: #00aeef
}

.theme-alert.ta-o.ta-notice {
	border-color: #fecc17;
	color: #fecc17
}

.theme-alert.ta-o.ta-pink {
	border-color: #fae7e9;
	color: #fae7e9
}

.theme-alert.ta-o.ta-general {
	border-color: #b1b1b1;
	color: #7d7d7d
}

.theme-alert.ta-o.ta-success {
	border-color: #8dc63f;
	color: #8dc63f
}

.theme-alert.ta-o.ta-info {
	border-color: #605ca8;
	color: #605ca8
}

.ta-o.ta-icon.icon-error::before {
	border-right: 1px solid #e5493a
}

.ta-o.ta-icon.icon-help::before {
	border-right: 1px solid #00aeef
}

.ta-o.ta-icon.icon-notice::before {
	border-right: 1px solid #fecc17
}

.ta-o.ta-icon.icon-general::before {
	border-right: 1px solid #b1b1b1
}

.ta-o.ta-icon.icon-success::before {
	border-right: 1px solid #8dc63f
}

.ta-o.ta-icon.icon-info::before {
	border-right: 1px solid #605ca8
}

.theme-selectList>.selectItem {
	transition: all .3s;
	display: block;
	position: relative;
	padding: 14px 8px;
	border-bottom: 1px solid #f3f3f3
}

.theme-selectList>.selectItem:hover {
	background-color: #eee
}

.theme-selectList>.selectItem>.selectBtn {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 35px;
	cursor: pointer;
	font-size: 17px;
	color: #fff;
	text-align: center;
	height: 32px;
	padding: 7px 0
}

.theme-selectList>.selectItem>.selectBtn.btn-black {
	background-color: #7d7d7d
}

.theme-selectList>.selectItem>.selectBtn.btn-green {
	background-color: #8dc63f
}

.theme-selectList>.selectItem>.selectBtn.btn-white {
	background-color: #fff;
	border: 1px solid #dadada;
	color: #989898
}

.theme-selectList>.selectItem>.selectBtn.btn-blue {
	background-color: #00aeef
}

.theme-selectList>.selectItem>.selectBtn.btn-yellow {
	background-color: #fecc17
}

.theme-selectList>.selectItem>.selectBtn.btn-red {
	background-color: #e5493a
}

.theme-selectList>.selectItem>.selectBtn.btn-gray {
	background-color: #b1b1b1
}

.theme-container .widget_card {
	background-color: #eee;
	border-radius: 5px;
	overflow: hidden
}

.theme-container .widget_card>.widget_card_header {
	display: flex;
	justify-content: space-between;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	padding: 5px 20px;
	background-color: #d6d6d6
}

.theme-container .widget_card>.widget_card_header>.column {
	font-size: 10px;
	font-weight: 700
}

.theme-container .widget_card>.widget_card_header>.column>.percent {
	font-weight: 400
}

.theme-container .widget_card>.widget_card_header>.column>.percent::before {
	content: "";
	font-family: wopzefont!important;
	font-size: 9px;
	margin-right: 4px
}

.theme-container .widget_card>.widget_card_header>.column>.percent.Up::before {
	content: "\e92e"
}

.theme-container .widget_card>.widget_card_header>.column>.percent.Down::before {
	content: "\e92f"
}

.theme-container .widget_card>.widget_card_body {
	display: flex;
	justify-content: space-between;
	padding: 20px;
	padding-left: 70px;
	background-color: #adadad;
	color: #fff;
	position: relative;
	overflow: hidden;
	align-items: center
}

.theme-container .widget_card>.widget_card_body>.Icon {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 36px;
	color: #ffffff3b;
	transition: all .3s
}

.theme-container .widget_card:hover>.widget_card_body>.Icon {
	font-size: 64px
}

.theme-container .widget_card>.widget_card_body>.column {
	flex: 1 auto
}

.theme-container .widget_card>.widget_card_body>.column>.Txt {
	font-size: 11px;
	position: relative;
	z-index: 1;
	color: #ffffffba
}

.theme-container .widget_card>.widget_card_body>.column>.Num {
	text-align: right;
	font-size: 28px;
	font-weight: 600
}

.theme-container .widget_card>.widget_card_body>.column>.piece {
	text-align: right;
	font-size: 12px;
	line-height: 8px
}

.theme-container .widget_card>.widget_card_footer>.all-link {
	display: block;
	background-color: #c5c5c5;
	color: #ffffffb8;
	text-align: center;
	font-size: 11px;
	padding: 5px 0;
	font-weight: 600
}

.theme-container .widget_card.blue_card>.widget_card_header {
	background-color: #3083c1
}

.theme-container .widget_card.blue_card>.widget_card_body {
	background-color: #1975ba
}

.theme-container .widget_card.blue_card>.widget_card_footer>.all-link {
	background-color: #1669a7
}

.theme-container .widget_card.red_card>.widget_card_header {
	background-color: #e52640
}

.theme-container .widget_card.red_card>.widget_card_body {
	background-color: #c9283e
}

.theme-container .widget_card.red_card>.widget_card_footer>.all-link {
	background-color: #a81e31
}

.theme-container .widget_card.green_card>.widget_card_header {
	background-color: #4fb651
}

.theme-container .widget_card.green_card>.widget_card_body {
	background-color: #48a74a
}

.theme-container .widget_card.green_card>.widget_card_footer>.all-link {
	background-color: #39883b
}

.theme-container .widget_card.orange_card>.widget_card_header {
	background-color: #f9952f
}

.theme-container .widget_card.orange_card>.widget_card_body {
	background-color: #ffa346
}

.theme-container .widget_card.orange_card>.widget_card_footer>.all-link {
	background-color: #f57c02
}

.theme-container .widget_card.turquoise_card>.widget_card_header {
	background-color: #00d5c3
}

.theme-container .widget_card.turquoise_card>.widget_card_body {
	background-color: #00c4b4
}

.theme-container .widget_card.turquoise_card>.widget_card_footer>.all-link {
	background-color: #00b5a6
}

.theme-container .statistics_card {
	background-color: #fafafa;
	border: 1px solid #ececec;
	display: flex;
	justify-content: space-between;
	padding: 15px
}

.theme-container .statistics_card>.column>.Icon {
	background-color: #ff7c00;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: #fff;
	font-size: 22px;
	padding: 13px 0;
	text-align: center
}

.theme-container .statistics_card>.column>.Txt {
	text-align: right;
	font-size: 12px;
	color: #8e8e8e;
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}

.theme-container .statistics_card>.column>.Txt>.Num {
	font-size: 18px;
	color: #1975ba;
	font-weight: 600
}

.theme-container.uye_sorgulama .barcode-area {
	padding: 28px 16px;
	margin: 0
}

.theme-container.uye_sorgulama .widget_card>.widget_card_body {
	padding: 15px 20px;
	padding-left: 50px
}

.theme-container.uye_sorgulama .widget_card>.widget_card_body>.Icon {
	font-size: 26px;
	left: 12px
}

.theme-container.uye_sorgulama .widgets .widget {
	padding: 13px 10px
}

.theme-container.uye_sorgulama .widgets .widget>.icon {
	width: 55px;
	height: 55px;
	line-height: 57px;
	font-size: 22px;
	background-color: #ffa346
}

.theme-container.uye_sorgulama .count {
	display: inline-block;
	position: relative;
	margin-right: 16px
}

.theme-container.uye_sorgulama .count:before {
	content: ':';
	position: absolute;
	width: 11px;
	right: -14px;
	top: -1px;
	color: #1e3d54;
	font-weight: 700
}

.theme-container.uye_sorgulama .count:last-child {
	margin-right: 0
}

.theme-container.uye_sorgulama .count:last-child:before {
	display: none
}

.theme-container.uye_sorgulama .countdown.timer {
	display: block
}

.theme-container.uye_sorgulama .Countdown>div {
	overflow: hidden;
	background: 0 0;
	text-align: center;
	position: relative;
	color: #1e3d54;
	font-size: 12px;
	padding-left: 21px
}

.theme-container.uye_sorgulama .Countdown>div>span {
	color: #1e3d54;
	font-size: 16px;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
	font-weight: 600
}

.theme-container.uye_sorgulama #coundown_sec span {
	animation: mymove 1s;
	-moz-animation: mymove 1s;
	-webkit-animation: mymove 1s;
	-o-animation: mymove 1s;
	-ms-animation: mymove 1s
}

@media only screen and (max-width: 768px) {
	.theme-container {
		 padding:30px 0!important
	}
}

.barcode-area {
	border: 1px solid #efeff0;
	padding: 22px 16px;
	border-radius: 5px;
	margin-bottom: 10px;
	background-color: #fff;
	overflow: auto
}

.barcode-area.bg-white {
	background-color: #fff
}

.barcode-area.p-16 {
	padding: 16px
}

.barcode-area>.Title {
	color: #1f3d54;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 11px
}

.barcode-area>.Form {
	position: relative
}

.barcode-area>.Form input {
	width: 100%;
	padding: 10px 7px 11px 10px;
	border-radius: 3px;
	border: 0;
	font-size: 13px
}

.barcode-area>.barcode-input select {
	height: 52px;
	background-color: #fff;
	margin-right: 6px;
	border: 2px solid #333;
	font-weight: 700
}

.barcode-area>.barcode-input {
	position: relative
}

.barcode-area>.barcode-input.dFlex {
	display: flex
}

.barcode-area>.barcode-input>form {
	height: 50px!important
}

.barcode-area>.barcode-input input {
	width: 100%;
	padding: 15px 7px 15px 50px;
	border-radius: 3px;
	border: 0;
	font-size: 13px;
	background-image: url(/Library/Theme_v2/img/barcode_icon.png);
	background-repeat: no-repeat;
	background-position: 11px center;
	border: 2px solid #333;
	font-weight: 700
}

.barcode-area>.barcode-input button {
	margin-left: 6px;
	padding: 0 20px;
	width: 120px;
	text-align: center;
	background-color: #4280de;
	border: 0;
	border-radius: 5px;
	color: #fff
}

.barcode-area>.barcode-input .barcode-btn {
	background-color: #00ada9;
	height: 39px;
	border-radius: 4px;
	text-align: center;
	line-height: 39px;
	font-weight: 600;
	font-size: 13px;
	color: #fff;
	cursor: pointer
}

.barcode-area>.barcode-input .barcode-btn:hover {
	filter: brightness(1.1)
}

.barcode-area>.barcode-input .barcode-btn>span {
	font-size: 8px;
	margin-left: 5px
}

.barcode-area>.barcode-input.twoColumn>form {
	display: flex;
	align-items: center
}

.urun-takip .cart-no {
	background-color: #1e3d54;
	color: #fff;
	padding: 34px 6px;
	text-align: center;
	min-height: 115px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 10px
}

.urun-takip .cart-no::before {
	content: ""
}

.urun-takip .cart-no .sound-js {
	position: absolute;
	right: 4px;
	top: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	cursor: pointer
}

.urun-takip .cart-no .sound-js>span {
	font-size: 18px;
	line-height: 40px
}

.urun-takip .cart-no .sound-js>span::before {
	content: "\ea60";
	font-family: misszenne!important
}

.urun-takip .cart-no .sound-js.no-sound>span::before {
	content: "\ea61"
}

.urun-takip .cart-no>.num {
	font-size: 54px;
	font-weight: 700;
	height: 46px;
	line-height: 43px
}

.urun-takip .cart-no>.num>span {
	vertical-align: middle;
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	margin-right: 10px
}

.urun-takip .peron-info {
	display: flex;
	padding-top: 7px
}

.urun-takip .peron-info>.item {
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #1e3d5469;
	font-size: 12px;
	color: #1e3d54
}

.urun-takip .peron-info>.item:last-child {
	padding: 0;
	border: 0;
	margin: 0
}

.urun-takip .statistics-card .card {
	background-color: #f9f9f9;
	border: 1px solid #ececec;
	height: 115px;
	border-radius: 5px;
	text-align: center;
	padding-top: 10px;
	font-size: 11px;
	color: #1e3d54
}

.urun-takip .statistics-card .card>.Icon {
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #1e3d54;
	font-size: 20px;
	color: #fff;
	padding: 11px 0;
	margin-bottom: 4px
}

.urun-takip .statistics-card .card>.num {
	font-size: 24px;
	font-weight: 700
}

.urun-takip .statistics-card .card.item-1>.Icon {
	background-color: #c5de9e
}

.urun-takip .statistics-card .card.item-1>.num {
	color: #c5de9e
}

.urun-takip .statistics-card .card.item-2>.Icon {
	background-color: #fcc58e
}

.urun-takip .statistics-card .card.item-2>.num {
	color: #fcc58e
}

.urun-takip .statistics-card .card.item-3>.Icon {
	background-color: #91bad0
}

.urun-takip .statistics-card .card.item-3>.num {
	color: #91bad0
}

.urun-takip .statistics-card .card.item-4>.Icon {
	background-color: #c4d4f5
}

.urun-takip .statistics-card .card.item-4>.num {
	color: #c4d4f5
}

.urun-takip .statistics-card .card.item-5>.Icon {
	background-color: #8ce2e1
}

.urun-takip .statistics-card .card.item-5>.num {
	color: #8ce2e1
}

.urun-takip .statistics-card .card.item-6>.Icon {
	background-color: #84d4f5
}

.urun-takip .statistics-card .card.item-6>.num {
	color: #84d4f5
}

.urun-takip .statistics-card .card.item-7>.Icon {
	background-color: #c66
}

.urun-takip .statistics-card .card.item-7>.num {
	color: #c66
}

.urun-takip .statistics-card .card.item-8>.Icon {
	background-color: #ccc
}

.urun-takip .statistics-card .card.item-8>.num {
	color: #ccc
}

.urun-takip .SelectOrder-info {
	display: flex;
	font-size: 12px
}

.urun-takip .SelectOrder-info>.item {
	margin-left: 7px
}

.urun-takip .product-statistics-mini {
	display: flex;
	border: 1px solid #1e3d544a;
	border-radius: 5px;
	text-align: center;
	padding: 0 6px;
	margin-top: 10px
}

.urun-takip .product-statistics-mini>.item {
	position: relative;
	flex: 1 auto;
	padding: 6px 0;
	font-size: 12px
}

.urun-takip .product-statistics-mini>.item::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #1e3d54
}

.urun-takip .product-statistics-mini>.item:last-child::before {
	display: none
}

.theme-container .site-table {
	padding: 10px
}

.theme-container .site-table.overflow_area {
	max-height: 470px;
	overflow-y: auto
}

@media only screen and (max-width: 768px) {
	.theme-container .site-table {
		 overflow:auto
	}

	.urun-takip .peron-info {
		 border: 1px solid #1e3d544a;
		 border-radius: 5px;
		 padding-bottom: 7px;
		 margin-bottom: 10px
	}

	.urun-takip .peron-info>.item {
		 padding: 9px!important;
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
		 font-size: 10px;
		 margin-right: 0
	}

	.urun-takip .product-statistics-mini>.item::before {
		 content: none
	}

	.urun-takip .product-statistics-mini>.item {
		 padding: 6px;
		 font-size: 11px
	}

	.urun-takip .product-statistics-mini>.item:not(:last-child) {
		 border-right: 1px solid #1e3d544a
	}
}

.urun-takip .list-danger {
	background-color: #fde3e385
}

.urun-takip .list-danger>td {
	background-color: #fde3e385
}

.urun-takip .list-invoice {
	background-color: rgba(55,121,187,.11)
}

.urun-takip .list-invoice>td {
	background-color: transparent
}

.urun-takip .p-circle {
	position: relative;
	padding-left: 22px;
	display: inline-block;
	width: 105px;
	text-align: left
}

.urun-takip .p-circle::before {
	content: "";
	width: 11px;
	height: 11px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.urun-takip .p-pending {
	color: #ff7c00
}

.urun-takip .p-circle.p-pending::before {
	background-color: #ff7c00
}

.urun-takip .p-missing {
	color: red
}

.urun-takip .p-circle.p-missing::before {
	background-color: red
}

.urun-takip .p-invoice {
	color: #0396a6
}

.urun-takip .p-circle.p-invoice::before {
	background-color: #0396a6
}

.urun-takip .p-invoice-ok {
	color: #48a74a
}

.urun-takip .p-circle.p-invoice-ok::before {
	background-color: #48a74a
}

.urun-takip .p-error {
	color: #96c
}

.urun-takip .p-circle.p-error::before {
	background-color: #96c
}

.urun-takip .p-canceled {
	color: #000
}

.urun-takip .p-circle.p-canceled::before {
	background-color: #000
}

.urun-takip .p-danger {
	display: inline-block;
	color: red;
	margin-left: 14px
}

.urun-takip .p-danger>.p-icon {
	font-size: 14px;
	position: relative;
	top: 2px
}

.urun-takip .p-danger>.danger-text {
	display: inline-block;
	border: 1px solid red;
	background-color: #fff;
	margin-left: 7px;
	padding: 0 20px;
	color: red;
	font-size: 9px;
	position: relative;
	top: -2px;
	height: 19px;
	line-height: 18px
}

.urun-takip .p-danger>.danger-text:after,.urun-takip .p-danger>.danger-text:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.urun-takip .p-danger>.danger-text:after {
	border-color: transparent;
	border-right-color: #fff;
	border-width: 5px;
	margin-top: -5px
}

.urun-takip .p-danger>.danger-text:before {
	border-color: transparent;
	border-right-color: red;
	border-width: 6px;
	margin-top: -6px
}

.theme-container .site-table .theme-button {
	height: 20px;
	line-height: 20px
}

.urun-takip .table-filter .table-filter-list>.filter-item {
	display: inline-block;
	margin-left: 6px;
	padding-left: 6px;
	border-left: 1px solid #d4d4d4
}

.urun-takip .table-filter .table-filter-list>.filter-item:first-child {
	border: 0;
	margin: 0;
	padding: 0
}

.filter-radio:not(:checked),.filter-radio:checked {
	position: absolute;
	left: -9999px
}

.filter-radio:not(:checked)+.filter-label,.filter-radio:checked+.filter-label {
	position: relative;
	padding-left: 28px;
	cursor: pointer
}

.filter-radio:not(:checked)+.filter-label:before,.filter-radio:checked+.filter-label:before {
	content: '';
	position: absolute;
	top: -3px;
	left: 0;
	width: 21px;
	height: 21px;
	background: #fff;
	border-radius: 4px
}

.filter-radio:not(:checked)+.filter-label:after,.filter-radio:checked+.filter-label:after {
	content: "\e93e";
	font-family: misszenne!important;
	position: absolute;
	top: 3px;
	left: 4px;
	font-size: 13px;
	line-height: .8;
	color: #fff;
	transition: all .2s
}

.filter-radio:not(:checked)+.filter-label:after {
	opacity: 0;
	transform: scale(0)
}

.filter-radio:checked+.filter-label:after {
	opacity: 1;
	transform: scale(1)
}

.filter-label {
	font-size: 11px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0
}

.filter-item.filter-all .filter-radio:not(:checked)+.filter-label:before,.filter-item.filter-all .filter-radio:checked+.filter-label:before {
	background-color: #adadad
}

.filter-item.filter-all .filter-label {
	color: #adadad
}

.filter-item.filter-style1 .filter-radio:not(:checked)+.filter-label:before,.filter-item.filter-style1 .filter-radio:checked+.filter-label:before {
	background-color: #ff7c00
}

.filter-item.filter-style1 .filter-label {
	color: #ff7c00
}

.filter-item.filter-style2 .filter-radio:not(:checked)+.filter-label:before,.filter-item.filter-style2 .filter-radio:checked+.filter-label:before {
	background-color: red
}

.filter-item.filter-style2 .filter-label {
	color: red
}

.filter-item.filter-style3 .filter-radio:not(:checked)+.filter-label:before,.filter-item.filter-style3 .filter-radio:checked+.filter-label:before {
	background-color: #0396a6
}

.filter-item.filter-style3 .filter-label {
	color: #0396a6
}

.filter-item.filter-style4 .filter-radio:not(:checked)+.filter-label:before,.filter-item.filter-style4 .filter-radio:checked+.filter-label:before {
	background-color: #48a74a
}

.filter-item.filter-style4 .filter-label {
	color: #48a74a
}

.filter-item.filter-style5 .filter-radio:not(:checked)+.filter-label:before,.filter-item.filter-style5 .filter-radio:checked+.filter-label:before {
	background-color: #000
}

.filter-item.filter-style5 .filter-label {
	color: #000
}

.filter-item.filter-style6 .filter-radio:not(:checked)+.filter-label:before,.filter-item.filter-style6 .filter-radio:checked+.filter-label:before {
	background-color: #96c
}

.filter-item.filter-style6 .filter-label {
	color: #96c
}

.filter-item.filter-style7 .filter-radio:not(:checked)+.filter-label:before,.filter-item.filter-style7 .filter-radio:checked+.filter-label:before {
	background-color: #96c
}

.filter-item.filter-style7 .filter-label {
	color: #96c
}

.theme-container .Top_ButtonBox {
	margin-bottom: 15px
}

.theme-container.fatura .order-info {
	display: flex
}

.theme-container.fatura .order-info>.item {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
	color: #1e3d54
}

.theme-container.fatura .order-info>.item:first-child {
	margin: 0;
	border: 0;
	padding: 0
}

.control-bt {
	padding: 8px 0;
	display: flex;
	align-items: center
}

.control-bt .theme-button {
	margin-right: 7px
}

.warning_field {
	background-color: #fefaee;
	border: 1px dashed #dadada;
	margin-top: 20px;
	text-align: center;
	padding: 50px 20px;
	color: #345063
}

.warning_field>span {
	font-size: 64px
}

.warning_field>.T {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 400
}

.warning_field>p {
	font-size: 12px;
	color: #9a9a9a;
	margin-bottom: 30px
}

.next-prev-invoice {
	display: flex;
	justify-content: center;
	height: 57px;
	border: 1px solid #f9f9f9;
	color: #424858;
	align-items: center;
	padding: 0 14px;
	border-radius: 5px;
	font-size: 12px
}

.next-prev-invoice>.item {
	margin: 0 5px
}

.next-prev-invoice>.item:first-child {
	font-size: 12px;
	text-align: left
}

.next-prev-invoice>.item .invoice-serino {
	border: 1px solid #424858;
	padding: 5px;
	border-radius: 5px
}

.next-prev-invoice>.item>.icon {
	font-size: 22px
}

.next-prev-invoice>.item>.invoice-no {
	border: 1px solid #424858;
	padding: 6px;
	font-weight: 600;
	border-radius: 5px;
	width: 140px;
	text-align: center
}

.invoice-product-items {
	margin-top: 20px
}

.invoice-product-items tr.product-found>td {
	padding: 7px 5px
}

.invoice-product-items tr.product-found>td,.invoice-product-items tr.product-found:hover>td {
	background-color: #fdebec!important
}

.invoice-product-items .product-info {
	display: flex;
	align-items: center
}

.product-img {
	position: relative;
	max-width: 38px
}

.product-img a {
	display: block
}

.product-img img {
	width: 100%
}

.product-img>.Icon {
	position: absolute;
	right: -8px;
	top: -6px;
	font-size: 12px;
	background-color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	padding: 5px 0
}

.product-name {
	font-size: 12px
}

.invoice-product-items .product-varyant {
	font-size: 14px;
	color: #989898;
	text-align: center;
	padding: 7px 0
}

.invoice-product-items .product-varyant>div {
	max-width: 150px;
	text-align: left;
	margin: 0 auto 4px
}

.invoice-product-items .product-varyant>div>span {
	color: #ccc
}

.invoice-product-items .product-barcode {
	font-size: 14px;
	font-weight: 600;
	color: #3f5565;
	letter-spacing: 1px;
	padding: 20px 0
}

.fatura .urunu-ayristir {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	color: #9e9e9e;
	text-align: center;
	background-color: #fdfdfd;
	border: 1px solid #efeff0;
	border-radius: 5px;
	padding: 29px 0;
	cursor: pointer;
	transition: all .3s
}

.fatura .urunu-ayristir:hover {
	color: #468cc8
}

.fatura .urunu-ayristir>span {
	display: block;
	font-size: 31px;
	margin-bottom: 15px;
	color: #3ea0f5;
	transition: all .3s
}

.fatura .urunu-ayristir:hover>span {
	color: #468cc8
}

.fatura .widgets .widget {
	height: 107px
}

div.note-fixed {
	position: fixed;
	right: 10px;
	bottom: 50px;
	color: #1e3d54;
	z-index: 999;
	cursor: pointer
}

div.note-fixed>.icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #fcef23;
	font-size: 26px;
	text-align: center;
	padding: 11px 0;
	position: relative;
	z-index: 1;
	transition: all .3s
}

div.note-fixed>.note-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -100vw;
	background-color: #fcef23;
	width: max-content;
	padding: 7px 20px;
	transition: all 1s;
	cursor: initial
}

div.note-fixed>.note-content:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-left-color: #fcef23;
	border-width: 8px;
	margin-top: -8px
}

div.note-fixed>.note-content>.close-note {
	position: absolute;
	top: -12px;
	left: -12px;
	width: 24px;
	height: 24px;
	background-color: #1e3d54;
	color: #fcef23;
	border-radius: 50%;
	text-align: center;
	font-size: 10px;
	padding: 7px 0;
	cursor: pointer
}

div.note-fixed>.note-content>p {
	margin: 0;
	font-size: 12px
}

div.note-fixed.Show>.icon {
	box-shadow: 1px 1px 1px #000
}

div.note-fixed.Show>.note-content {
	right: 70px
}

.mob-container .confirm-button {
	text-align: center;
	padding: 10px;
	position: relative;
	margin: 10px;
	pointer-events: none;
	color: #b5b5b5;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer
}

.mob-container .confirm-button.golink {
	color: #fff;
	pointer-events: inherit
}

.mob-container .confirm-button::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: #1e3d54;
	z-index: -1;
	transition: all .5s ease-out
}

.mob-container .confirm-button.golink::after {
	content: "";
	left: 0;
	transition: all .5s ease-out
}

.mob-container .confirm-button .arrow-link {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #1e3d54;
	color: #fff;
	font-size: 24px;
	font-weight: 800;
	padding: 4px 0;
	pointer-events: painted;
	cursor: pointer
}

.mob-container .confirm-button .arrow-link.active {
	right: inherit;
	left: 0
}

.mob-container .confirm-button .arrow-link::before {
	content: "\e989";
	font-family: misszenne!important
}

.mob-container .confirm-button .arrow-link.active::before {
	content: "\e98c"
}

.mob-container .closeFile {
	background-color: #999da6;
	text-align: center;
	padding: 8px 5px;
	font-size: 12px;
	color: #fff;
	margin-bottom: 10px;
	cursor: pointer
}

.mob-container .welcome {
	font-size: 12px;
	margin-bottom: 15px
}

.widgets .widget {
	display: flex;
	align-items: center;
	border: 1px solid #eee;
	justify-content: space-between;
	padding: 15px 10px;
	background-color: #f9f9f9;
	border-radius: 5px
}

.widgets .widget>.icon {
	width: 40px;
	height: 40px;
	line-height: 42px;
	border-radius: 50%;
	background-color: red;
	text-align: center;
	font-size: 18px;
	color: #fff;
	display: list-item;
	list-style: none
}

.widgets .widget.style_1>.icon {
	background-color: #89e1e2
}

.widgets .widget.style_2>.icon {
	background-color: #c5e09b
}

.widgets .widget.style_3>.icon {
	background-color: #ccc
}

.widgets .widget.style_4>.icon {
	background-color: #cd6564
}

.widgets .widget.style_5>.icon {
	background-color: #fcc58e
}

.widgets .widget>.Txt {
	text-align: right;
	color: #304a60;
	font-size: 14px;
	font-weight: 400
}

.widgets .widget>.Txt>.num {
	font-size: 22px;
	font-weight: 700;
	line-height: 31px
}

.widgets .widget>.Txt>.All {
	font-size: 12px;
	color: #468cc8;
	margin-top: 5px;
	display: block;
	cursor: pointer
}

.widgets .widget>.Txt>.All:hover {
	color: #000
}

.widgets .widget.bg_color {
	background-color: #ff7c00
}

.widgets .widget.bg_color>.icon {
	background-color: #fff;
	color: #ff7c00
}

.widgets .widget.bg_color>.Txt {
	color: #fff
}

.widgets .widget.bg_color>.Txt>.All {
	color: #fff
}

.widgets .widget.Active_tab {
	background-color: #304a60
}

.widgets .widget.Active_tab>.icon {
	background-color: #fff;
	color: #304a60
}

.widgets .widget.Active_tab>.Txt {
	color: #fff
}

.widgets .widget.Active_tab>.Txt>.All {
	color: #fff
}

.mob-container .nav-card>.info {
	display: flex;
	color: #304a60;
	margin-bottom: 10px
}

.mob-container .nav-card>.info>.item {
	flex: 1;
	border-right: 1px solid #eee;
	margin-right: 10px;
	padding-right: 10px;
	text-align: center
}

.mob-container .nav-card>.info>.item:last-child {
	border: 0;
	padding: 0;
	margin: 0
}

.mob-container .nav-card>.theme-button {
	margin: 0
}

.mob-container .now_counting {
	display: flex;
	align-items: center;
	height: 63px
}

.mob-container .now_counting>.Text {
	flex: 1;
	position: relative;
	padding-left: 40px;
	font-size: 16px;
	font-weight: 700;
	color: #225282
}

.mob-container .now_counting>.Text::before {
	content: "\ea59";
	font-family: misszenne!important;
	font-size: 32px;
	position: absolute;
	left: 0;
	top: 50%;
	font-weight: 100;
	transform: translateY(-50%)
}

.mob-container .now_counting>.Text>span {
	display: block;
	font-weight: 100;
	font-style: italic
}

.mob-container .now_counting>.Btn {
	flex: 1
}

.mob-container .now_counting>.Btn>.theme-button {
	height: 45px;
	line-height: 45px;
	font-weight: 800;
	width: 100%;
	margin: 0
}

.Popup .Modal .Htm .Document .arac_tanimla_modal {
	padding: 25px
}

.arac_tanimla_modal .arac_result>.Bars {
	display: flex;
	color: #1e3d54
}

.arac_tanimla_modal .arac_result>.Bars>.item {
	flex: 1;
	text-align: center;
	border: 1px solid #eee;
	background-color: #fbfbfb;
	margin-right: 10px;
	border-radius: 5px;
	padding: 6px 5px;
	font-size: 14px;
	font-weight: 500
}

.arac_tanimla_modal .arac_result>.Bars>.item:last-child {
	margin: 0
}

.arac_tanimla_modal .arac_result>.Bars>.item>.num {
	font-size: 18px;
	font-weight: 700
}

.arac_tanimla_modal .arac_result>.product-list {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dashed #eee
}

.panel_modal .alert_text {
	background-color: #fdfcf7;
	border: 1px solid #eee;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	box-shadow: 1px 2px 1px 0 #efefef;
	font-size: 13px;
	margin-top: 15px;
	line-height: 20px
}

.panel_modal .peron-location {
	background-color: #ff6444;
	padding: 7px 10px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 12px
}

.panel_modal .peron-location>span {
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	margin-right: 6px
}

.panel_modal .peron-location>span:first-child {
	font-size: 12px;
	color: #fff;
	font-weight: 500
}

.panel_modal .peron-location>span:first-child:after {
	font-size: 7px;
	margin-left: 5px;
	vertical-align: bottom
}

.panel_modal .peron-location>span::after {
	content: "\e973";
	font-family: misszenne!important;
	font-size: 7px;
	margin-left: 8px;
	vertical-align: middle
}

.panel_modal .peron-location>span:last-child {
	margin: 0
}

.panel_modal .peron-location>span:last-child:after {
	display: none
}

.panel_modal .select_area {
	margin-top: 15px
}

.panel_modal .select_area .FormElements {
	margin-bottom: 10px
}

.panel_modal .select_area .FormElements .select2-container--default .select2-selection--single {
	border: 1px solid #656565;
	height: 37px;
	border-radius: 6px;
	overflow: hidden;
	background-color: #fafafa
}

.panel_modal .select_area .FormElements .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 37px;
	text-align: center;
	font-size: 13px
}

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

.panel_modal .select_area .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #000
}

.panel_modal .select-reason {
	float: left;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #ccc;
	padding-top: 10px
}

.panel_modal .select-reason>.item {
	background-color: #f9f9f9;
	border: 1px solid #efefef;
	padding: 8px;
	text-align: center;
	color: #1f3c52;
	font-weight: 600;
	font-size: 13px;
	border-radius: 5px;
	margin-bottom: 10px;
	transition: all .3s;
	cursor: pointer
}

.panel_modal .select-reason>.item:hover {
	background-color: #ff6445;
	color: #fff
}

.panel_modal .panel_table {
	text-align: center;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.panel_modal .panel_table>thead>tr>th {
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	background-color: #f5f4f5;
	border-bottom: 1px;
	border-right: 1px solid #eee
}

.panel_modal .panel_table>tbody>tr>td {
	vertical-align: middle;
	padding: 6px 4px;
	font-size: 12px;
	border-right: 1px solid #eee
}

.panel_modal .panel_table>tbody>tr>td .theme-button {
	height: 25px;
	line-height: 23px;
	font-size: 11px
}

.panel_modal .eksikurun_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px;
	border: 1px solid #eee;
	border-radius: 5px;
	margin-top: 12px
}

.panel_modal .eksikurun_item>.item {
	padding: 10px 0 10px 15px;
	border-left: 1px solid #eee
}

.panel_modal .eksikurun_item>.item .selectBox {
	max-width: 200px
}

.panel_modal .eksikurun_item>.item .selectBox>.item {
	display: inline-block;
	padding: 0 10px;
	border: 1px solid #eee;
	width: 45px;
	height: 45px;
	line-height: 42px;
	text-align: center;
	position: relative;
	margin: 3px 0;
	cursor: pointer
}

.panel_modal .eksikurun_item>.item .selectBox>.item.selected {
	border-color: #ff643f;
	background-color: #ff643f0a
}

.panel_modal .eksikurun_item>.item .selectBox>.item.disable {
	pointer-events: none;
	background-color: #eaeaea;
	color: #969696
}

.panel_modal .eksikurun_item>.item .selectBox>.item.disable::before {
	content: "";
	position: absolute;
	height: 1px;
	width: 62px;
	background-color: #c3c3c3;
	top: 50%;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: -10px
}

.panel_modal .eksikurun_item>.item.product-img {
	width: 50px;
	position: relative;
	margin-right: 25px;
	border: 0;
	padding: 0
}

.panel_modal .eksikurun_item>.item.product-img img {
	width: 100%
}

.panel_modal .eksikurun_item>.item.product-img .zoom-icon {
	position: absolute;
	background-color: #fff;
	top: -3px;
	right: -10px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	text-align: center;
	padding: 4px 0;
	font-size: 10px
}

.panel_modal .eksikurun_item>.product-info {
	flex: 1
}

.panel_modal .eksikurun_item>.product-info>p {
	font-size: 12px;
	margin-bottom: 2px
}

.panel_modal .eksikurun_item>.product-info>p>span {
	color: #b7b7b7
}

.mob-container .filter_list {
	margin-bottom: 15px;
	display: none;
	padding: 0 15px
}

.mob-container .filter-list-js {
	text-align: center;
	padding: 7px 5px
}

.mob-container .filter-list-js.Active {
	background-color: #fbfbfb
}

.mob-container .filter-list-js.Active>.ifa-119:before {
	content: "\e978"
}

.mob-container .filter-list-js>span {
	font-size: 9px;
	margin-left: 4px
}

.peron_product_items {
	margin-bottom: 15px
}

.peron_product_items>.finality {
	background-color: #feeab9;
	position: relative;
	padding-left: 30px;
	padding: 5px 5px 5px 30px;
	font-size: 12px;
	font-weight: 600;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.peron_product_items>.finality::before {
	content: "\e949";
	font-family: misszenne!important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	color: #ff1a15;
	font-size: 14px
}

.peron_product_items>.content {
	border: 1px solid #cecfcf;
	border-bottom: 3px solid #eee;
	border-radius: 5px;
	padding: 15px
}

.peron_product_items>.content>.peron-product {
	display: flex;
	align-items: center;
	margin-bottom: 15px
}

.peron_product_items>.content>.peron-product>.product {
	flex: 1;
	display: flex;
	align-items: center
}

.peron_product_items>.content>.peron-product>.product>.img {
	max-width: 46px;
	margin-right: 11px;
	
}

.peron_product_items>.content>.peron-product>.product>.img>img {
	width: 100%
}

.peron_product_items>.content>.peron-product>.product>.p-info {
	font-weight: 700;
	font-size: 14px
}

.peron_product_items>.content>.peron-product>.action {
	height: 100%;
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 8px 10px 6px;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	color: #1e3d54;
	transition: all .3s;
	cursor: pointer
}

.peron_product_items>.content>.peron-product>.action:hover {
	background-color: #f5f5f5
}

.peron_product_items>.content>.peron-product>.action>span {
	font-size: 16px;
	margin-bottom: 3px;
	display: block
}

.peron_product_items>.content>.peron-location {
	background-color: #ff6444;
	padding: 7px 10px;
	border-radius: 5px;
	align-items: center;
	display: flex;
	justify-content: center
}

.peron_product_items>.content>.peron-location>span {
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	margin-right: 6px
}

.peron_product_items>.content>.peron-location>span:first-child {
	font-size: 12px;
	color: #ffffffc2
}

.peron_product_items>.content>.peron-location>span:first-child:after {
	font-size: 7px;
	margin-left: 5px
}

.peron_product_items>.content>.peron-location>span::after {
	content: "\e973";
	font-family: misszenne!important;
	font-size: 7px;
	margin-left: 8px;
	vertical-align: middle
}

.peron_product_items>.content>.peron-location>span:last-child {
	margin: 0
}

.peron_product_items>.content>.peron-location>span:last-child:after {
	display: none
}

.peron-filter-list[data-status=filter_orange] .peron_product_items>.content {
	border-color: #ff7c0063
}

.peron-filter-list[data-status=filter_red] .peron_product_items>.content {
	border-color: #ff000052
}

.peron-filter-list[data-status=filter_red] .peron_product_items>.content>.peron-location {
	background-color: red
}

.peron-filter-list[data-status=filter_turquoise] .peron_product_items>.content {
	border-color: #0396a678
}

.peron-filter-list[data-status=filter_turquoise] .peron_product_items>.content>.peron-location {
	background-color: #0396a6
}

.peron-filter-list[data-status=filter_purple] .peron_product_items>.content {
	border-color: #9966cc59
}

.peron-filter-list[data-status=filter_purple] .peron_product_items>.content>.peron-location {
	background-color: #96c
}

.peron-filter-list[data-status=filter_green] .peron_product_items>.content {
	border-color: #48a74a91
}

.peron-filter-list[data-status=filter_green] .peron_product_items>.content>.peron-location {
	background-color: #48a74a
}

.peron-filter-list[data-status=filter_black] .peron_product_items>.content {
	border-color: #00000073
}

.peron-filter-list[data-status=filter_black] .peron_product_items>.content>.peron-location {
	background-color: #1e3d54
}

.talepModal .talep_title {
	padding: 10px;
	border: 1px dashed #ffd9d9;
	margin: 0;
	background-color: #fff3f3
}

.talepModal .talep_item {
	margin-top: 15px
}

.talepModal .talep_item>p {
	margin-bottom: 5px;
	font-size: 14px
}

.talepModal .talep_item>p>span {
	font-weight: 600
}

.talepModal .talep_item>p.talep_message {
	background-color: #f3f3f3;
	padding: 10px
}

.talepModal .talep_item>.T {
	font-weight: 600;
	padding-top: 11px;
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
	padding-bottom: 2px;
	font-size: 14px
}

.mob-container .counting-report {
	display: flex;
	position: relative;
	margin-top: 20px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	background-color: #f7f7f7;
	padding: 20px;
	padding-left: 95px;
	justify-content: space-around;
	align-items: center
}

.mob-container .counting-report::before {
	content: "\ea1b";
	font-family: misszenne!important;
	position: absolute;
	left: 16px;
	background-color: #ff6444;
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 30px;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%)
}

.mob-container .counting-report .info {
	flex: 1
}

.mob-container .counting-report .info>p {
	margin-bottom: 3px;
	color: #1e3d54
}

.mob-container .counting-report .total {
	text-align: right
}

.mob-container .counting-report .total>.num {
	font-size: 38px;
	color: #ff6444;
	font-weight: 600;
	line-height: 42px
}

.mob-container .counted-product {
	margin-bottom: 15px
}

.mob-container .counted-product>.counted-head {
	display: flex;
	background-color: #fff4d7;
	font-size: 12px;
	overflow: hidden;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.mob-container .counted-product>.counted-head .barcode {
	flex: 1;
	padding: 5px 10px
}

.mob-container .counted-product>.counted-head .delete {
	padding: 5px 10px;
	background-color: #999da6;
	width: 54px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	cursor: pointer
}

.mob-container .counted-product>.counted-body {
	display: flex;
	align-items: center;
	padding: 10px;
	border: 1px solid #e2e2e2;
	background-color: #fbfbfb;
	border-radius: 5px
}

.mob-container .counted-product>.counted-body>.icon {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #1e3d54;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #fff;
	margin-right: 9px
}

.mob-container .counted-product>.counted-body>.info {
	flex: 1;
	color: #1e3d54;
	font-size: 12px
}

.mob-container .counted-product>.counted-body>.info>span {
	display: inline-block;
	margin-right: 12px
}

.mob-container .counted-product.task>.counted-head .takeCharge {
	padding: 5px 12px;
	background-color: #ff6444;
	text-align: center;
	color: #fff;
	font-weight: 600;
	cursor: pointer
}

.mob-container .counted-product.task>.counted-body>.total-product {
	text-align: right;
	font-size: 12px;
	color: #1e3d54
}

.mob-container .counted-product.task>.counted-body>.total-product>.num {
	font-weight: 800;
	font-size: 28px;
	line-height: 30px
}

.theme-container.Telesatis .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 0;
	cursor: pointer
}

.theme-container.Telesatis .searchProduct>span {
	display: block;
	font-size: 31px;
	margin-bottom: 15px
}

.theme-container.Telesatis .cart-img {
	width: 30px;
	display: inline-block
}

.theme-container.Telesatis .cart-img>img {
	width: 100%
}

.theme-container.Telesatis .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
}

.theme-container.Telesatis .table-addition .column {
	display: flex;
	align-items: center;
	border: 1px solid #dcdcdc;
	border-bottom: 0;
	border-top: 0
}

.theme-container.Telesatis .table-addition .column>.item {
	color: #103b55;
	display: block;
	flex: 1;
	padding: 5px 10px;
	background-color: #ebeef3;
	font-size: 12px;
	font-weight: 600;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc
}

.theme-container.Telesatis .table-addition .column>.item:last-child {
	flex: initial;
	width: 206px;
	text-align: right;
	border-right: 0
}

.theme-container.Telesatis .cart-control {
	text-align: right;
	margin-top: 20px
}

.theme-container.Telesatis .cart-control>.Btn:last-child {
	margin-right: 0
}

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

.theme-container.Telesatis .order-note.member-note {
	background-color: #fdfbeb
}

.theme-container.Telesatis .order-note>.icon {
	font-size: 22px;
	color: #1e3d54;
	margin-right: 20px
}

.theme-container.Telesatis .order-note>.note-area {
	flex: 1
}

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

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

.theme-container.Telesatis .order-note>.note-area>p {
	margin: 0;
	color: #663d54;
	font-size: 10px
}

.theme-container.Telesatis .order-note>.action {
	margin-left: 20px
}

.theme-container.Telesatis .note-list>.item {
	padding: 10px;
	background-color: #fcfaeb;
	border: 1px solid #dbdbdb;
	position: relative;
	font-size: 13px;
	padding-right: 45px;
	margin-bottom: 15px
}

.theme-container.Telesatis .note-list>.item::before {
	content: attr(data-date);
	display: block;
	font-size: 12px;
	color: #7d7d7d;
	font-weight: 600
}

.theme-container.Telesatis .note-list>.item .Remove {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #1e3d54;
	line-height: 24px;
	text-align: center;
	color: #fff
}

.theme-container.Telesatis .note-list>.item .Remove::before {
	content: "\e939";
	font-family: misszenne!important;
	font-size: 10px
}

.theme-container.Telesatis .count {
	display: inline-block;
	position: relative;
	margin-right: 16px
}

.theme-container.Telesatis .count:before {
	content: ':';
	position: absolute;
	width: 11px;
	right: -16px;
	top: 0;
	color: #1e3d54;
	font-weight: 700
}

.theme-container.Telesatis .count:last-child {
	margin-right: 0
}

.theme-container.Telesatis .count:last-child:before {
	display: none
}

.theme-container.Telesatis .countdown.timer {
	display: block
}

.theme-container.Telesatis .Countdown>div {
	overflow: hidden;
	background: 0 0;
	text-align: center;
	position: relative;
	color: #1e3d54;
	font-size: 14px;
	padding-left: 21px
}

.theme-container.Telesatis .Countdown>div>span {
	color: #1e3d54;
	font-size: 16px;
	position: absolute;
	height: 100%;
	left: 0;
	top: -2px;
	display: block;
	font-weight: 600
}

.theme-container.Telesatis #coundown_sec span {
	animation: mymove 1s;
	-moz-animation: mymove 1s;
	-webkit-animation: mymove 1s;
	-o-animation: mymove 1s;
	-ms-animation: mymove 1s
}

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

.theme-container.Telesatis .Quantity button.btn-number {
	height: 23px;
	width: 23px;
	line-height: 27px;
	border-radius: 50%;
	border: 0;
	background-color: #eee;
	font-size: 10px;
	cursor: pointer
}

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

.icon-alert {
	padding: 7px 15px;
	position: relative;
	background-color: red;
	color: #1e3d54;
	padding-left: 44px;
	font-weight: 600;
	font-size: 13px;
	border-top: 1px solid #eee
}

.icon-alert .icon {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px
}

.icon-alert.alert-blue {
	background-color: #f0f8ff
}

.icon-alert.alert-red {
	background-color: #fff4f6;
	color: #da3633
}

.icon-alert.button-alert {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.icon-alert.button-alert>.item>.theme-button {
	background-color: #da3633;
	height: 29px;
	line-height: 26px;
	font-size: 11px;
	margin: 5px 0
}

.icon-alert.button-alert>.item>.theme-button:hover {
	color: #fff;
	background-color: #f50703
}

.theme-container.Telesatis .mBilgileri {
	background-color: #fcfaeb;
	border: 1px solid #c7c7c7;
	padding: 10px 5px;
	display: flex;
	position: relative;
	border-radius: 7px
}

.theme-container.Telesatis .mBilgileri::before {
	font-family: misszenne!important;
	position: absolute;
	right: 20px;
	font-size: 18px;
	top: 10px
}

.theme-container.Telesatis .mBilgileri>.item {
	flex: 1;
	text-align: center;
	border-right: 1px solid #c7c7c7
}

.theme-container.Telesatis .mBilgileri>.item:last-child {
	border: 0
}

.theme-container.Telesatis .mBilgileri>.item>.content {
	display: inline-block;
	text-align: left
}

.theme-container.Telesatis .mBilgileri>.item>.content>p {
	margin-bottom: 2px;
	font-weight: 600;
	font-size: 12px
}

.theme-container.Telesatis .mBilgileri>.item>.content>p>span {
	font-weight: 400
}

.theme-container.Telesatis .horizontal_list {
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap;
	width: 100%
}

.theme-container.Telesatis .horizontal_list>.item {
	display: inline-block;
	width: 168px;
	margin-right: 12px;
	vertical-align: middle
}

.theme-container.Telesatis .horizontal_list>.item:last-child {
	margin: 0
}

.theme-container.Telesatis .horizontal_list>.item .radiobox_area .radiobox-input+.radiobox-label {
	padding: 19px 12px 19px 11px
}

.theme-container.Telesatis .horizontal_list>.item .radiobox_area .edit-add {
	font-size: 10px;
	color: green;
	font-weight: 400;
	border-bottom: 1px solid;
	line-height: 13px;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 19px
}

.theme-container.Telesatis .horizontal_list>.item .radiobox_area .radiobox-input+.radiobox-label>.Head {
	padding-left: 27px;
	position: relative
}

.theme-container.Telesatis .horizontal_list>.item .radiobox_area {
	margin: 0;
	position: relative
}

.theme-container.Telesatis .horizontal_list.Cargo_list>.item {
	width: 200px;
	margin-bottom: 10px
}

.theme-container.Telesatis .horizontal_list.PayType_list .item {
	width: 226px;
	margin-bottom: 10px;
	display: inline-block
}

.theme-container.Telesatis .horizontal_list.PayType_list .radiobox_area .radiobox-input+.radiobox-label {
	min-height: initial
}

.theme-container.Telesatis .horizontal_list.PayType_list .radiobox_area .radiobox-input+.radiobox-label .Head {
	margin: 0
}

.theme-container.Telesatis .horizontal_list .item .radiobox_area.icon_pay::before {
	content: "";
	font-family: misszenne!important;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px
}

.theme-container.Telesatis .horizontal_list .item .radiobox_area.icon_pay.Cc_icon::before {
	content: "\ea71"
}

.theme-container.Telesatis .horizontal_list .item .radiobox_area.icon_pay.Ko_icon::before {
	content: "\eabb"
}

.theme-container.Telesatis .horizontal_list .item .radiobox_area.icon_pay.He_icon::before {
	content: "\eabc"
}

.theme-container.Telesatis .horizontal_list.PayType_list .radiobox_area .radiobox-input+.radiobox-label.ccSelect {
	padding: 4px 12px 6px 11px
}

.radiobox_area .radiobox-input+.radiobox-label.ccSelect::before,.radiobox_area .radiobox-input+.radiobox-label.ccSelect::after {
	top: 8px
}

.radiobox_area .radiobox-input:checked+.radiobox-label.ccSelect::after {
	top: 14px
}

.theme-container.Telesatis .horizontal_list>.item .radiobox_area .radiobox-input+.radiobox-label.ccSelect>.Head {
	margin-bottom: 0
}

.theme-container.Telesatis .balancePa {
	background-color: #ccc;
	pointer-events: none
}

.teleTaksitList {
	text-align: center
}

.teleTaksitList>.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
}

.teleTaksitList>.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
}

.teleTaksitList>.BankLogo {
	text-align: center;
	margin: 0
}

.teleTaksitList>.BankLogo>img {
	display: inline-block
}

.teleTaksitList>.BankName {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
	color: #848484
}

.teleTaksitList>.Alert.L-alert {
	padding: 0;
	padding-left: 40px
}

.teleTaksitList>.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
}

.teleTaksitList>.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
}

.teleTaksitList>.OptionList td .OptionRadio {
	text-align: left
}

.teleTaksitList>.OptionList {
	width: 100%;
	text-align: center;
	max-width: 340px;
	margin: 15px auto
}

.teleTaksitList>.OptionList td {
	padding: 10px 5px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 12px
}

.teleTaksitList>.OptionList th {
	padding: 10px 5px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 12px
}

.teleTaksitList>.OptionList th:first-child {
	text-align: left
}

.teleTaksitList>.OptionList td .OptionRadio input[type=radio] {
	position: absolute;
	opacity: 0
}

.teleTaksitList>.OptionList td .OptionRadio input[type=radio]+.radio-label:before {
	content: '';
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	position: relative;
	top: -.2em;
	margin-right: 6px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease
}

.teleTaksitList>.OptionList td .OptionRadio input[type=radio]:checked+.radio-label:before {
	background-color: #ff7d01;
	-webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
	box-shadow: inset 0 0 0 4px #f4f4f4
}

.teleTaksitList>.OptionList td .OptionRadio input[type=radio]+.radio-label .Bonus {
	color: #00a49f;
	position: relative;
	padding-right: 22px
}

.teleTaksitList>.OptionList td .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%)
}

.TeleCoupon>.EnterCoupon {
	width: 100%;
	text-align: center;
	margin-bottom: 20px
}

.TeleCoupon>.EnterCoupon .form-group {
	display: inline-block;
	width: 100%;
	max-width: 400px;
	position: relative;
	margin-bottom: 13px
}

.TeleCoupon>.EnterCoupon .form-group input {
	width: 100%;
	padding: 0 12px;
	color: #9f9f9f;
	text-transform: uppercase;
	border: 1px solid #c6c6c6;
	font-size: 14px;
	height: 45px;
	padding-right: 135px;
	padding-top: 13px
}

.TeleCoupon>.EnterCoupon .form-group input:focus {
	outline: none
}

.TeleCoupon>.EnterCoupon .form-group label {
	color: #9f9f9f;
	font-size: 12px;
	font-weight: 400;
	position: absolute;
	pointer-events: none;
	left: 12px;
	top: 50%;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all;
	transform: translateY(-50%);
	font-weight: 600
}

.TeleCoupon>.EnterCoupon .form-group input:focus~label,.TeleCoupon>.EnterCoupon .form-group input:valid~label {
	top: 11px;
	font-size: 10px
}

.TeleCoupon>.EnterCoupon .form-group button {
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	background-color: #ff7d01;
	border: 0;
	color: #fff;
	width: 130px;
	text-transform: uppercase;
	font-weight: 700
}

.TeleCoupon>.EnterCoupon .Alert {
	font-size: 12px;
	font-weight: 500;
	color: #ff2e2e
}

.TeleCoupon>.EnterCoupon .Alert.OK {
	color: #15d015
}

.TeleCoupon>.DefinedCoupons::-webkit-scrollbar {
	width: 6px
}

.TeleCoupon>.DefinedCoupons::-webkit-scrollbar-thumb {
	background: rgba(255,125,1,.18)
}

.TeleCoupon>.DefinedCoupons::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,125,1,.18)
}

.TeleCoupon>.DefinedCoupons .CouponItem {
	position: relative;
	border-bottom: 1px solid #ebebeb
}

.TeleCoupon>.DefinedCoupons .CouponItem .Coupon-radio {
	position: absolute;
	opacity: 0
}

.TeleCoupon>.DefinedCoupons .CouponItem .CouponItem-label {
	display: block;
	position: relative;
	font-size: 12px;
	font-weight: 500;
	padding: 20px;
	padding-left: 32px
}

.TeleCoupon>.DefinedCoupons .CouponItem .Coupon-radio+.CouponItem-label:before {
	content: '';
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 23px;
	left: 0;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease
}

.TeleCoupon>.DefinedCoupons .CouponItem .Coupon-radio:checked+.CouponItem-label:before {
	background-color: #ff7d01;
	-webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
	box-shadow: inset 0 0 0 4px #f4f4f4
}

.TeleCoupon>.DefinedCoupons .CouponItem .Coupon-radio:checked+.CouponItem-label .CouponCode {
	border-color: #ff7d01
}

.TeleCoupon>.DefinedCoupons .CouponItem .Coupon-radio:disabled+.CouponItem-label:before {
	display: none
}

.TeleCoupon>.DefinedCoupons .CouponItem .Coupon-radio:disabled+.CouponItem-label {
	background-color: #f7f7f7
}

.TeleCoupon>.DefinedCoupons .CouponItem .Coupon-radio+.CouponItem-label:empty:before {
	margin-right: 0
}

.TeleCoupon>.DefinedCoupons .CouponItem .CouponCode {
	color: #434343;
	font-size: 12px;
	padding: 7px 45px;
	border: 1px dashed #434343;
	display: inline-block
}

.TeleCoupon>.DefinedCoupons .CouponItem .CouponInfo {
	margin-top: 8px;
	line-height: 17px
}

.TeleCoupon>.DefinedCoupons .CouponItem .Alert {
	margin-top: 7px;
	color: #898989
}

.TeleCoupon>.DefinedCoupons .CouponItem .Alert>.Link {
	color: #ff7d01
}

.TeleCoupon .Title {
	float: none
}

.dashboard-link-column {
	display: flex
}

.dashboard-link-column .dashboard-link-list {
	flex: 1;
	padding: 0 10px;
	border-right: 1px solid #eee
}

.dashboard-link-column .dashboard-link-list:last-child {
	border: 0
}

.dashboard-link-column .dashboard-link-list>.item {
	display: block;
	padding: 10px 50px 10px 18px;
	border-bottom: 1px solid #cbd7e2;
	position: relative;
	color: #000;
	font-size: 14px
}

.dashboard-link-column .dashboard-link-list>.item:last-child {
	border-bottom: 0
}

.dashboard-link-column .dashboard-link-list>.item::before {
	content: "\e96f";
	font-family: misszenne!important;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 11px;
	color: #909090
}

.dashboard-link-list>.item .item-count {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 11px;
	color: #fff;
	font-weight: 700;
	padding: 0 7px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 20px;
	line-height: 20px
}

.dashboard-link-list>.item .item-count::after {
	content: "";
	right: 100%;
	top: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-width: 10px;
	margin-top: -10px
}

.dashboard-link-list>.item .item-count.item_red {
	background-color: #bbc3cb;
	color: #000
}

.dashboard-link-list>.item .item-count.item_red::after {
	border-right-color: #bbc3cb
}

.dashboard-link-list>.item .item-count.item_orange {
	background-color: #f9b954
}

.dashboard-link-list>.item .item-count.item_orange::after {
	border-right-color: #f9b954
}

.dashboard-link-list>.item .item-count.item_green {
	background-color: #4aca85
}

.dashboard-link-list>.item .item-count.item_green::after {
	border-right-color: #4aca85
}

.dashboard-link-list>.item .item-count.item_blue {
	background-color: #50bae2
}

.dashboard-link-list>.item .item-count.item_blue::after {
	border-right-color: #50bae2
}

.dashboard-area {
	display: flex;
	height: 285px;
	overflow-y: auto
}

.dashboard-area .dashboard-column {
	flex: 1;
	padding: 0 15px
}

.dashboard-area .dashboard-column>.dashboard-item {
	display: flex;
	align-items: center;
	padding: 8px 0 8px 20px;
	border-bottom: 1px solid #dcdcdc;
	position: relative
}

.dashboard-area .dashboard-column>.dashboard-item:last-child {
	border: 0
}

.dashboard-area .dashboard-column>.dashboard-item::before {
	content: "\e96f";
	font-family: misszenne!important;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 11px;
	color: #909090
}

.dashboard-area .dashboard-column>.dashboard-item>.item.colored {
	color: red;
	font-weight: 600
}

.dashboard-area .dashboard-column>.dashboard-item>.item:first-child {
	flex: 1
}

.dashboard-area .dashboard-column>.dashboard-item>.item>.theme-button {
	margin: 0;
	border-radius: 0;
	height: 23px;
	line-height: 21px
}

.dashboard-area .licence-chart {
	margin-left: 20px;
	border-left: 1px solid #eee;
	padding: 20px
}

.dashboard-area .licence-chart svg.radial-progress {
	height: auto;
	max-width: 200px;
	padding: 1em;
	transform: rotate(-90deg);
	width: 100%
}

.dashboard-area .licence-chart svg.radial-progress circle {
	fill: transparent;
	stroke: #8cc152;
	stroke-dashoffset: 219.91148575129;
	stroke-width: 3px
}

.dashboard-area .licence-chart svg.radial-progress circle.incomplete {
	opacity: .25;
	stroke: #e8eff0
}

.dashboard-area .licence-chart svg.radial-progress circle.complete {
	stroke-dasharray: 219.91148575129
}

.dashboard-area .licence-chart svg.radial-progress text.percentage {
	fill: #555;
	font-size: 14px;
	text-anchor: middle;
	font-weight: 600
}

.dashboard-area .licence-chart svg.radial-progress text.percentage2 {
	fill: #a5a5a5;
	font-size: 6px;
	text-anchor: middle
}

@media only screen and (max-width: 768px) {
	.dashboard-area {
		 flex-direction:column
	}
}

.content-wrapper>.packet-title {
	color: #314c62;
	font-weight: 600;
	text-align: center;
	padding: 8px;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	margin: 10px
}

.content-wrapper>.packet-content {
	padding: 0 10px;
	margin-bottom: 10px
}

.content-wrapper>.packet-content>.Left_area {
	display: flex
}

.content-wrapper>.packet-content>.Left_area>.column {
	flex: 1;
	background-color: #eef1f7;
	margin-right: 10px;
	text-align: center;
	border-radius: 7px;
	padding: 35px 5px 5px;
	border: 1px solid transparent
}

.content-wrapper>.packet-content>.Left_area>.column>.id-num {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	margin: 0 auto
}

.content-wrapper>.packet-content>.Left_area>.column>.c-img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 20px;
	overflow: hidden
}

.content-wrapper>.packet-content>.Left_area>.column>.c {
	color: #1c3b55;
	font-size: 14px;
	font-weight: 600
}

.content-wrapper>.packet-content>.Left_area>.column>.c>.link {
	color: red;
	display: block;
	cursor: pointer
}

.content-wrapper>.packet-content>.Left_area>.column>.c>.file-upload {
	position: relative;
	overflow: hidden;
	margin: 0;
	display: block
}

.content-wrapper>.packet-content>.Left_area>.column>.c>.file-upload>input {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	cursor: pointer
}

.content-wrapper>.packet-content>.Left_area>.column>.c>.file-upload .file-upload_button {
	display: block
}

.content-wrapper>.packet-content>.Left_area>.column>.c-title {
	font-size: 16px;
	font-weight: 700;
	color: #1c3b55
}

.content-wrapper>.packet-content>.Left_area>.column>.c-check {
	text-align: center;
	position: relative;
	height: 30px;
	margin-top: 50px
}

.content-wrapper>.packet-content>.Left_area>.column>.c-check::before {
	content: "";
	width: 30px;
	height: 30px;
	background-color: #fff;
	position: absolute;
	border-radius: 50%;
	left: 50%;
	transform: translateX(-50%)
}

.content-wrapper>.packet-content>.Left_area>.column>.c-check::after {
	content: "\ea6e";
	font-family: misszenne!important;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 5px;
	color: #eef1f7
}

.content-wrapper>.packet-content>.Left_area>.column>.c-check.c-checked::before {
	background-color: #59a500
}

.content-wrapper>.packet-content>.Left_area>.column>.c-check.c-checked::after {
	color: #fff
}

.content-wrapper>.packet-content>.Left_area>.column.column1 {
	flex: inherit;
	width: 105px
}

.content-wrapper>.packet-content>.Left_area>.column.column1>.c-check::before {
	border: 4px solid #d4d4d4;
	background-color: #fff
}

.content-wrapper>.packet-content>.Left_area>.column.column1>.c-check::after {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #d4d4d4;
	top: 9px
}

.content-wrapper>.packet-content>.Left_area>.column.column1>.c-check.c-checked::before {
	border-color: #1c3b55
}

.content-wrapper>.packet-content>.Left_area>.column.column1>.c-check.c-checked::after {
	background-color: #1c3b55
}

.content-wrapper>.packet-content>.Left_area>.column.column-last {
	margin: 0;
	color: #828282;
	border-color: #e2e2e2;
	background-color: #fff;
	padding: 15px 10px;
	flex: inherit;
	width: 135px
}

.content-wrapper>.packet-content>.Left_area>.column.column-last>.item {
	position: relative;
	text-align: left;
	padding-left: 23px;
	margin: 16px 0
}

.content-wrapper>.packet-content>.Left_area>.column.column-last>.item>.Icon {
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 18px
}

.content-wrapper>.packet-content>.Left_area>.column.column-last>.item>span {
	display: block;
	font-weight: 600
}

.content-wrapper>.packet-content>.Left_area>.column.column-last>.item>span:nth-child(2) {
	font-weight: 100
}

.content-wrapper>.packet-content .Box {
	text-align: center;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	padding: 23px 10px 7px;
	color: #1c3b55;
	margin-top: 16px;
	border-radius: 8px;
	cursor: pointer;
	transition: .3s
}

.content-wrapper>.packet-content .Box.Odd {
	background-color: #eef1f7
}

.content-wrapper>.packet-content .Box:hover {
	background-color: #f3f3f3
}

.content-wrapper>.packet-content .Box>.Icon {
	font-size: 30px;
	height: 30px;
	margin-bottom: 13px
}

.content-wrapper>.packet-content .Box>.T {
	font-size: 12px;
	font-weight: 600;
	height: 40px
}

.content-wrapper>.packet-content .Box>.Date {
	font-size: 11px;
	color: #bdbdbd
}

@media only screen and (max-width: 768px) {
	.content-wrapper>.packet-content>.Left_area {
		 overflow:auto
	}
}

.RightBox {
	transition: .3s
}

.filter-supply {
	margin: 10px 0 20px
}

.filter-supply>.supply_filter-select {
	width: 100%;
	max-width: 210px;
	display: inline-block;
	margin-left: 10px
}

.filter-overlay {
	background: #00000082;
	z-index: 99;
	transition: all .3s;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none
}

.supply_filter_modal {
	position: fixed;
	left: -270px;
	top: 74px;
	bottom: 0;
	width: 264px;
	background-color: #fff;
	z-index: 999;
	transition: .3s
}

.supply_filter_modal.show {
	left: 40px
}

.supply_filter_modal>.filter-title {
	padding: 13px;
	background-color: #f1f1f1;
	margin-bottom: 10px
}

.supply_filter_modal>.Close {
	position: absolute;
	top: 7px;
	right: 10px;
	color: #307aff;
	width: 27px;
	height: 27px;
	text-align: center;
	font-size: 15px;
	font-family: sans-serif;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center
}

.supply_filter_modal>.filters-column {
	height: 100%;
	overflow-y: auto
}

.supply_filter_modal>.filters-column>a {
	display: block;
	padding: 12px 8px;
	padding-left: 34px;
	color: #000;
	position: relative
}

.supply_filter_modal>.filters-column>a:hover {
	background-color: #fbfbfb
}

.supply_filter_modal>.filters-column>a.active {
	color: #458cc8
}

.supply_filter_modal>.filters-column>a.active::before {
	content: "\ea6e";
	font-family: misszenne!important;
	position: absolute;
	left: 11px;
	font-size: 11px;
	top: 50%;
	transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
	.supply_filter_modal {
		 top:60px
	}

	.supply_filter_modal.show {
		 left: 0
	}
}

@media screen and (max-width: 1199px) {
	.mob-container .welcome {
		 margin:0
	}

	.mob-container .widgets .widget {
		 margin-top: 16px;
		 padding-left: 10px
	}

	.mob-container .filter_list .filter-item {
		 margin-top: 15px
	}
}

@media screen and (max-width: 767px) {
	.mob-container {
		 padding:0;
		 margin: 0;
		 padding-bottom: 60px
	}

	.mob-container .container-fluid {
		 padding: 0;
		 overflow-x: hidden
	}

	.mob-container .now_counting>.Text {
		 font-size: 14px
	}

	.mob-container .widgets .widget>.icon {
		 width: 40px;
		 height: 40px;
		 line-height: 40px;
		 font-size: 18px
	}

	.mob-container .content-wrapper>.title-area>.flex-column {
		 padding: 8px 15px
	}
}

.iade_select {
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 10px
}

.iade_select>.select_btn {
	background-color: #e6e6e6;
	text-align: center;
	color: #1e3d54;
	border-radius: 3px;
	padding: 9px 5px;
	margin-bottom: 11px;
	font-size: 12px;
	cursor: pointer
}

.iade_select>.select_btn:last-child {
	margin: 0
}

.iade_select>.select_btn.active {
	background-color: #ff7c00;
	color: #fff
}

#musteriden_gelen_content {
	display: none
}

.onlineSuccess {
	text-align: center;
	padding: 50px
}

.onlineSuccess>.Icon {
	font-size: 84px;
	color: #5fb761;
	margin-bottom: 8px
}

.onlineSuccess>.Txt {
	color: #5fb761;
	font-weight: 700;
	font-size: 28px
}

.onlineSuccess>.s-Txt {
	color: #5fb761
}

.onlineSuccess>.Detail {
	text-align: left;
	display: inline-block;
	max-width: 360px;
	margin: 40px 0
}

.onlineSuccess>.Detail>p {
	font-size: 14px;
	color: #828282;
	font-weight: 100
}

.onlineSuccess>.Detail>p>span {
	color: #000;
	font-weight: 400
}

.onlineSuccess>.Control>.theme-button {
	margin: 0 7px
}

@media only screen and (max-width: 991px) {
	.SearchBox .nav-logo {
		 display:none
	}
}

@media only screen and (max-width: 768px) {
	.Btn.NewCall,.Btn.OldchangeUser,.UserBulletin span {
		 height:45px;
		 line-height: 45px
	}

	.SearchBox {
		 margin-left: 49px;
		 height: 45px
	}

	.SearchBox select {
		 margin: 6px 10px
	}

	.SearchBox input {
		 margin: 6px 0
	}

	.UserBox {
		 height: 45px;
		 margin: 0 12px 0 0
	}

	.UserMyNav {
		 height: 45px
	}

	.UserMyNav span {
		 height: 44px;
		 line-height: 44px
	}

	.UserBox .Profil {
		 width: 33px;
		 height: 33px;
		 margin-left: 7px;
		 top: calc(50% - 2px)
	}

	.UserBox .Profil i {
		 line-height: 33px;
		 font-size: 14px
	}
}

@media only screen and (max-width: 625px) {
	.SearchBox .Search-area,.SearchBox select {
		 display:none
	}

	.UserBox .FirmList {
		 display: flex;
		 margin-top: -3px
	}

	.UserBox .FirmList .Firm {
		 height: 18px;
		 line-height: 16px;
		 overflow: hidden;
		 margin-right: 5px
	}
}

@media only screen and (max-width: 575px) {
	.UserBox .Name,.UserBox .Profil:after {
		 font-size:14px
	}

	.UserBox {
		 margin: 0;
		 padding-left: 48px
	}

	.SearchBox .Search-area {
		 margin-right: 11px
	}

	.UserMyNav span {
		 padding: 0 8px
	}

	.mob-container .filter_list .filter-item {
		 margin-top: 10px
	}

	.filter-radio:not(:checked)+.filter-label:before,.filter-radio:checked+.filter-label:before {
		 width: 13px;
		 height: 13px;
		 top: 7px
	}

	.filter-radio:not(:checked)+.filter-label:after,.filter-radio:checked+.filter-label:after {
		 top: 11px;
		 left: 3px;
		 font-size: 8px
	}

	.filter-radio:not(:checked)+.filter-label,.filter-radio:checked+.filter-label {
		 padding-left: 17px;
		 padding-top: 4px;
		 padding-bottom: 2px;
		 font-size: 14px
	}

	.SearchBox select {
		 margin: 6px 4px
	}

	.UserBulletin span {
		 padding: 0 10px
	}

	.SearchBox select {
		 padding: 0 19px 0 8px
	}
}

.SearchBox .search-company-select {
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -60px;
	background-color: #fff;
	transition: all .2s
}

.SearchBox:hover .search-company-select {
	margin-top: 0;
	transition-delay: 2s
}

.SearchBox .search-company-select .company-logo {
	display: inline-block;
	padding: 0 30px
}

.SearchBox .search-company-select .company-logo>a {
	display: block
}

section.Faq .faq-container {
	padding: 20px;
	background-color: #fff
}

section.Faq .faq-container .faqAlert {
	text-align: center;
	padding: 10px;
	color: #d0d0d0;
	display: none
}

section.Faq .faq-container .faqSearch {
	position: relative;
	margin-bottom: 20px
}

section.Faq .faq-container .faqSearch>input {
	width: 100%;
	padding: 17px;
	border: 1px solid #eee;
	background-color: #fdfdfd;
	border-radius: 60px
}

section.Faq .faq-container .faqSearch>.Icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 26px;
	right: 30px;
	color: #d4d4d4
}

section.Faq .faq-container .theme-accordion .accordion-item {
	margin-bottom: 10px
}

section.Ticket .ticketNav>.ticketBtn {
	display: block;
	padding: 8px;
	text-align: center;
	background-color: #3596f3;
	color: #fff
}

section.Ticket .ticketNav>.Link {
	display: block;
	position: relative;
	padding: 12px 0;
	border-bottom: 1px solid #eee
}

section.Ticket .ticketNav>.Link:last-child {
	border: 0
}

section.Ticket .ticketNav>.Link>span {
	position: absolute;
	right: 0;
	background-color: #7d97b0;
	color: #fff;
	width: 20px;
	text-align: center;
	font-size: 10px;
	height: 20px;
	line-height: 20px
}

section.Ticket .ticketTable {
	width: 100%
}

section.Ticket .ticketTable tr:nth-child(+2n) {
	background-color: transparent
}

section.Ticket .ticketTable th,section.Ticket .ticketTable td {
	padding: 9px 6px;
	border-bottom: 1px solid #eee;
	font-size: 12px
}

section.Ticket .ticketTable tr:last-child td {
	border: 0
}

section.Ticket .ticketTable tr:hover td {
	background-color: #f9f9f9!important
}

section.Ticket .ticketTable .ticketStatus {
	color: #3596f3
}

section.Ticket .ticketTable .ticketStatus.step1 {
	color: green
}

section.Ticket .ticketTable .ticketStatus.step2 {
	color: red
}

section.Ticket .ticketChatArea {
	background-color: #eff7ff;
	border-top: 1px solid #cfe7ff
}

section.Ticket .ticketChatArea .ticketChat .column {
	margin-bottom: 20px
}

section.Ticket .ticketChatArea .ticketChat .column>.N {
	font-size: 12px;
	font-weight: 600;
	color: #000
}

section.Ticket .ticketChatArea .ticketChat .column>.N>span {
	display: inline-block;
	margin-right: 8px;
	border: 1px solid #3596f3;
	color: #3596f3;
	font-weight: 400;
	padding: 4px 10px;
	border-radius: 60px
}

section.Ticket .ticketChatArea .ticketChat .column>.Subject {
	background-color: #fff;
	padding: 15px 20px;
	font-size: 12px;
	margin-top: 18px;
	border-radius: 0 10px 10px 10px;
	position: relative;
	display: inline-block;
	max-width: 70%
}

section.Ticket .ticketChatArea .ticketChat .column>.Subject:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -8px;
	left: 17px
}

section.Ticket .ticketChatArea .ticketChat .column.Admin {
	text-align: right
}

section.Ticket .ticketChatArea .ticketChat .column.Admin>.N>span {
	margin-right: 0;
	margin-left: 8px
}

section.Ticket .ticketChatArea .ticketChat .column.Admin>.Subject {
	border-radius: 10px 0 10px 10px;
	text-align: left
}

section.Ticket .ticketChatArea .ticketChat .column.Admin>.Subject:after {
	right: 17px;
	left: inherit
}

section.Ticket .ticketChatArea .ticketWrite {
	border-top: 1px solid #cae5ff
}

section.Ticket .ticketChatArea .ticketWrite textarea {
	width: 100%;
	resize: none;
	height: 95px;
	padding: 10px;
	font-size: 12px;
	border: 0
}

section.Ticket .ticketChatArea .ticketWrite .ticketControl {
	margin-top: 15px;
	text-align: right
}

section.Ticket .ticketChatArea .ticketWrite .ticketControl>button {
	background-color: #72ca72;
	padding: 10px 20px;
	font-size: 12px;
	color: #fff;
	border: 0;
	margin-left: 10px;
	transition: .3s
}

section.Ticket .ticketChatArea .ticketWrite .ticketControl>button:hover {
	filter: brightness(1.1)
}

section.Ticket .ticketChatArea .ticketWrite .ticketControl>.ticketSend {
	background-color: #3596f3
}

section.Ticket .ticketChatArea .closeAlert {
	margin-top: 30px;
	padding: 15px;
	text-align: center;
	background-color: #ffe9e9;
	border-radius: 60px;
	border: 1px solid #fdd;
	font-size: 12px
}

.InfoPop .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%
}

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

.InfoPop .Modal .Htm .Document {
	position: relative;
	outline: 0;
	margin: 10px auto 60px;
	border-radius: 4px;
	background: #fff;
	display: inline-block;
	padding: 0;
	width: 100%;
	padding: 20px;
	overflow: auto
}

.InfoPop .Modal .Htm .Document .Group {
	float: left;
	width: 100%
}

.InfoPop .Modal .Htm .Document .Group .GroupTitle {
	font-weight: 700;
	float: left;
	background: #f4f4f4;
	color: #000;
	width: 100%;
	text-indent: 10px;
	line-height: 38px;
	margin: 10px 0;
	text-align: left
}

.InfoPop .Modal .Htm .Document .Group .GroupSubTitle {
	text-align: left;
	background: #03a9f4;
	color: #fff;
	border-radius: 4px;
	padding: 2px 10px;
	display: table
}

.InfoPop .Modal .Htm .Document .Group .GroupList {
	float: left;
	width: 100%;
	padding-bottom: 5px
}

.Areaa {
	border: 1px solid #0001011f;
	background-color: #fff;
	margin-bottom: 6px;
	display: block
}

.Areaa .topBUTTON {
	float: left;
	width: 100%
}

.Areaa .FilterBox {
	float: right;
	position: absolute;
	right: 0;
	bottom: -21px;
	width: 25%;
	text-align: right
}

.Areaa .FilterBox .Btn {
	float: left;
	background: #eef2f6;
	border: 1px solid #ccc;
	color: #000;
	padding: 5px 30px;
	border-radius: 2px
}

.Areaa .FilterBox .Btn.FilterBtn {
	position: relative;
	float: none;
	display: -webkit-inline-box;
	margin: 0;
	border-bottom: 0
}

.Areaa .FilterBox .Btn.FilterBtn.Active {
	background-color: #fff
}

.Areaa .FilterBox .Btn.FilterBtn>i:last-child {
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 30px
}

#Sound {
	display: none
}

#Success_Screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #04cd0cc7;
	display: none
}

#Error_Screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ff0000c7;
	display: none
}

.Areaa.TotalProduct {
	border: 0;
	background-color: transparent;
	margin-bottom: 6px;
	margin: 30px 0 10px;
	color: #0d4f83
}

.Areaa .Title {
	position: relative;
	background: #fff!important;
	border-bottom: 1px solid #ccc!important;
	margin: auto;
	margin-bottom: 10px!important;
	width: calc(100% - 20px);
	padding: 14px 5px 5px 0;
	font-size: 14px;
	font-weight: 700
}

.Areaa .total {
	display: -webkit-inline-box
}

.Areaa .Btn {
	float: right;
	background: #ff9800;
	color: #fff;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
	margin-top: 20px
}

.Areaa .Btn.Update {
	padding: 4px 8px;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 12px;
	color: #3f748b;
	background: #00bcd417;
	border: 1px dashed #03a9f463;
	font-size: 12px;
	font-weight: 600
}

.Areaa .Btn.SubUpdate {
	padding: 4px 8px;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 12px;
	color: #c56344;
	background: #ff57221f;
	border: 1px dashed #ff57227a;
	font-size: 12px;
	font-weight: 600;
	margin-right: 10px
}

.Areaa.BlankPage {
	float: left;
	width: 100%;
	padding: 20px;
	background: #d9dee3;
	border: 1px solid #c0d0e1;
	border-radius: 2px
}

.Areaa .BlankPage {
	float: left;
	width: 100%
}

.Areaa .BlankPage .Icon {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 44px;
	color: #eef2f6
}

.Areaa .BlankPage .Text {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 40px
}

.Areaa .BlankPage .BtnList {
	float: left;
	width: 100%;
	text-align: center
}

.Areaa .BlankPage .BtnList .Btn {
	float: none;
	display: inline-block
}

.Areaa .row .BtnList {
	float: right;
	width: 19%
}

.Areaa .row .BtnList .Btn.AddProduct {
	float: right;
	background: #00bcd4;
	margin-top: 15px;
	margin-left: 10px
}

.Areaa .row .BtnList .Btn.CompleteControl {
	float: right;
	background: #f44336;
	margin-top: 15px;
	margin-left: 10px
}

.DayBox {
	float: left;
	width: 100%
}

.DayBox .Day {
	width: 10%;
	border: 0 solid #ccc;
	border-radius: 1px;
	background: #fff;
	box-shadow: 0 0 0 1px #e6e6e6;
	float: left
}

.DayBox .Day.out {
	color: red
}

.DayBox .Day.in {
	color: #22c728
}

.DayBox .Day span:nth-child(1) {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 25px;
	color: #000
}

.DayBox .Day span:nth-child(2) {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 18px
}

.DayBox .Day span:nth-child(3) {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 13px;
	line-height: 19px;
	padding-bottom: 5px;
	font-weight: 600;
	color: #000
}

.bgGreen {
	background: #33c239
}

.bgRed {
	background: #f10
}

.bgYellow {
	background: #ffe500
}

.bgGrey {
	background: #eef2f6
}

.bgBlue {
	background: #03a9f4
}

.bgOrange {
	background: #ff5722
}

.cWhite {
	color: #fff
}

.cBlack {
	color: #000
}

.staticBox {
	background: #e4e9ed52;
	display: -webkit-inline-box;
	width: 100%;
	border: 1px solid #e1e6eb;
	border-radius: 5px;
	overflow: hidden
}

.staticBoxLeft {
	width: 35%
}

.staticBoxLeft div {
	padding: 10px;
	text-align: center
}

.staticBoxLeft div i {
	line-height: 36px;
	font-size: 15px;
	color: #fff
}

.staticBoxLeft div span {
	font-size: 15px;
	line-height: 75px;
	color: #fff
}

.staticBoxRight {
	width: 65%;
	padding: 25px 10px
}

.staticBoxRight span:nth-child(1) {
	font-size: 18px;
	width: 100%;
	text-align: right;
	display: inline-block;
	font-weight: 700
}

.staticBoxRight span:nth-child(2) {
	font-size: 12px;
	width: 100%;
	text-align: right;
	display: inline-block
}

.staticBox2 {
	background: #e4e9ed52;
	display: -webkit-inline-box;
	width: 100%;
	border: 1px solid #e1e6eb;
	border-radius: 4px;
	overflow: hidden;
	text-align: left;
	padding: 15px
}

.staticBox2 span:nth-child(1) {
	font-size: 12px;
	width: 100%;
	display: inline-block;
	font-weight: 600
}

.staticBox2 span:nth-child(2) {
	font-size: 18px;
	width: 100%;
	display: inline-block;
	font-weight: 700
}

.staticBox2 span:nth-child(3) {
	font-size: 12px;
	width: 100%;
	display: inline-block;
	font-weight: 400
}

.staticBox2 div.Btn {
	font-size: 12px;
	width: 100%;
	display: inline-block;
	margin: 8px 0 0;
	color: #f43b00;
	font-weight: 600;
	cursor: pointer;
	background: 0 0;
	padding: 0
}

.staticBox3 {
	background: #e4e9ed52;
	display: -webkit-inline-box;
	width: 100%;
	border: 1px solid #e1e6eb;
	border-radius: 5px;
	overflow: hidden;
	margin: 10px 0;
	text-align: left;
	padding: 15px
}

.staticBox3 span:nth-child(1) {
	font-size: 12px;
	width: 100%;
	display: inline-block;
	font-weight: 600
}

.staticBox3 span:nth-child(2) {
	font-size: 18px;
	width: 100%;
	display: inline-block;
	font-weight: 700
}

.staticBox3 span:nth-child(3) {
	font-size: 12px;
	width: 100%;
	display: inline-block;
	font-weight: 400
}

.staticBox3 div.Btn {
	font-size: 12px;
	width: 100%;
	display: inline-block;
	margin: 8px 0 0;
	color: #f43b00;
	font-weight: 600;
	cursor: pointer;
	background: 0 0;
	padding: 0
}

.staticBox4 {
	background: #ffffff52;
	display: -webkit-inline-box;
	width: calc(50% - 5px);
	border: 1px solid #e1e6eb;
	border-radius: 0;
	overflow: hidden;
	text-align: left;
	padding: 15px
}

.staticBox4 span:nth-child(1) {
	font-size: 12px;
	width: 100%;
	display: inline-block;
	font-weight: 600
}

.staticBox4 span:nth-child(2) {
	font-size: 18px;
	width: 100%;
	display: inline-block;
	font-weight: 700
}

.staticBox5 {
	background: #ffffff52;
	display: -webkit-inline-box;
	width: 100%;
	border-radius: 0;
	overflow: hidden;
	text-align: left;
	padding: 15px;
	border-bottom: 1px solid #eef2f6
}

.staticBox5:last-child {
	border-bottom: 0
}

.staticBox5 .Icon {
	color: #fff;
	font-size: 26px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 40px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px
}

.staticBox5 .Info {
	font-size: 12px;
	width: calc(100% - 90px);
	display: inline-block
}

.staticBox5 .Info span:nth-child(1) {
	font-size: 13px;
	width: 100%;
	display: inline-block;
	font-weight: 700;
	margin-bottom: 5px
}

.staticBox5 .Info span:nth-child(2) {
	font-size: 13px;
	width: 100%;
	display: inline-block;
	font-weight: 400
}

.staticBox5 .Info div.Btn {
	font-size: 12px;
	width: 100%;
	display: inline-block;
	margin: 8px 0 0;
	color: #f43b00;
	font-weight: 600;
	cursor: pointer;
	background: 0 0;
	padding: 0
}

.staticBox6 {
	background: #eef2f661;
	display: -webkit-inline-box;
	width: 100%;
	border: 1px solid #e1e6eb;
	border-radius: 0;
	overflow: hidden;
	text-align: left;
	padding: 8px
}

.staticBox6 span:nth-child(1) {
	font-size: 16px;
	width: 100%;
	display: inline-block;
	font-weight: 700
}

.staticBox6 span:nth-child(2) {
	font-size: 12px;
	width: 100%;
	display: inline-block;
	font-weight: 400
}

.staticBox6 .Btn {
	font-size: 12px;
	width: 100%;
	display: inline-block;
	font-weight: 400;
	background: 0 0;
	color: #ff5722;
	padding: 0;
	margin-top: 5px
}

@media only screen and (max-width: 768px) {
	.staticBox {
		 margin-bottom:9px
	}

	.staticBox2 {
		 margin-bottom: 9px
	}

	.staticBox3 {
		 margin: 0
	}

	.staticBox4 {
		 display: block;
		 width: 100%;
		 margin-bottom: 9px
	}
}

.boxButton {
	background: #eef2f678;
	display: inline-table;
	border-radius: 0;
	overflow: hidden;
	padding: 12px;
	border: 1px solid #e7ebee;
	max-width: 140px;
	min-width: 140px;
	text-align: center;
	height: 80px;
	vertical-align: middle;
	cursor: pointer;
	display: none
}

.topBUTTON .Img {
	background: #eef2f678;
	display: inline-table;
	border-radius: 0;
	padding: 0;
	border: 1px solid #ff5722;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	position: relative
}

.topBUTTON .Img img {
	height: 78px
}

.topBUTTON .Img span {
	position: absolute;
	background: #ff5722;
	color: #fff;
	font-weight: 700;
	padding: 5px 10px;
	right: -140px;
	top: 10px;
	width: max-content
}

.topBUTTON .Count {
	float: right
}

.topBUTTON .Count div {
	background: #ffc107;
	display: inline-table;
	overflow: hidden;
	padding: 0;
	border: 1px solid #dca500;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	margin: -5px 5px 5px;
	border-radius: 5px
}

.topBUTTON .Count div span:nth-child(1) {
	float: left;
	width: 100%;
	text-align: center;
	font-weight: 700;
	font-size: 30px
}

.topBUTTON .Count div span:nth-child(2) {
	float: left;
	width: 100%;
	line-height: 22px
}

.boxButton:hover {
	opacity: .8
}

.boxButton.View {
	display: inline-table
}

.boxButton.Active {
	background: #2196f3;
	color: #fff
}

.boxButton span {
	display: table-cell;
	width: 100%;
	font-size: 12px;
	vertical-align: middle
}

.boxButtonBack {
	display: inline-table;
	border-radius: 0;
	overflow: hidden;
	padding: 12px;
	border: 1px solid #e7ebee;
	text-align: center;
	height: 80px;
	vertical-align: middle;
	cursor: pointer;
	background: #fff;
	max-width: 20px;
	min-width: 20px
}

.boxButtonBack .Icon {
	display: table-cell;
	width: 100%;
	font-size: 18px;
	vertical-align: middle
}

td.Success {
	position: relative;
	width: 200px
}

td.Success .iwo-293 {
	font-size: 32px;
	background: #26dc2d;
	color: #fff;
	border-radius: 46px
}

td.Success .iwo-108 {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 34px;
	width: 100%;
	height: 100%;
	line-height: 62px;
	font-size: 33px;
	background: 0 0;
	color: #8799aa
}

.inProduct {
	width: 100%;
	font-size: 14px;
	color: #209625
}

.inProduct i.Icon {
	font-size: 12px
}

.inDate {
	width: 100%;
	color: #444
}

.inDate .cancelCONTROL {
	color: #181818;
	font-size: 28px;
	border-radius: 27px;
	float: right;
	margin-top: -12px;
	padding: 4px;
	background: 0 0
}

.inCancel {
	width: fit-content;
	color: #fff;
	background: red;
	border-radius: 4px;
	text-indent: 0;
	padding: 4px 10px
}

.inTime {
	width: 100%
}

.inTime i.Icon {
	font-size: 18px;
	line-height: 40px;
	width: 20px;
	display: -webkit-inline-box;
	float: left
}

.inTime span:nth-child(1) {
	color: #fff
}

.inTime span:nth-child(2) {
	font-size: 14px;
	line-height: 20px;
	background: #38c33e;
	color: #fff;
	border-radius: 4px;
	padding: 3px 10px;
	margin: 8px;
	float: left
}

.inTime span:nth-child(3) {
	font-size: 14px;
	width: calc(100% - 40px);
	display: -webkit-inline-box;
	line-height: 10px;
	float: left;
	color: #38c33e;
	text-shadow: 0 1px 0 #9ada9d
}

.inTime.f1 span:nth-child(2) {
	font-size: 14px;
	line-height: 20px;
	background: #03a9f4;
	color: #fff;
	border-radius: 4px;
	padding: 3px 10px;
	margin: 8px;
	float: left
}

.inTime.f1 span:nth-child(3) {
	font-size: 14px;
	width: calc(100% - 40px);
	display: -webkit-inline-box;
	line-height: 10px;
	float: left;
	color: #03a9f4;
	text-shadow: 0 1px 0 #03a9f463
}

.inTime.f2 span:nth-child(2) {
	font-size: 14px;
	line-height: 20px;
	background: #f10;
	color: #fff;
	border-radius: 4px;
	padding: 3px 10px;
	margin: 8px;
	float: left
}

.inTime.f2 span:nth-child(3) {
	font-size: 14px;
	width: calc(100% - 40px);
	display: -webkit-inline-box;
	line-height: 10px;
	float: left;
	color: #f10;
	text-shadow: 0 1px 0 #ff11006b
}

.inTime.f3 span:nth-child(2) {
	font-size: 14px;
	line-height: 20px;
	background: #ff9800;
	color: #fff;
	border-radius: 4px;
	padding: 3px 10px;
	margin: 8px;
	float: left
}

.inTime.f3 span:nth-child(3) {
	font-size: 14px;
	width: calc(100% - 40px);
	display: -webkit-inline-box;
	line-height: 10px;
	float: left;
	color: #f10;
	text-shadow: 0 1px 0 #ff11006b
}

.productBox {
	color: #fff;
	display: -webkit-inline-box
}

.productBox img {
	color: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	width: 82px
}

.productBox .Info {
	color: #000;
	width: calc(100% - 120px)
}

.productBox .Info .Name {
	font-size: 14px;
	padding: 10px;
	font-weight: 700
}

.productBox .Info .extDetail {
	width: 100%;
	padding: 2px 10px;
	display: -webkit-inline-box;
	background: #ff000021;
	border: 1px dashed red;
	border-radius: 4px;
	margin-left: 10px;
	font-size: 12px;
	color: #c90000
}

.productBox .Info .Detail {
	width: 100%;
	padding: 10px;
	display: -webkit-inline-box
}

.productBox .Info .Detail .boxLeft {
	width: 300px;
	margin-right: 10px
}

.productBox .Info .Detail .boxLeft .boxDetail {
	width: 100%;
	display: -webkit-inline-box
}

.productBox .Info .Detail .boxLeft .boxDetail span:nth-child(1) {
	font-weight: 700;
	width: 30%;
	display: flex
}

.productBox .Info .Detail .boxLeft .boxDetail span:nth-child(2) {
	width: 70%;
	display: flex
}

.productBox .Info .Detail .boxRight {
	width: 250px
}

.productBox .Info .Detail .boxRight .boxDetail {
	width: 100%;
	display: -webkit-inline-box
}

.productBox .Info .Detail .boxRight .boxDetail span:nth-child(1) {
	font-weight: 700;
	width: 25%;
	display: flex
}

.productBox .Info .Detail .boxRight .boxDetail span:nth-child(2) {
	width: 75%;
	display: flex
}

.Btn.submitSupply {
	font-size: 14px;
	float: left;
	background: #00bcd4;
	color: #fff;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px 0 0 4px;
	margin: 0;
	width: 50%;
	text-align: center
}

.Btn.submitNonSupply {
	font-size: 14px;
	float: left;
	background: #f10;
	color: #fff;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 0 4px 4px 0;
	margin: 0;
	width: 50%;
	text-align: center
}

.Btn.submitReplySupply {
	font-size: 14px;
	float: left;
	background: #607d8b;
	color: #fff;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px;
	margin: auto 10%;
	width: 80%;
	text-align: center
}

.Btn.cancelOrder {
	font-size: 14px;
	float: left;
	background: red;
	color: #fff;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px;
	margin: auto 10%;
	width: 80%;
	text-align: center
}

.Areaa .Pagination {
	margin: 5px 0
}

.Btn.submitDelete {
	font-size: 14px;
	float: left;
	background: #f10;
	color: #fff;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px;
	margin: 0;
	width: 100%;
	text-align: center
}

.Btn.submitView {
	font-size: 14px;
	float: left;
	background: #eef2f6;
	color: #161616;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px 0 0 4px;
	margin: 0;
	width: 50%;
	text-align: center
}

.Btn.submitProductView {
	font-size: 14px;
	float: left;
	background: #eef2f6;
	color: #161616;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px 0 0 4px;
	margin: 0;
	width: 100%;
	text-align: center
}

.Btn.submitProductControl {
	font-size: 14px;
	float: left;
	background: #ffc107;
	color: #161616;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px 0 0 4px;
	margin: 0;
	width: 100%;
	text-align: center
}

.Btn.submitCargo {
	font-size: 14px;
	float: left;
	background: #4caf50;
	color: #fff;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 0 4px 4px 0;
	margin: 0;
	width: 50%;
	text-align: center
}

.Btn.submitEditCargo {
	font-size: 14px;
	float: left;
	background: #4caf50;
	color: #fff;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 0 4px 4px 0;
	margin: 0;
	width: 50%;
	text-align: center
}

.Btn.Default {
	font-size: 14px;
	float: left;
	background: #eef2f6!important;
	color: #758494!important;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 0 4px 4px 0;
	margin: 0;
	width: 100%;
	text-align: center
}

.Btn.BtnReplySupply {
	font-size: 14px;
	float: left;
	background: #ffc107;
	color: #161616;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px 0 0 4px;
	margin: 0;
	width: 100%;
	text-align: center
}

.Btn.cancelCONTROL {
	font-size: 14px;
	float: left;
	background: #f10;
	color: #fff;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px;
	margin: 0;
	width: 74%;
	text-align: center
}

.Btn.submitProductSync {
	font-size: 14px;
	float: left;
	background: #f10;
	color: #fff;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px;
	margin: 0;
	width: 100%;
	text-align: center
}

.Btn.Request {
	background: #eef2f6;
	color: #000;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px;
	margin: 0;
	width: 100%;
	text-align: center;
	height: 100%
}

.Btn.submitSevk {
	font-size: 14px;
	float: left;
	background: #00bcd4;
	color: #fff;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px 0 0 4px;
	margin: 0;
	width: 50%;
	text-align: center
}

.Btn.subCATEGORY {
	font-size: 14px;
	float: right;
	background: #27585e;
	color: #fff;
	font-weight: 400;
	padding: 2px 12px;
	border-radius: 3px;
	margin: 0;
	text-align: right
}

.Btn.btnSync {
	font-size: 14px;
	float: right;
	background: #27585e;
	color: #fff;
	font-weight: 400;
	padding: 2px 12px;
	border-radius: 3px;
	margin: 0;
	text-align: right
}

.Btn.Edit {
	font-size: 14px;
	float: right;
	background: #27585e;
	color: #fff;
	font-weight: 400;
	padding: 2px 12px;
	border-radius: 3px;
	margin: 0;
	text-align: right
}

.Btn.removeList {
	font-size: 14px;
	float: right;
	background: #63c;
	color: #fff;
	font-weight: 400;
	padding: 2px 12px;
	border-radius: 3px;
	margin: 0;
	text-align: right
}

.Btn.viewProdremoveListuct {
	font-size: 14px;
	float: left;
	background: #eef2f6;
	color: #161616;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 4px 0 0 4px;
	margin: 0;
	width: 50%;
	text-align: center
}

.Btn.viewCargo {
	font-size: 14px;
	float: left;
	background: #4caf50;
	color: #fff;
	font-weight: 400;
	padding: 10px 0;
	border-radius: 0 4px 4px 0;
	margin: 0;
	width: 50%;
	text-align: center
}

.singlePay {
	padding-top: 57px;
	max-width: 575px
}

.singlePay .pb0 {
	padding-bottom: 0
}

.singlePay .pay-head {
	max-width: 575px;
	position: relative;
	box-shadow: 0 1px 1px 0 rgba(147,147,147,.5);
	border-bottom: 1px solid rgba(147,147,147,.5);
	background-color: #fff;
	margin-bottom: 15px;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 2;
	padding: 11px
}

.singlePay .pay-head>img {
	position: absolute;
	right: 14px;
	max-width: 50px;
	top: 5px
}

.singlePay .pay-content {
	box-shadow: 0 1px 1px 0 rgba(147,147,147,.5);
	border-bottom: 1px solid rgba(147,147,147,.5);
	background-color: #fff;
	margin: 0 10px
}

.singlePay .pay-content .content-head {
	color: #ff7d01;
	padding: 15px 14px;
	font-weight: 600;
	position: relative;
	display: flex;
	border-bottom: 1px solid #eee;
	margin-bottom: 12px;
	position: relative;
	left: -7px;
	width: calc(100% + 14px)
}

.singlePay .pay-content .FormElements {
	margin-bottom: 15px
}

.singlePay .pay-content .FormElements.mb0 {
	margin-bottom: 0
}

.singlePay .pay-content .FormElements>label {
	display: inline-block;
	font-size: 12px;
	margin-bottom: 7px
}

.singlePay .pay-content .FormElements>label>.What {
	color: #04a703;
	font-size: 10px;
	font-weight: 500;
	cursor: pointer
}

.singlePay .pay-content .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
}

.singlePay .pay-content .FormElements>label>.What:hover>.WhatBox {
	opacity: 1;
	visibility: visible
}

.singlePay .pay-content .FormElements>select {
	background: url(/Library/Theme_v2/img/select-icon.png) no-repeat 95% 50%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.singlePay .pay-content .FormElements>input,.singlePay .pay-content .FormElements>select {
	width: 100%;
	padding: 6px;
	border: 1px solid #e6e6e6;
	background-color: #f9f9f9;
	border-radius: 3px;
	padding: 8px;
	height: 36px
}

.singlePay .pay-content .PaymentOption {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px
}

.singlePay .pay-content .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
}

.singlePay .pay-content .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
}

.singlePay .pay-content .PaymentOption>.BankLogo {
	text-align: center;
	margin: 0
}

.singlePay .pay-content .PaymentOption>.BankLogo>img {
	display: inline-block
}

.singlePay .pay-content .PaymentOption>.BankName {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
	color: #848484
}

.singlePay .pay-content .PaymentOption>.Alert.L-alert {
	padding: 0;
	padding-left: 40px
}

.singlePay .pay-content .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
}

.singlePay .pay-content .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
}

.singlePay .pay-content .PaymentOption>.OptionList {
	width: 100%;
	text-align: center;
	max-width: 340px;
	margin: 15px auto
}

.singlePay .pay-content .PaymentOption>.OptionList td {
	padding: 10px 5px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 12px
}

.singlePay .pay-content .PaymentOption>.OptionList th {
	padding: 10px 5px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 12px
}

.singlePay .pay-content .PaymentOption>.OptionList th:first-child {
	text-align: left
}

.singlePay .pay-content .PaymentOption>.OptionList td .OptionRadio {
	text-align: left
}

.singlePay .pay-content .PaymentOption>.OptionList td .OptionRadio input[type=radio] {
	position: absolute;
	opacity: 0
}

.singlePay .pay-content .PaymentOption>.OptionList td .OptionRadio input[type=radio]+.radio-label:before {
	content: '';
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	position: relative;
	top: -.2em;
	margin-right: 6px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease
}

.singlePay .pay-content .PaymentOption>.OptionList td .OptionRadio input[type=radio]:checked+.radio-label:before {
	background-color: #ff7d01;
	-webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
	box-shadow: inset 0 0 0 4px #f4f4f4
}

.singlePay .pay-content .PaymentOption>.OptionList td .OptionRadio input[type=radio]+.radio-label .Bonus {
	color: #00a49f;
	position: relative;
	padding-right: 22px
}

.singlePay .pay-content .PaymentOption>.OptionList td .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%)
}

.singlePay .payBtn {
	display: block;
	text-align: center;
	padding: 13px 10px;
	border: 1px solid #444;
	color: #444;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 14px;
	position: relative;
	background-color: #ff7d01;
	color: #fff;
	border-color: #ff7d01;
	margin: 10px
}

.singlePay .Addition {
	box-shadow: 0 1px 1px 0 rgba(147,147,147,.5);
	border-bottom: 1px solid rgba(147,147,147,.5);
	background-color: #fff;
	margin: 10px 10px 0
}

.singlePay .Addition h2 {
	margin: 0;
	padding: 14px;
	font-size: 16px
}

.singlePay .Addition .AddItem {
	display: flex;
	padding: 0 15px;
	margin-bottom: 12px
}

.singlePay .Addition .AddItem .L {
	flex: 1
}

.singlePay .Addition .AddItem .R {
	flex: 1;
	text-align: right
}

.singlePay .Addition .AddItem:last-child {
	margin-bottom: 0
}

.singlePay .Addition .AddItem.TotalPrice {
	display: flex;
	padding: 15px;
	background-color: #fafafa;
	border-top: 1px solid #eee;
	font-weight: 600
}

.payResult {
	padding: 30px;
	text-align: center;
	background-color: #fff;
	margin-bottom: 15px;
	max-width: 575px
}

.payResult .Icon {
	font-size: 60px;
	color: #4cb25a
}

.payResult .resultTxt {
	font-size: 24px;
	color: #63bd72
}

.payResult .resultTxt_s {
	color: #4cb25aa6;
	font-size: 16px;
	margin-top: 2px;
	margin-bottom: 30px
}

.payResult .BackBtn {
	display: block;
	width: 100%;
	max-width: 160px;
	background-color: #4cb25a;
	color: #fff;
	padding: 10px;
	margin: 40px auto 0
}

.payResult .result_info {
	text-align: left;
	display: flex;
	max-width: 280px;
	margin: 0 auto 7px;
	font-size: 13px
}

.payResult .result_info>.item.L {
	width: 110px
}

.payResult.payError .Icon {
	color: #ff4141
}

.payResult.payError .resultTxt {
	color: #ff4141
}

.payResult.payError .resultTxt_s {
	color: #ff4141ab
}

.payResult.payError .BackBtn {
	background-color: #f64142
}

.outBond {
	position: fixed;
	bottom: 20px;
	z-index: 4;
	background: #fff;
	padding: 15px;
	border-radius: 4px;
	box-shadow: 0 0 16px -10px #000;
	width: 490px;
	overflow: hidden;
	transition: .7s
}

.outBond.Close {
	left: -460px;
	transition: .7s
}

.outBond.Open {
	left: 0
}

.outBond .Close,.outBond .Open {
	float: right;
	background: #ff5722;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	text-align: center;
	height: 100%;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	align-items: center;
	justify-content: center
}

.outBond .Close {
	font-size: 16px
}

.outBond.Close .Close {
	display: none
}

.outBond.Close .Open {
	display: flex
}

.outBond.Open .Open {
	display: none
}

.outBond.Open .Close {
	display: flex
}

.outBond .Document {
	float: left;
	width: calc(100% - 31px)
}

.outBond .Document span:nth-child(1) {
	float: left;
	width: 100%;
	font-weight: 700;
	color: #000
}

.outBond .Document span:nth-child(2) {
	float: left;
	width: 100%;
	font-size: 13px
}

.outBond .Document span:nth-child(3) {
	float: left;
	width: 100%;
	font-size: 13px
}

.outBond .Document .BtnList {
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 4px;
	padding: 0;
	margin-top: 5px
}

.outBond .Document .BtnList .Btn {
	float: left;
	width: calc(50% - 10px);
	border: 1px solid #d0d0d0;
	padding: 4px 10px;
	text-align: center;
	background: #fff;
	color: #616161;
	border-radius: 4px;
	margin-left: 0;
	cursor: pointer;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 13px
}

.outBond .Document .BtnList .Btn:hover {
	background-color: #d0d0d0
}

.outBond .Document .BtnList .Btn.Icon {
	float: left;
	width: calc(33.33% - 7px);
	border: 1px solid #000;
	padding: 4px 10px;
	text-align: center;
	margin: 0 5px;
	background: #fff;
	color: #000;
	border-radius: 4px;
	margin-left: 0;
	cursor: pointer
}

@media only screen and (max-width: 768px) {
	.PageView .content-wrapper .Grid-Menu .location-list-mobile-container {
		 display:flex;
		 flex-direction: column;
		 align-items: center
	}

	.tablesorter-default td {
		 font-size: 9px!important;
		 right: auto!important;
		 text-align: center!important;
		 font-size: 10px!important
	}

	.PageView .container-fluid .content-wrapper .Grid-Menu .bg-color-white .row {
		 display: flex;
		 justify-content: center;
		 align-items: center;
		 flex-direction: column
	}
}

.DepotViewContainer .Container .ViewArea .TabViews {
	overflow-y: auto
}