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

.Popup.Login .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: 450px
}

.Popup.Login .Modal .Htm {
	display: table-cell;
	vertical-align: middle;
	width: 100%
}

.Popup.Login .Modal .Htm .Document {
	position: relative;
	outline: 0;
	margin: 0 auto;
	border-radius: 4px;
	background: 0 0;
	display: inline-block;
	padding: 0;
	overflow: hidden;
	width: 100%
}

.Popup.Login .Modal .Htm .Document .Title {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	display: none
}

.Popup.Login .Modal .Htm .Document .Center {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	padding: 1%
}

.Popup.Login .Modal .Htm .Document .Center input {
	float: left;
	width: 100%;
	text-indent: 10px;
	border: 0;
	line-height: 40px;
	box-shadow: 0 0 0 1px rgba(255,255,255,.24);
	outline: none;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-size: 16px;
	font-family: quicksand,sans-serif;
	margin: 5px 0;
	z-index: 3;
	position: relative
}

.Popup.Login .Modal .Htm .Document .Center input.Error {
	box-shadow: 0 0 0 1px rgba(255,0,0,.24);
	background: rgba(255,0,0,.04)
}

.Popup.Login .Modal .Htm .Document .Bottom {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	background: 0 0
}

.Popup {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999999;
	outline: 0;
	overflow-y: auto;
	height: 100%;
	top: auto;
	padding-right: 0;
	background: rgba(70,140,200,.16)
}

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

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

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

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

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

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

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

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

.Popup.FullTop .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: flex;
	height: 100%;
	transform: translate3d(0,0,0);
	overflow: auto;
	width: 100%
}

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

.Popup .Modal .Htm .Document {
	position: relative;
	outline: 0;
	margin: 20px auto;
	background: #fff;
	display: inline-block;
	padding: 0;
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 11px 78px -29px #000
}

.Popup.FullTop .Modal .Htm .Document {
	position: relative;
	outline: 0;
	margin: 20px auto 60px;
	border-radius: 4px;
	background: #fff;
	display: inline-block;
	padding: 0;
	overflow: hidden;
	width: 80%
}

.Popup .Modal .Htm .Document .Logo {
	float: left;
	width: 40%;
	margin: 20px 30%
}

.Popup .Modal .Htm .Document .Title {
	float: left;
	color: #000;
	width: 100%;
	background: #f4f4f4;
	box-sizing: border-box;
	text-align: left;
	padding: 10px;
	font-size: 14px;
	border-top: 5px solid #2196f3;
	border-bottom: 1px solid #c8c8c85e
}

.Popup .Modal .Htm .Document .subTitle {
	float: left;
	color: #000;
	width: 100%;
	background: #f4f4f4;
	box-sizing: border-box;
	text-align: left;
	padding: 5px;
	font-size: 13px;
	border: 1px solid #c8c8c85e;
	box-shadow: -3px 0 0 0 #ff5722
}

.Popup .Modal .Htm .Document .Title.fnone {
	float: none
}

.Popup .Modal .Htm .Document .Close {
	position: absolute;
	right: 8px;
	top: 10px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 0;
	font-weight: 700;
	background-color: #e4e4e4;
	border-radius: 4px;
	color: #949494;
	border: 1px solid #ccc
}

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

.Popup .Modal .Htm .Document .Close:hover {
	background-color: #545454
}

.Popup .Modal .Htm .Document .Clear {
	position: absolute;
	right: 43px;
	top: 10px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 0;
	font-weight: 700;
	background-color: #e4e4e4;
	border-radius: 4px;
	color: #949494;
	border: 1px solid #ccc
}

.Popup .Modal .Htm .Document .Clear::before {
	content: "\ecc2";
	font-family: misszenne!important;
	font-size: 15px
}

.Popup .Modal .Htm .Document .Clear:hover {
	background-color: #545454
}

.Popup .Modal .Htm .Document .Center {
	float: left;
	width: 100%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	position: relative;
	overflow: auto;
	overflow-x: hidden;
}

.Popup .Modal .Htm .Document .Center.overflow-none {
}

.Popup .Modal .Htm .Document .Center>.i {
	text-align: center
}

.Popup .Modal .Htm .Document .Center>.Print {
	float: left;
	width: 100%;
	border: 1px dotted #00bcd4;
	background: #00bcd412;
	padding: 5px;
	margin-bottom: 10px
}

.Popup .Modal .Htm .Document .Center>.Print .printTag {
	float: left;
	width: 100%;
	text-align: center;
	border: 1px solid;
	padding: 10px 0
}

.Popup .Modal .Htm .Document .Center>.Print .printTag img {
	text-align: center
}

.Popup .Modal .Htm .Document .Center>.Print .printTag span:nth-child(1) {
	text-align: center
}

.Popup .Modal .Htm .Document .Center>.Print .printTag span:nth-child(2) {
	float: left;
	width: 100%;
	font-weight: 700;
	font-size: 18px
}

.Popup .Modal .Htm .Document .Center>.Print .printTag span:nth-child(3) {
	float: left;
	width: 100%;
	font-size: 16px
}

.Popup .Modal .Htm .Document .Center>.Print .printTag span:nth-child(4) {
	float: left;
	width: 100%;
	font-size: 14px
}

.Popup .Modal .Htm .Document .Center>.Print .printTag span:nth-child(5) {
	float: left;
	width: 100%;
	font-weight: 700;
	font-size: 11px;
	color: red
}

.Popup .Modal .Htm .Document .Center>.Print .printTag span:nth-child(6) {
	float: left;
	width: 100%;
	font-size: 12px
}

.Popup .Modal .Htm .Document .Center>.Print .printTag span:nth-child(7) {
	float: left;
	width: 100%;
	font-weight: 700;
	font-size: 18px
}

.Popup .Modal .Htm .Document .Center>.Print .Btn.TagPrint {
	background: #2196f3;
	color: #fff;
	cursor: pointer
}

.FilterTab {
}

.FilterTabBtn {
	float: left;
	background: #fff;
	color: #000;
	line-height: 22px;
	font-size: 12px;
	text-indent: 0;
	border: 1px solid #ececec;
	margin-bottom: 0;
	border-radius: 2px;
	box-shadow: 0 0 0 0 #ff5722;
	cursor: pointer;
	margin: 4px;
	padding: 3px 10px
}

.FilterTabBtn:hover {
	border: 1px solid #000;
	color: #000;
	cursor: pointer
}

.Popup.SupportBox {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1055;
	outline: 0;
	overflow-y: auto;
	height: 100%;
	top: auto;
	padding-right: 0;
	background: rgba(33,150,243,.08)
}

.Popup.SupportBox .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: 50%;
	max-width: inherit
}

.Popup.SupportBox .Modal .Htm {
	display: table-cell;
	vertical-align: top;
	width: 100%;
	text-align: center
}

.Popup.SupportBox .Modal .Htm .Document {
	position: relative;
	outline: 0;
	margin: 10px auto;
	border-radius: 2px;
	background: #fff;
	display: inline-block;
	padding: 0;
	overflow: hidden;
	width: 100%;
	box-shadow: 0 0 18px -7px #000;
	height: calc(100% - 20px)
}

.Popup.SupportBox .Modal .Htm .Document .Center {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	position: relative;
	background: #7d9d7e36;
	min-height: calc(100% - 70px)
}

.Popup.SupportBox .Modal .Htm .Document .Center .SupportBox {
	float: left;
	width: 100%;
	padding-bottom: 20px
}

.Popup.SupportBox .Modal .Htm .Document .Center .SupportBox .Message {
	padding: 10px;
	max-width: 60%;
	box-shadow: 3px 3px 13px -7px #000
}

.Popup.SupportBox .Modal .Htm .Document .Center .SupportBox .Message.In {
	float: left;
	border-radius: 0 10px 10px 0;
	background: #fff;
	color: #000
}

.Popup.SupportBox .Modal .Htm .Document .Center .SupportBox .Message.Out {
	float: right;
	border-radius: 10px 0 0 10px;
	background: #00bcd4;
	color: #fff
}

.Popup.SupportBox .Modal .Htm .Document .Center .SupportBox .Message .User {
	float: left;
	font-size: 12px;
	font-weight: 700
}

.Popup.SupportBox .Modal .Htm .Document .Center .SupportBox .Message .Time {
	float: right;
	font-size: 12px
}

.Popup.SupportBox .Modal .Htm .Document .Center .SupportBox .Message .Content {
	float: left;
	width: 100%;
	padding: 5px 0;
	font-size: 13px
}

.Popup.SupportBox .Modal .Htm .Document .Bottom {
	float: left;
	width: 100%;
	padding: 5px;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	border-top: 1px dashed #eaeaea;
	position: absolute;
	bottom: 0
}

.Popup.SupportBox .Modal .Htm .Document .Bottom input {
	float: left;
	width: 100%;
	border: 1px solid rgba(156,156,156,.27);
	padding: 8px 10px;
	text-align: left;
	background: #fff;
	box-sizing: border-box;
	outline: none
}

.Popup.SupportBox .Modal .Htm .Document .Close {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 0;
	font-weight: 700;
	background-color: #000;
	border-radius: 50%;
	color: #fff
}

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

.Popup.SupportBox .Modal .Htm .Document .Close:hover {
	background-color: #545454
}

.Popup.ContactForm {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1055;
	outline: 0;
	overflow-y: auto;
	height: 100%;
	top: auto;
	padding-right: 0;
	background: rgba(33,150,243,.08)
}

.Popup.ContactForm .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: 50%;
	max-width: inherit
}

.Popup.ContactForm .Modal .Htm {
	display: table-cell;
	vertical-align: top;
	width: 100%;
	text-align: center
}

.Popup.ContactForm .Modal .Htm .Document {
	position: relative;
	outline: 0;
	margin: 10px auto;
	border-radius: 2px;
	background: #fff;
	display: inline-block;
	padding: 0;
	overflow: hidden;
	width: 100%;
	box-shadow: 0 0 18px -7px #000;
	height: calc(100% - 20px)
}

.Popup.ContactForm .Modal .Htm .Document .Center {
	float: left;
	width: 100%;
	padding: 15px;
	text-align: left;
	box-sizing: border-box;
	position: relative;
	min-height: calc(100% - 70px)
}

.Popup.ContactForm .Modal .Htm .Document .Center .ElementBox {
	float: left;
	width: 100%;
	background: #f7f7f7;
	margin-bottom: 2px;
	font-size: 13px
}

.Popup.ContactForm .Modal .Htm .Document .Center .ElementBox .Title {
	width: 35%;
	float: left;
	border: 0;
	font-weight: 400;
	color: #000;
	background: 0 0;
	box-shadow: none;
	font-size: 13px
}

.Popup.ContactForm .Modal .Htm .Document .Center .ElementBox .Value {
	float: right;
	width: 65%;
	color: #000;
	line-height: 30px;
	font-weight: 700
}

.Popup.ContactForm .Modal .Htm .Document .Center .ElementBox.Full .Value {
	float: right;
	width: 100%;
	color: #000;
	line-height: 30px;
	padding: 0 5px
}

.Popup.ContactForm .Modal .Htm .Document .Bottom {
	float: left;
	width: 100%;
	padding: 5px;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	border-top: 1px dashed #eaeaea;
	position: absolute;
	bottom: 0
}

.Popup.ContactForm .Modal .Htm .Document .Bottom input {
	float: left;
	width: 100%;
	border: 1px solid rgba(156,156,156,.27);
	padding: 8px 10px;
	text-align: left;
	background: #fff;
	box-sizing: border-box;
	outline: none
}

.Popup.ContactForm .Modal .Htm .Document .Close {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 0;
	font-weight: 700;
	background-color: #000;
	border-radius: 50%;
	color: #fff
}

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

.Popup.ContactForm .Modal .Htm .Document .Close:hover {
	background-color: #545454
}

.Popup .Modal .Htm .Document .Center .CenterLeft {
	float: left;
	width: 60%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	position: relative
}

.Popup .Modal .Htm .Document .Center .CenterRight {
	float: left;
	width: 40%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	position: relative
}

.Popup .Modal .Htm .Document .Center .Text {
	float: left;
	width: 100%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .Text .Tab {
	float: left;
	width: 100%;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
	box-shadow: none;
	margin: 0;
	background: #ededed;
	margin: 1px 0
}

.Popup .Modal .Htm .Document .Center .Text .Tab span:nth-child(1) {
	float: left;
	font-weight: 700;
	width: 20%
}

.Popup .Modal .Htm .Document .Center .Text .Tab span:nth-child(2) {
	float: left;
	width: 2%
}

.Popup .Modal .Htm .Document .Center .Text .Tab span:nth-child(3) {
	float: left;
	width: 40%
}

.Popup .Modal .Htm .Document .Center .selectSupply {
	float: left;
	width: 100%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	background: #efefef;
	border: 1px solid #e7e7e7;
	margin: 2px 0;
	border-radius: 4px;
	cursor: pointer
}

.Popup .Modal .Htm .Document .Center .selectSupply:hover {
	background: #fff
}

.Popup .Modal .Htm .Document .Center .Note {
	float: left;
	width: 100%;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 1px;
	margin: 5px 0;
	box-shadow: 0 0 0 1px #c6e6ff;
	background: #e8f5ff
}

.Popup .Modal .Htm .Document .Center .Order {
	float: left;
	width: 100%;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 1px;
	margin: 5px 0;
	box-shadow: 0 0 0 1px #f4f4f4;
	background: #f4f4f4;
	font-weight: 700
}

.Popup .Modal .Htm .Document .Center .Balance {
	float: left;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 5px 0
}

.Popup .Modal .Htm .Document .Center .Btn.Send.Aktif {
	float: left;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 1px;
	margin: 5px 0;
	background: #03a9f4;
	color: #fff;
	text-align: center;
	box-shadow: none
}

.Popup .Modal .Htm .Document .Center .Balance .Member {
	float: left;
	width: 49%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 5px 0;
	box-shadow: 0 0 0 1px #ebebeb;
	background: #fff
}

.Popup .Modal .Htm .Document .Center .Balance .Member span:nth-child(1) {
	float: left;
	width: 100%;
	padding: 3px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 0;
	margin: 5px 0;
	box-shadow: 0 0 0 1px #ff9800;
	background: #ff9800;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .Balance .Member span:nth-child(2) {
	float: left;
	width: 100%;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 2px;
	margin: 2px 0;
	box-shadow: 0 0 0 1px #e9e9e9
}

.Popup .Modal .Htm .Document .Center .Balance .Member div.Aktif {
	float: left;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 1px;
	margin: 5px 0;
	background: #03a9f4;
	color: #fff;
	text-align: center;
	box-shadow: none
}

.Popup .Modal .Htm .Document .Center .Balance .Member div.Disabled {
	float: left;
	width: 100%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 5px 0;
	box-shadow: 0 0 0 1px #e3e3e3;
	background: #efefef;
	text-align: center;
	color: #ccc
}

.Popup .Modal .Htm .Document .Center .Balance .Phone {
	float: right;
	width: 49%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 5px 0;
	box-shadow: 0 0 0 1px #ebebeb;
	background: #fff
}

.Popup .Modal .Htm .Document .Center .Balance .Phone span:nth-child(1) {
	float: left;
	width: 100%;
	padding: 3px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 0;
	margin: 5px 0;
	box-shadow: 0 0 0 1px #ff9800;
	background: #ff9800;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .Balance .Phone span:nth-child(2) {
	float: left;
	width: 100%;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 2px;
	margin: 2px 0;
	box-shadow: 0 0 0 1px #e9e9e9
}

.Popup .Modal .Htm .Document .Center .Balance .Phone div.Aktif {
	float: left;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 1px;
	margin: 5px 0;
	background: #03a9f4;
	color: #fff;
	text-align: center;
	box-shadow: none
}

.Popup .Modal .Htm .Document .Center .Balance .Phone div.Disabled {
	float: left;
	width: 100%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 5px 0;
	box-shadow: 0 0 0 1px #ff9800
}

.Popup .Modal .Htm .Document .Center .SelectInputTab {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 3px 0;
	box-shadow: 0 0 0 1px #03a9f424;
	cursor: pointer
}

.Popup .Modal .Htm .Document .Center .SelectInputTab .Name {
	float: left;
	padding: 7px 10px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px;
	width: 40%
}

.Popup .Modal .Htm .Document .Center .SelectInputTab .Value {
	float: left;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px;
	width: 60%
}

.Popup .Modal .Htm .Document .Center .SelectInputTab .Value input {
	float: left;
	padding: 7px 10px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 0;
	width: 100%;
	border: 0;
	background: #fff;
	outline: none;
	box-shadow: 0 0 0 1px #dbf3fd
}

.Popup .Modal .Htm .Document .Center .SelectTab {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 3px 0;
	box-shadow: 0 0 0 1px #03a9f424;
	cursor: pointer
}

.Popup .Modal .Htm .Document .Center .SelectTab:hover {
	box-shadow: 0 0 0 1px #03a9f424;
	background: #dbf3fd
}

.Popup .Modal .Htm .Document .Center .SelectTab.Aktif {
	box-shadow: 0 0 0 1px #03a9f424;
	background: #dbf3fd
}

.Popup .Modal .Htm .Document .Center .SelectTab .CheckBox {
	float: left;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px
}

.Popup .Modal .Htm .Document .Center .SelectTab .Name {
	float: left;
	padding: 7px 10px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px
}

.Popup .Modal .Htm .Document .Center .Tab {
	float: left;
	width: 100%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 5px 0;
	box-shadow: 0 0 0 1px #ff9800
}

.Popup .Modal .Htm .Document .Center .Tab.Payment span:nth-child(1) {
	float: left;
	width: 20%
}

.Popup .Modal .Htm .Document .Center .Tab.Payment span:nth-child(2) {
	float: left;
	width: 2%
}

.Popup .Modal .Htm .Document .Center .Tab.Payment span:nth-child(3) {
	float: left;
	font-weight: 700
}

.Popup .Modal .Htm .Document .Center .Tab i {
	display: none
}

.Popup .Modal .Htm .Document .Center .TaskList {
	float: left;
	overflow: auto;
	padding: 10px;
	width: 100%;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .TaskList .TaskItem {
	float: left;
	padding: 7px 10px;
	background: #fff;
	box-shadow: 0 0 0 1px #ff9800;
	border-radius: 2px;
	cursor: pointer;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0
}

.Popup .Modal .Htm .Document .Center .TaskList .TaskItem:hover {
	background: #ff9800;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .BoxList {
	float: right;
	overflow: auto;
	padding: 0;
	width: 100%
}

.Popup .Modal .Htm .Document .Center .BoxList .Box {
	float: left;
	width: 100%;
	padding: .5% 1% 2%;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .BoxList .Box .Title {
	float: left;
	width: 100%;
	color: #fff;
	background: #00bcd4;
	text-indent: 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 30px;
	border: 0;
	padding: 0;
	box-shadow: 0 0 0 1px #cccccc4a;
	margin-bottom: 1px
}

.Popup .Modal .Htm .Document .Center .BoxList .Box .List {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0
}

.Popup .Modal .Htm .Document .Center .BoxList .Box .List .Nav {
	float: left;
	width: 100%;
	color: #000;
	padding: 5px;
	box-sizing: border-box;
	line-height: 18px;
	cursor: pointer;
	text-decoration: underline;
	background: #f9f9f9;
	margin-bottom: 1px;
	box-shadow: 0 0 0 1px #cccccc4a
}

.Popup .Modal .Htm .Document .Center .BoxList .Box .List .Nav:hover {
	background: rgba(0,188,212,.06)
}

.Popup .Modal .Htm .Document .Center .BoxList .Box .List .Nav div.Check {
	float: left;
	width: 2%;
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	margin-right: 1%
}

.Popup .Modal .Htm .Document .Center .BoxList .Box .List .Nav span:nth-child(2) {
	float: left;
	width: 94%;
	font-size: 14px;
	font-weight: 700
}

.Popup .Modal .Htm .Document .Center .BoxList .Box .List .Nav span:nth-child(3) {
	float: left;
	font-size: 11px;
	width: 94%
}

.Popup .Modal .Htm .Document .Center .PartTitle {
	float: left;
	width: 99%;
	box-sizing: border-box;
	background: #efefef6e;
	margin: 1px 0;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer;
	position: relative;
	text-align: center
}

.Popup .Modal .Htm .Document .Center .PartTitle .Name {
	float: left;
	width: 30%;
	padding: 5px 0;
	text-align: left;
	box-sizing: border-box;
	text-indent: 42px
}

.Popup .Modal .Htm .Document .Center .PartTitle .Stock {
	float: left;
	width: 17.5%;
	padding: 5px 0;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .List .Part.Disabled {
	background: #f6f6f6
}

.Popup .Modal .Htm .Document .Center .List .Part.Disabled a {
	background: 0 0
}

.Popup .Modal .Htm .Document .Center .List .Part.Disabled a div {
	background: 0 0
}

.Popup .Modal .Htm .Document .Center .List .Part.Disabled a div.Name {
	background: 0 0
}

.Popup .Modal .Htm .Document .Center .OrderItemTitle {
	float: left;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	background: #ff9800;
	color: #fff;
	text-indent: 10px;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
	position: relative;
	box-shadow: none;
	margin: 10px 0 0;
	line-height: 32px;
	border-radius: 4px
}

.Popup .Modal .Htm .Document .Center .OrderItem {
	float: left;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	background: #fff;
	margin: 1px 0;
	border-radius: 3px;
	font-size: 12px;
	cursor: pointer;
	position: relative;
	box-shadow: 0 0 0 1px #c6c6c6;
	margin: 3px 0;
	line-height: 32px
}

.Popup .Modal .Htm .Document .Center .OrderItem .N1 {
	float: left;
	width: 12%;
	text-indent: 5px;
	box-shadow: 1px 0 0 0 #e7e7e7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.Popup .Modal .Htm .Document .Center .OrderItem .N2 {
	float: left;
	width: 20%;
	text-align: center;
	box-shadow: 1px 0 0 0 #e7e7e7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.Popup .Modal .Htm .Document .Center .OrderItem .N3 {
	float: left;
	width: 26%;
	text-align: left;
	text-indent: 5px;
	box-shadow: 1px 0 0 0 #e7e7e7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.Popup .Modal .Htm .Document .Center .OrderItem .N4 {
	float: left;
	width: 10%;
	text-align: center;
	box-shadow: 1px 0 0 0 #e7e7e7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.Popup .Modal .Htm .Document .Center .OrderItem .N5 {
	float: left;
	width: 16%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.Popup .Modal .Htm .Document .Center .OrderItem .N5 .Btn {
	float: left;
	margin: 0;
	background: #ff9800;
	color: #fff;
	width: 100%;
	box-shadow: none;
	border-radius: 0;
	margin-right: 0;
	padding: 0 0;
	font-size: 12px
}

.Popup .Modal .Htm .Document .Center .OrderItem .N5 .Btn:hover {
	float: left;
	margin: 0;
	background: #ffa117;
	color: #fff;
	width: 100%;
	box-shadow: none;
	border-radius: 0;
	margin-right: 0;
	padding: 0 0;
	font-size: 14px
}

.Popup .Modal .Htm .Document .Center .IconItem {
	float: left;
	width: 10%;
	box-sizing: border-box;
	font-size: 34px;
	cursor: pointer;
	position: relative;
	text-align: center;
	padding: 12px;
	box-shadow: inset 0 0 0 1px #ccc;
	margin: 4px
}

.Popup .Modal .Htm .Document .Center .IconItem:hover {
	background: #181818;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .IconItem.Select {
	background: #ff5722;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .Item {
	float: left;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	background: #efefef;
	margin: 1px 0;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer;
	position: relative
}

.Popup .Modal .Htm .Document .Center .Item.Aktif {
	background: #ff5722;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .Item.Aktif:hover {
	color: #fff
}

.Popup .Modal .Htm .Document .Center .Item:hover {
}

.Popup .Modal .Htm .Document .Center .Item .ID {
	float: left;
	width: 20%;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #e6e6e6
}

.Popup .Modal .Htm .Document .Center .Item .Code {
	float: left;
	width: 50%;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
	text-indent: 5px;
	background: #363636;
	color: #fff;
	user-select: all
}

.Popup .Modal .Htm .Document .Center .Item .CodeName {
	float: left;
	width: 50%;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
	text-indent: 5px
}

.Popup .Modal .Htm .Document .Center .Item .Name {
	float: left;
	width: 80%;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
	text-indent: 5px
}

.Popup .Modal .Htm .Document .Center .Item .Status {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 18px;
	margin: 7px
}

.Popup .Modal .Htm .Document .Center .Item .Desc {
	float: left;
	width: 100%;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
	text-indent: 5px;
	background: #fff;
	color: #000;
	font-size: 11px
}

.Popup .Modal .Htm .Document .Center .Item .View {
	float: left;
	position: absolute;
	right: 1px;
	top: 2px;
	background: #00bcd4;
	color: #fff;
	font-size: 17px;
	padding: 5px;
	border-radius: 4px
}

.Popup .Modal .Htm .Document .Center .Item .Count {
	float: left;
	width: 60px;
	height: 22px;
	line-height: 24px;
	position: absolute;
	right: 5px;
	top: 4px;
	background: #225282;
	color: #fff;
	font-size: 10px;
	text-align: center;
	border-radius: 28px;
	box-shadow: 0 0 0 1px #fff
}

.Popup .Modal .Htm .Document .Center .ProductBox {
	float: left;
	width: 100%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .ProductBox .Photo {
	float: left;
	width: 30%;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	background: #efefef;
	min-height: 240px
}

.Popup .Modal .Htm .Document .Center .ProductBox .Photo img {
	float: left;
	width: 100%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .ProductBox .Info {
	float: right;
	width: 70%;
	text-align: left;
	box-sizing: border-box;
	padding-left: 1%
}

.Popup .Modal .Htm .Document .Center .ProductBox .Info .Text {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	background: rgba(0,188,212,.26);
	padding: 5px;
	margin-bottom: 2px
}

.Popup .Modal .Htm .Document .Center .ProductBox .Info .Tab {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	background: #efefef;
	padding: 5px;
	margin-bottom: 2px
}

.Popup .Modal .Htm .Document .Center .ProductBox .Info .Tab span:nth-child(1) {
	float: left;
	width: 32%;
	font-weight: 700
}

.Popup .Modal .Htm .Document .Center .ProductBox .Info .Tab span:nth-child(2) {
	float: left;
	width: 0%;
	text-align: center
}

.Popup .Modal .Htm .Document .Center .ProductBox .Info .Tab span:nth-child(3) {
	float: left;
	width: 68%;
	text-align: left;
	text-indent: 10px
}

.Popup .Modal .Htm .Document .Center .ProductBox .Info .Tab span:nth-child(3) div {
	float: left;
	width: 100%;
	box-shadow: 0 0 0 1px #ff5722;
	text-align: left;
	line-height: 28px;
	border-radius: 2px;
	cursor: pointer;
	margin: 5px 0;
	color: #000;
	font-size: 12px;
	background: #fff
}

.Popup .Modal .Htm .Document .Center .ProductBox .Info .Tab span:nth-child(3) div.Aktif {
	background: #00bcd4
}

.Popup .Modal .Htm .Document .Center table tbody tr td .Btn {
	float: left;
	padding: 5px 10px;
	box-sizing: border-box;
	margin: 0 4px;
	background: #00bcd4;
	color: #fff;
	width: initial;
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
	position: relative;
	font-size: 12px;
	line-height: 20px
}

.Popup .Modal .Htm .Document .Center table tbody tr td .Btn.Edit {
	background: #00bcd4;
	color: #fff
}

.Popup .Modal .Htm .Document .Center table tbody tr td .Btn.View {
	background: #ff9800;
	color: #fff
}

.Popup .Modal .Htm .Document .Center table tbody tr td .Delete {
	float: left;
	padding: 2px 10px;
	box-sizing: border-box;
	margin: 0 4px;
	background: #c5c5c5;
	color: #fff;
	width: initial;
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
	position: relative;
	font-size: 12px;
	line-height: 20px
}

.Popup .Modal .Htm .Document .Center table tbody tr td .Delete:hover {
	background: red;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .Btn {
	float: left;
	padding: 10px 0 0;
	box-sizing: border-box;
	margin: 10px 0 0;
	background: #fff;
	color: #000;
	width: 100%;
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
	position: relative;
	font-size: 14px;
	box-shadow: 0 0 0 1px #e3e3e3;
	padding: 10px;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .Btn.T1 {
	width: 100%
}

.Popup .Modal .Htm .Document .Center .Btn.T2 {
	width: 49%;
	margin: 20px .5% 0
}

.Popup .Modal .Htm .Document .Center .BtnList {
	width: 100%;
	float: left
}

.Popup .Modal .Htm .Document .Center .Btn.T3 {
	width: 33%;
	margin-right: .5%
}

.Popup .Modal .Htm .Document .Center .Btn.T3:last-child {
	margin-right: 0
}

.Popup .Modal .Htm .Document .Center .Btn.Sub .Wind {
	margin-top: 10px;
	cursor: default
}

.Popup .Modal .Htm .Document .Center .Btn.Sub .Wind .Tab {
	float: left;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	background: #fff;
	color: #000;
	margin: 0 0 7px;
	text-align: left;
	text-indent: 10px;
	font-size: 13px;
	box-shadow: 0 0 0 1px #ff9800;
	cursor: pointer
}

.Popup .Modal .Htm .Document .Center .Btn.Sub .Wind .Tab:hover {
	background: #ff9800;
	color: #000
}

.Popup .Modal .Htm .Document .Center .Btn.Sub:hover .Wind {
	display: block
}

.Popup .Modal .Htm .Document .Center .ProductList {
	float: left;
	width: 100%;
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 1px;
	box-shadow: 0 1px 0 0 #efefef;
	cursor: pointer;
	position: relative
}

.Popup .Modal .Htm .Document .Center .ProductList .Item {
	float: left;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	background: #fff;
	margin: 1px 0;
	border-radius: 3px;
	font-size: 13px;
	cursor: pointer;
	position: relative;
	box-shadow: 0 0 0 1px #e1e1e1;
	margin-bottom: 5px;
	padding-bottom: 5px
}

.Popup .Modal .Htm .Document .Center .ProductList .Item.Aktif {
	background: #ff5722;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .ProductList .Item.Aktif:hover {
	color: #fff
}

.Popup .Modal .Htm .Document .Center .ProductList .Item:hover {
}

.Popup .Modal .Htm .Document .Center .ProductList .Item .ID {
	float: left;
	width: 20%;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #e6e6e6
}

.Popup .Modal .Htm .Document .Center .ProductList .Item .Name {
	float: left;
	width: 45%;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
	text-indent: 5px;
	line-height: 30px
}

.Popup .Modal .Htm .Document .Center .ProductList .Item .Address {
	float: left;
	width: 45%;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
	text-indent: 5px;
	line-height: 30px
}

.Popup .Modal .Htm .Document .Center .ProductList .Item .Stock {
	float: left;
	width: 60px;
	height: 32px;
	line-height: 32px;
	position: absolute;
	right: 5px;
	top: 4px;
	background: #424445;
	color: #fff;
	font-size: 13px;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0 0 0 1px #fff
}

.Popup .Modal .Htm .Document .Center .ProductList .Item .Class {
	float: left;
	width: 20%;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	line-height: 30px
}

.Popup .Modal .Htm .Document .Center .ProductList .Item .Variation {
	float: left;
	width: 20%;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
	line-height: 30px
}

.Popup .Modal .Htm .Document .Center .ProductList .Item .BtnBox {
	float: left;
	width: 15%;
	padding: 5px;
	text-align: center;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .ProductList .Item .BtnBox .Btn {
	float: left;
	margin: 0;
	padding: 5px 0
}

.Popup .Modal .Htm .Document .Center .List {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	margin: 0
}

.Popup .Modal .Htm .Document .Center .FeatureList {
	float: left;
	width: 100%;
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 1px;
	box-shadow: 0 0 2px 1px #efefef;
	cursor: pointer;
	position: relative;
	padding: 8px;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .FeatureList.Aktif {
	background: #00bcd4;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .FeatureList span:nth-child(1) {
	float: left;
	width: 100%;
	line-height: 20px;
	font-size: 16px;
	margin-bottom: 1px
}

.Popup .Modal .Htm .Document .Center .FeatureList span:nth-child(2) {
	float: left;
	width: 100%;
	line-height: 24px;
	font-size: 13px;
	margin-bottom: 1px
}

.Popup .Modal .Htm .Document .Center .ListItem {
	float: left;
	width: 100%;
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 1px;
	box-shadow: 0 1px 0 0 #efefef;
	cursor: pointer;
	position: relative
}

.Popup .Modal .Htm .Document .Center .ListItem.Success {
	color: #fff;
	background: #4caf50
}

.Popup .Modal .Htm .Document .Center .ListItem.Error {
	background: #ff0808;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .ListItem .Item {
	float: left;
	width: 20%;
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 1px;
	box-shadow: 0 1px 0 0 #efefef;
	color: #000;
	cursor: pointer;
	background: #fff;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.Popup .Modal .Htm .Document .Center .ListItem.Success .Item {
	float: left;
	width: 20%;
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 1px;
	box-shadow: none;
	color: inherit;
	cursor: pointer;
	background: 0 0;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: 5px
}

.Popup .Modal .Htm .Document .Center .ListItem.Error .Item {
	float: left;
	width: 20%;
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 1px;
	box-shadow: none;
	color: inherit;
	cursor: pointer;
	background: 0 0;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: 5px
}

.Popup .Modal .Htm .Document .Center .List .ProductItem {
	float: left;
	width: 100%;
	line-height: 25px;
	font-size: 13px;
	margin-bottom: 1px;
	box-shadow: 0 1px 0 0 #efefef;
	color: #000;
	cursor: pointer;
	background: #fff;
	position: relative
}

.Popup .Modal .Htm .Document .Center .List .ProductItem:last-child {
	box-shadow: none
}

.Popup .Modal .Htm .Document .Center .List .ProductItem:hover {
	background: rgba(0,188,212,.03);
	color: #000
}

.Popup .Modal .Htm .Document .Center .List .ProductItem.Select {
	background: #ff5722;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Invoice {
	float: left;
	width: 34px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	background: #fff;
	padding: 10px 0;
	margin: 1px;
	display: none
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Invoice i {
	float: left;
	width: 100%;
	font-size: 28px
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Statu {
	float: left;
	width: 36px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1%;
	box-sizing: border-box;
	position: absolute;
	height: 100%;
	box-shadow: 1px 0 0 0 #efefef
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Img {
	float: left;
	width: 15%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0%;
	box-sizing: border-box;
	margin-left: 0
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Btn {
	float: right;
	width: 10%;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px rgba(214,214,214,.53);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0;
	background: #fbfbfb;
	color: #000;
	margin: 0;
	line-height: 112px;
	font-size: 14px
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Btn.Disabled {
	background: #fff!important;
	color: #afafaf!important;
	cursor: default
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Btn:hover {
	background: #607d8b;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Info {
	float: left;
	width: 85%;
	text-align: center;
	box-sizing: border-box;
	box-shadow: -1px 0 0 0 #efefef;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Info .No {
	float: left;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Info .Name {
	float: left;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Info .Barcode {
	float: left;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Info .Class {
	float: left;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Info .Stock {
	float: left;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 0;
	text-indent: 10px;
	font-weight: 700;
	font-size: 13px;
	background: #ff9800
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Info .Request {
	float: left;
	width: 30%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0;
	text-indent: 10px
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Info .Complete {
	float: left;
	width: 30%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0;
	text-indent: 10px
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Info .Addres {
	float: left;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Delete {
	float: left;
	width: 12%;
	text-align: center;
	box-sizing: border-box;
	background: #efefef;
	color: #909090;
	cursor: pointer;
	border-radius: 2px;
	margin: 5px 1%;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .List .ProductItem .Delete:hover {
	background: red;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .List .ProductItem span:nth-child(1) {
	float: left;
	width: 50%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	font-size: 13px;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0;
	display: none
}

.Popup .Modal .Htm .Document .Center .List .ProductItem span:nth-child(2) {
	float: left;
	width: 40%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .List .ProductItem span:nth-child(3) {
	float: left;
	width: 10%;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0;
	background: #fff;
	color: #000
}

.Popup .Modal .Htm .Document .Center .List .Part .Part a {
	box-shadow: none
}

.Popup .Modal .Htm .Document .Center .List .Part a div.Name {
	box-shadow: inset 15px 0 0 0 #fff;
	background: #fff;
	text-indent: 30px
}

.Popup .Modal .Htm .Document .Center .List .Part .Part a div.Name {
	box-shadow: inset 15px 0 0 0 #06b5cc;
	background: #fff;
	text-indent: 30px
}

.Popup .Modal .Htm .Document .Center .List .Part .Part .Part a div.Name {
	box-shadow: inset 15px 0 0 0 #019baf;
	background: #fff;
	text-indent: 30px
}

.Popup .Modal .Htm .Document .Center .List .Part .Part .Part .Part a div.Name {
	box-shadow: inset 15px 0 0 0 #097f8e;
	text-indent: 30px
}

.Popup .Modal .Htm .Document .Center .List .Part .Part .Part .Part .Part a div.Name {
	box-shadow: inset 15px 0 0 0 #00454e;
	background: #fff;
	text-indent: 30px
}

.Popup .Modal .Htm .Document .Center .List .Part .Part .Part .Part .Part .Part a div.Name {
	box-shadow: inset 15px 0 0 0 #c70e00;
	background: #fff;
	text-indent: 30px
}

.Popup .Modal .Htm .Document .Center .List .Part .Part .Part .Part .Part .Part .Part a div.Name {
	box-shadow: inset 15px 0 0 0 #00454e;
	background: #fff;
	text-indent: 30px
}

.Popup .Modal .Htm .Document .Center .List .Part .Part .Part .Part .Part .Part .Part .Part a div.Name {
	box-shadow: inset 15px 0 0 0 #00454e;
	background: #fff;
	text-indent: 30px
}

.Popup .Modal .Htm .Document .Center .List .Part span {
	float: left;
	width: 98%;
	text-indent: .5%;
	font-size: 12px;
	background: #fff;
	color: #000;
	line-height: 40px
}

.Popup .Modal .Htm .Document .Center .List .Part a {
	float: left;
	width: 99%;
	text-indent: 0;
	font-size: 12px;
	background: #fff;
	color: #000;
	line-height: 40px
}

.Popup .Modal .Htm .Document .Center .List .Part a:hover {
}

.Popup .Modal .Htm .Document .Center .List .Part a div.Check {
	float: left;
	cursor: pointer;
	font-size: 16px;
	margin: 8px 0;
	text-indent: 0;
	text-align: center;
	width: 6%
}

.Popup .Modal .Htm .Document .Center .List .Part a div.Name {
	float: left;
	width: 35%;
	cursor: pointer;
	padding: 0;
	line-height: 30px;
	text-indent: 0;
	box-shadow: none
}

.Popup .Modal .Htm .Document .Center .List .Part a div.Stock {
	float: left;
	width: 17.5%;
	text-align: center;
	line-height: 30px
}

.Popup .Modal .Htm .Document .Center .List .Part i {
	float: right;
	font-size: 20px;
	line-height: 40px;
	width: 2%;
	text-align: center
}

.Popup .Modal .Htm .Document .Center .List .Part span a.Name {
	float: left;
	width: 15%;
	cursor: pointer
}

.Popup .Modal .Htm .Document .Center .List .Part span div.Name {
	float: left;
	width: 15%;
	cursor: pointer
}

.Popup .Modal .Htm .Document .Center .List .Part span div.Stock {
	float: left;
	width: 8.5%;
	text-align: center
}

.Popup.SelectList .Modal .Htm .Document .Center {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	box-sizing: border-box
}

.Popup.SelectList .Modal .Htm .Document .Center .ItemTitle {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	background: #efefef;
	font-weight: 600
}

.Popup.SelectList .Modal .Htm .Document .Center .ItemTitle .No {
	float: left;
	width: 10%;
	text-align: center;
	line-height: 40px;
	height: 40px;
	box-shadow: 1px 0 0 0 #d4d4d4
}

.Popup.SelectList .Modal .Htm .Document .Center .ItemTitle .Date {
	float: left;
	width: 16%;
	text-align: center;
	line-height: 40px;
	height: 40px;
	box-shadow: 1px 0 0 0 #d4d4d4
}

.Popup.SelectList .Modal .Htm .Document .Center .ItemTitle .Name {
	float: left;
	width: 23%;
	text-align: left;
	text-indent: 10px;
	line-height: 40px;
	height: 40px;
	box-shadow: 1px 0 0 0 #d4d4d4
}

.Popup.SelectList .Modal .Htm .Document .Center .ItemTitle .Task {
	float: left;
	width: 13%;
	text-align: center;
	line-height: 40px;
	height: 40px;
	box-shadow: 1px 0 0 0 #d4d4d4
}

.Popup.SelectList .Modal .Htm .Document .Center .ItemTitle .Statu {
	float: left;
	width: 9%;
	text-align: center;
	line-height: 40px;
	height: 40px;
	box-shadow: 1px 0 0 0 #d4d4d4
}

.Popup.SelectList .Modal .Htm .Document .Center .Item {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 0 1px 0 0 #f1f1f1;
	line-height: 50px;
	height: 50px
}

.Popup.SelectList .Modal .Htm .Document .Center .Item:hover {
	background: rgba(0,188,212,.04)
}

.Popup.SelectList .Modal .Htm .Document .Center .Item .No {
	float: left;
	width: 10%;
	text-align: center;
	box-shadow: 1px 0 0 0 #f1f1f1
}

.Popup.SelectList .Modal .Htm .Document .Center .Item .Date {
	float: left;
	width: 16%;
	text-align: center;
	box-shadow: 1px 0 0 0 #f1f1f1
}

.Popup.SelectList .Modal .Htm .Document .Center .Item .Name {
	float: left;
	width: 23%;
	text-align: left;
	text-indent: 10px;
	box-shadow: 1px 0 0 0 #f1f1f1
}

.Popup.SelectList .Modal .Htm .Document .Center .Item .Task {
	float: left;
	width: 13%;
	text-align: center;
	box-shadow: 1px 0 0 0 #f1f1f1
}

.Popup.SelectList .Modal .Htm .Document .Center .Item .Offline {
	float: left;
	width: 9%;
	text-align: center;
	line-height: 50px;
	color: #ccc;
	box-shadow: 1px 0 0 0 #f1f1f1
}

.Popup.SelectList .Modal .Htm .Document .Center .Item .Online {
	float: left;
	width: 9%;
	text-align: center;
	line-height: 50px;
	color: #4caf50;
	box-shadow: 1px 0 0 0 #f1f1f1
}

.Popup.SelectList .Modal .Htm .Document .Center .Item .Select {
	float: right;
	width: 10%;
	text-align: center;
	line-height: 30px;
	height: 30px;
	margin: 10px;
	background: #dcdcdc;
	color: #080808;
	cursor: pointer
}

.Popup.SelectList .Modal .Htm .Document .Center .Item .Select:hover {
	background: #ff5722;
	color: #fff
}

.Popup.SelectList .Modal .Htm .Document .Center .Item .Select.Aktif {
	background: #ff5722;
	color: #fff
}

.Popup .Modal .Htm .Document .Blank {
	float: left;
	width: 100%;
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 10px
}

.Popup .Modal .Htm .Document .Blank .Text {
	float: left;
	width: 100%;
	line-height: 50px
}

.Popup .Modal .Htm .Document .Blank .Btn {
	display: -webkit-inline-box;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	background: #00bcd4;
	color: #fff;
	cursor: pointer;
	border-radius: 4px;
	float: none;
	width: initial
}

.Popup .Modal .Htm .Document .Blank .Btn:hover {
	background: #00a0b5
}

.Popup .Modal .Htm .Document .Center .TabList {
	float: left;
	width: 25%
}

.Popup .Modal .Htm .Document .Center .TabList.V {
	float: left;
	width: 100%
}

.Popup .Modal .Htm .Document .Center .TabList.V .Tab {
	float: left;
	background: #efefef;
	line-height: 35px;
	width: initial;
	margin-bottom: 2px;
	text-indent: 0;
	cursor: pointer;
	padding: 0 20px
}

.Popup .Modal .Htm .Document .Center .newTabList {
	float: left;
	width: 100%
}

.Popup .Modal .Htm .Document .Center .newTabList .Tab {
	float: left;
	background: #efefef;
	line-height: 28px;
	width: initial;
	margin-bottom: 1px;
	text-indent: 0;
	cursor: pointer;
	padding: 0 20px;
	border-radius: 0;
	box-shadow: none;
	position: relative;
	margin-right: 4px
}

.Popup .Modal .Htm .Document .Center .newTabList .Tab.Aktif {
	background: #fff!important;
	box-shadow: 0 -1px 0 1px #dbdbdb,0 1px 0 0 #fff;
	z-index: 4
}

.Popup .Modal .Htm .Document .Center .newTabList .Tab:hover {
	background: rgba(0,188,212,.14)
}

.Popup .Modal .Htm .Document .Center .newTabView {
	float: left;
	width: 100%;
	display: none;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #ccc
}

.Popup .Modal .Htm .Document .Center .newTabView.Aktif {
	display: block
}

.Popup .Modal .Htm .Document .Center .TabList .Tab {
	float: left;
	width: 100%;
	background: #efefef;
	line-height: 35px;
	margin-bottom: 2px;
	text-indent: 10px;
	cursor: pointer
}

.Popup .Modal .Htm .Document .Center .TabList .Tab.Aktif {
	background: rgba(0,188,212,.64)!important
}

.Popup .Modal .Htm .Document .Center .TabList .Tab:hover {
	background: rgba(0,188,212,.14)
}

.Popup .Modal .Htm .Document .Center .TabView {
	float: left;
	width: 100%;
	display: none
}

.Popup .Modal .Htm .Document .Center .TabView.Aktif {
	display: block
}

.Popup .Modal .Htm .Document .Center .FileList {
	float: left;
	width: 75%;
	display: none
}

.Popup .Modal .Htm .Document .Center .FileList.Aktif {
	display: block
}

.Popup .Modal .Htm .Document .Center .FileList .Item {
	float: left;
	width: 100%;
	line-height: 35px;
	font-size: 13px;
	margin-bottom: 1px;
	box-shadow: 0 1px 0 0 #efefef;
	color: #000
}

.Popup .Modal .Htm .Document .Center .FileList .Item:last-child {
	box-shadow: none
}

.Popup .Modal .Htm .Document .Center .FileList .Item:hover {
	background: rgba(0,188,212,.03);
	color: #000
}

.Popup .Modal .Htm .Document .Center .FileList .Item .No {
	float: left;
	width: 7%;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .FileList .Item .Barcode {
	float: left;
	width: 13%;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .FileList .Item .Name {
	float: left;
	width: 32%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .FileList .Item .Class {
	float: left;
	width: 15%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .FileList .Item .Variation {
	float: left;
	width: 13%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .FileList .Item .Stock {
	float: left;
	width: 6%;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .FileList .Item .Supply {
	float: left;
	width: 13%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .FileList .Item .Delete {
	float: left;
	width: 12%;
	text-align: center;
	box-sizing: border-box;
	background: #efefef;
	color: #909090;
	cursor: pointer;
	border-radius: 2px;
	margin: 5px 1%;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 0
}

.Popup .Modal .Htm .Document .Center .FileList .Item .Delete:hover {
	background: red;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .File_List_View {
	float: left;
	width: 100%
}

.Popup .Modal .Htm .Document .Center .File_List_View .Item {
	float: left;
	width: 100%;
	line-height: 35px;
	font-size: 13px;
	margin-bottom: 1px;
	box-shadow: 0 1px 0 0 #efefef;
	color: #000
}

.Popup .Modal .Htm .Document .Center .File_List_View .Item:last-child {
	box-shadow: none
}

.Popup .Modal .Htm .Document .Center .File_List_View .Item:hover {
	background: rgba(0,188,212,.03);
	color: #000
}

.Popup .Modal .Htm .Document .Center .File_List_View .Item .No {
	float: left;
	width: 5%;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef
}

.Popup .Modal .Htm .Document .Center .File_List_View .Item .Barcode {
	float: left;
	width: 10%;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef
}

.Popup .Modal .Htm .Document .Center .File_List_View .Item .Name {
	float: left;
	width: 22%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px
}

.Popup .Modal .Htm .Document .Center .File_List_View .Item .Class {
	float: left;
	width: 12%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px
}

.Popup .Modal .Htm .Document .Center .File_List_View .Item .Variation {
	float: left;
	width: 10%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px
}

.Popup .Modal .Htm .Document .Center .File_List_View .Item .Stock {
	float: left;
	width: 5%;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef
}

.Popup .Modal .Htm .Document .Center .File_List_View .Item .Supply {
	float: left;
	width: 13%;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #efefef;
	text-indent: 10px
}

.Popup .Modal .Htm .Document .Center .File_List_View .Item .Delete {
	float: left;
	width: 8%;
	text-align: center;
	box-sizing: border-box;
	background: #efefef;
	color: #909090;
	cursor: pointer;
	border-radius: 2px;
	margin: 5px 1%;
	line-height: 25px
}

.Popup .Modal .Htm .Document .Center .File_List_View .Item .Delete:hover {
	background: red;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .RadioTab {
	float: left;
	width: 100%;
	margin: 0 0 10px;
	position: relative;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .RadioTab span {
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 0;
	line-height: 30px;
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .RadioTab .Radio {
	float: left;
	box-shadow: 0 0 0 1px #ccc;
	font-size: 20px;
	margin-top: 28px;
	margin-right: 10px;
	border-radius: 1px;
	background: #fbfbfb;
	padding: 0 20px 0 0;
	cursor: pointer
}

.Popup .Modal .Htm .Document .Center .RadioTab .Radio i {
	float: left;
	text-indent: 10px;
	line-height: 35px;
	font-size: 16px;
	font-family: quicksand,sans-serif;
	position: inherit
}

.Popup .Modal .Htm .Document .Center .RadioTab .Radio.Aktif i {
	color: #ff5722
}

.Popup .Modal .Htm .Document .Center .RadioTab .Radio span {
	float: left;
	text-indent: 10px;
	line-height: 35px;
	font-size: 16px;
	font-family: quicksand,sans-serif;
	position: inherit
}

.Popup .Modal .Htm .Document .Center .CheckTab {
	float: left;
	width: 100%;
	margin: 0 0 10px;
	position: relative;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .CheckTab span {
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 0;
	line-height: 30px;
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .CheckTab .Check {
	float: left;
	box-shadow: 0 0 0 1px #ccc;
	font-size: 20px;
	margin-top: 28px;
	margin-right: 10px;
	border-radius: 1px;
	background: #fbfbfb;
	padding: 0 20px 0 0;
	cursor: pointer
}

.Popup .Modal .Htm .Document .Center .CheckTab .Check i {
	float: left;
	text-indent: 10px;
	line-height: 35px;
	font-size: 16px;
	font-family: quicksand,sans-serif;
	position: inherit
}

.Popup .Modal .Htm .Document .Center .CheckTab .Check.Aktif i {
	color: #ff5722
}

.Popup .Modal .Htm .Document .Center .CheckTab .Check span {
	float: left;
	text-indent: 10px;
	line-height: 35px;
	font-size: 16px;
	font-family: quicksand,sans-serif;
	position: inherit
}

.Popup .Modal .Htm .Document .Center .ExamplleText {
	width: 100%;
	float: left;
	box-sizing: border-box;
	overflow: auto;
	padding: 6px;
	background: #5d6a6e;
	color: #fff
}

.Popup .Modal .Htm .Document .Center .LibraryList {
	width: 100%;
	float: left;
	box-sizing: border-box;
	overflow: auto
}

.Popup .Modal .Htm .Document .Center .LibraryList .Text {
	float: left;
	text-align: left;
	box-sizing: border-box;
	background: #2a2a2a;
	color: #fff;
	line-height: 16px;
	font-size: 12px;
	padding: 5px 10px;
	margin-right: 2px;
	margin-bottom: 2px
}

.Popup .Modal .Htm .Document .Center .FilterInput {
	float: left;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	background: #f8f8f8;
	padding: 5px;
	border: 1px solid #eee;
	border-radius: 2px;
	margin-bottom: 5px
}

.Popup .Modal .Htm .Document .Center .FilterInput .Name {
	float: left;
	width: 30%;
	position: relative;
	box-sizing: border-box;
	padding: 0;
	line-height: 30px
}

.Popup .Modal .Htm .Document .Center .FilterInput .Name i {
	float: left;
	position: absolute;
	line-height: 25px;
	right: 10px;
	top: 4px;
	background: #fff;
	color: #4e4e4e;
	text-align: center;
	padding: 0 6px;
	border-radius: 25px;
	text-indent: 0;
	font-family: calibri;
	border: 1px solid #cccccc8c;
	cursor: pointer
}

.Popup .Modal .Htm .Document .Center .FilterInput .Select {
	float: left;
	width: 20%
}

.Popup .Modal .Htm .Document .Center .FilterInput .Select select {
	width: 100%
}

.Popup .Modal .Htm .Document .Center .FilterInput input {
	float: left;
	width: 50%;
	text-indent: 10px;
	border: 0;
	line-height: 30px;
	box-shadow: 0 0 0 1px #e2e2e2;
	outline: none;
	background: #fff;
	font-size: 16px;
	font-family: quicksand,sans-serif;
	margin: 0;
	z-index: 3;
	position: relative;
	border-radius: 0
}

.Popup .Modal .Htm .Document .Center .FilterInput.T2 input {
	width: 25%
}

.Popup .Modal .Htm .Document .Center .FilterInput input.Error {
	box-shadow: 0 0 0 1px rgba(255,0,0,.25);
	background: rgba(255,0,0,.03)
}

.Popup .Modal .Htm .Document .Center .FilterInput textarea.Error {
	box-shadow: 0 0 0 1px rgba(255,0,0,.25);
	background: rgba(255,0,0,.03)
}

.Popup .Modal .Htm .Document .Center .FilterInput select.Error {
	box-shadow: 0 0 0 1px rgba(255,0,0,.25);
	background: rgba(255,0,0,.03)
}

.Popup .Modal .Htm .Document .Center .FilterInput textarea {
	float: left;
	width: 100%;
	text-indent: 0;
	border: 0;
	line-height: 20px;
	padding: 30px 10px 15px;
	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;
	resize: none;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .FilterInput select {
	float: left;
	width: 50%;
	text-indent: 10px;
	border: 0;
	box-shadow: 0 0 0 1px #e2e2e2;
	outline: none;
	background: #fff;
	font-size: 16px;
	font-family: quicksand,sans-serif;
	margin: 0;
	z-index: 3;
	position: relative;
	padding: 5px 0
}

.Popup .Modal .Htm .Document .Center .InputTab {
	float: left;
	width: 100%;
	margin: 10px 0;
	position: relative;
	box-sizing: border-box;
	padding: 0
}

.Popup .Modal .Htm .Document .Center .PhoneTab {
}

.Popup .Modal .Htm .Document .Center .PhoneTab .intl-tel-input {
	display: block
}

.Popup .Modal .Htm .Document .Center .PhoneTab .intl-tel-input .country-list {
	width: 380px;
	z-index: 9
}

.Popup .Modal .Htm .Document .Center .PhoneTab .intl-tel-input .country-list .country {
	position: relative
}

.Popup .Modal .Htm .Document .Center .InputTab.PhoneTab.Focus .country-list span {
	position: inherit;
	text-indent: inherit;
	line-height: inherit;
	z-index: inherit
}

.Popup .Modal .Htm .Document .Center .PhoneTab .intl-tel-input.allow-dropdown input,.Popup .Modal .Htm .Document .Center .PhoneTab .intl-tel-input.allow-dropdown input[type=text],.Popup .Modal .Htm .Document .Center .PhoneTab .intl-tel-input.allow-dropdown input[type=tel],.Popup .Modal .Htm .Document .Center .PhoneTab .intl-tel-input.separate-dial-code input,.Popup .Modal .Htm .Document .Center .PhoneTab .intl-tel-input.separate-dial-code input[type=text],.Popup .Modal .Htm .Document .Center .PhoneTab .intl-tel-input.separate-dial-code input[type=tel] {
	padding-left: 77px;
	padding-top: 19px
}

.Popup .Modal .Htm .Document .Center .PhoneTab .intl-tel-input .flag-container {
	height: 25px;
	top: 23px
}

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

.Popup .Modal .Htm .Document .Center .InputTab.ICONSELECT span.IconNAME {
	float: left;
	width: 30%;
	margin: 0 0;
	position: relative;
	box-sizing: border-box;
	background: #efefef;
	line-height: 40px
}

.Popup .Modal .Htm .Document .Center .InputTab.ICONSELECT div.IconSelect {
	float: left;
	width: 70%;
	margin: 0 0;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	line-height: 40px;
	cursor: pointer
}

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

.Popup .Modal .Htm .Document .Center .InputTab.ICONSELECT div.IconSelect:hover {
	float: left;
	width: 70%;
	margin: 0 0;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	line-height: 40px;
	background: #383838;
	color: #fff;
	cursor: pointer
}

.Popup .Modal .Htm .Document .Center .Icon {
	float: left;
	width: 100%;
	margin: 10px 0;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	font-size: 78px;
	background: #000;
	color: #fff;
	padding: 20px 0
}

.Popup .Modal .Htm .Document .Center .InputTab.ColorExample input {
	padding: 0
}

.Popup .Modal .Htm .Document .Center .InputTab .Btn.Control {
	box-sizing: border-box;
	position: absolute;
	right: 7px;
	top: 0;
	width: initial;
	background: #00bcd4;
	color: #fff;
	border-radius: 4px;
	font-size: 25px;
	z-index: 5;
	padding: 4px
}

.Popup .Modal .Htm .Document .Center .InputTab .Btn.Control:hover {
	box-sizing: border-box;
	position: absolute;
	right: 7px;
	top: 0;
	width: initial;
	background: #008b9c;
	color: #fff;
	border-radius: 4px;
	font-size: 25px;
	z-index: 5;
	padding: 4px
}

.Popup .Modal .Htm .Document .Center .InputTab.T2 {
	width: 49.5%;
	margin-right: 1%
}

.Popup .Modal .Htm .Document .Center .InputTab.T2.nMR {
	margin-right: 0
}

.Popup .Modal .Htm .Document .Center .InputTab.T3 {
	width: 32.66%;
	margin-right: 1%
}

.Popup .Modal .Htm .Document .Center .InputTab.T3.nMR {
	margin-right: 0
}

.Popup .Modal .Htm .Document .Center .InputTab.T4 {
	width: 24.25%;
	margin-right: 1%
}

.Popup .Modal .Htm .Document .Center .InputTab.T4.nMR {
	margin-right: 0
}

.Popup:not(.ckeditor) .Modal .Htm .Document .Center .InputTab span {
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 10px;
	line-height: 50px;
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .InputTab.PhoneTab.PHONE span {
	line-height: 25px
}

.Popup .Modal .Htm .Document .Center .InputTab.Ok input {
	background: #4caf5030;
	box-shadow: 0 0 0 1px #4caf50
}

.Popup .Modal .Htm .Document .Center .InputTab.Error input {
	background: #ff11002b;
	box-shadow: 0 0 0 1px #f44336
}

.Popup:not(.ckeditor) .Modal .Htm .Document .Center .InputTab.Focus span {
	line-height: 25px;
	font-size: 12px;
	z-index: 4;
	width: 100%
}

.Popup .Modal .Htm .Document .Center .InputTab.Focus input {
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .InputTab.Focus textarea {
	background: #fff;
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .InputTab.Focus select {
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .InputTab .Radio {
	float: left;
	box-shadow: 0 0 0 1px #ccc;
	font-size: 20px;
	margin-top: 40px;
	margin-right: 10px;
	border-radius: 1px;
	background: #fbfbfb;
	padding: 0 20px 0 0;
	cursor: pointer
}

.Popup .Modal .Htm .Document .Center .InputTab .Radio i {
	float: left;
	text-indent: 10px;
	line-height: 35px;
	font-size: 16px;
	font-family: quicksand,sans-serif;
	position: inherit
}

.Popup .Modal .Htm .Document .Center .InputTab .Radio.Aktif i {
	color: #ff5722
}

.Popup .Modal .Htm .Document .Center .InputTab .Radio span {
	float: left;
	text-indent: 10px;
	line-height: 35px;
	font-size: 16px;
	font-family: quicksand,sans-serif;
	position: inherit
}

.Popup .Modal .Htm .Document .Center .InputTab input {
	float: left;
	width: 100%;
	text-indent: 10px;
	border: 0;
	line-height: 35px;
	padding: 15px 0 0;
	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;
	border-radius: 0
}

.Popup .Modal .Htm .Document .Center .InputTab input.Error {
	box-shadow: 0 0 0 1px rgba(255,0,0,.25);
	background: rgba(255,0,0,.03)
}

.Popup .Modal .Htm .Document .Center .InputTab textarea.Error {
	box-shadow: 0 0 0 1px rgba(255,0,0,.25);
	background: rgba(255,0,0,.03)
}

.Popup .Modal .Htm .Document .Center .InputTab select.Error {
	box-shadow: 0 0 0 1px rgba(255,0,0,.25);
	background: rgba(255,0,0,.03)
}

.Popup .Modal .Htm .Document .Center .InputTab textarea {
	float: left;
	width: 100%;
	text-indent: 0;
	border: 0;
	line-height: 20px;
	padding: 30px 10px 15px;
	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;
	resize: none;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .InputTab select {
	float: left;
	width: 100%;
	text-indent: 10px;
	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;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background: url(/Library/Theme_v2/img/selectdown.png) calc(100% - 10px) 50% no-repeat
}

.Popup .Modal .Htm .Document .Center .VariationList {
	float: left;
	width: 100%;
	padding: 1%;
	background: #fff;
	box-sizing: border-box;
	border-radius: 2px;
	box-shadow: 0 0 0 1px #e4e4e4
}

.Popup .Modal .Htm .Document .Center .VariationList .ItemTitle {
	float: left;
	width: 100%
}

.Popup .Modal .Htm .Document .Center .VariationList .ItemTitle div {
	float: left;
	width: 16.66%;
	position: relative;
	line-height: 30px;
	text-indent: 5px;
	font-weight: 400;
	background: #efefef;
	box-shadow: 0 0 0 1px #dcdcdc;
	color: #000
}

.Popup .Modal .Htm .Document .Center .VariationList .ItemTitle div:first-child {
}

.Popup .Modal .Htm .Document .Center .VariationList .Item {
	float: left;
	width: 100%
}

.Popup .Modal .Htm .Document .Center .VariationList .Item div {
	float: left;
	width: 16.66%;
	position: relative;
	line-height: 37px;
	text-indent: 10px;
	font-weight: 700
}

.Popup .Modal .Htm .Document .Center .VariationList .Item div:first-child {
	background: #fff;
	color: #000;
	box-shadow: 0 0 0 1px #d6d6d6
}

.Popup .Modal .Htm .Document .Center .VariationList .Item div.nMR {
	margin-right: 0
}

.Popup .Modal .Htm .Document .Center .VariationList .Item div input {
	float: left;
	width: 100%;
	line-height: 35px;
	border: 0;
	box-shadow: 0 0 0 1px #d6d6d6;
	outline: none;
	text-indent: 10px
}

.Popup .Modal .Htm .Document .Center .VariationList .Item div span {
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 10px;
	line-height: 50px;
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .VariationList .Item div select {
	float: left;
	width: 16.66%
}

.Popup .Modal .Htm .Document .Center .VariationList .Item div select {
	float: left;
	width: 100%;
	text-indent: 10px;
	border: 0;
	line-height: 35px;
	padding: 18px 0 10px;
	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
}

.Popup .Modal .Htm .Document .Center .VariationList .Item div select.Error {
	box-shadow: 0 0 0 1px rgba(255,0,0,.25);
	background: rgba(255,0,0,.03)
}

.Popup .Modal .Htm .Document .Center .VariationList .Item div.Focus select {
	background: #fff;
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .VariationList .Item div.Focus span {
	line-height: 25px;
	font-size: 12px;
	z-index: 1
}

.Popup .Modal .Htm .Document .Center .VariationList .Item div.Focus select {
	background: #fff;
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.Popup .Modal .Htm .Document .Bottom {
	float: left;
	width: 100%;
	padding: 10px;
	text-align: right;
	background: #f4f4f4;
	box-sizing: border-box;
	border-top: 1px dashed #e4e4e4
}

.Popup .Modal .Htm .Document .Bottom input {
	float: left;
	width: 50%;
	border: 1px solid rgba(116,116,116,.27);
	padding: 12px 10px;
	text-align: left;
	background: #fff;
	box-sizing: border-box;
	outline: none
}

.Popup .Modal .Htm .Document .Bottom .Btn_Vazgec {
	padding: 9px 15px;
	margin: 5px;
	font-size: 12px;
	color: #000;
	cursor: pointer;
	float: right;
	border-radius: 6px;
	border: 1px solid #c5c5c5
}

.Popup .Modal .Htm .Document .Bottom .Btn_Vazgec:hover {
	background: #d2d2d2
}

.Popup .Modal .Htm .Document .Bottom .Btn_AddLeft {
	padding: 3px 7px;
	margin: 10px 5px;
	font-size: 12px;
	color: #000;
	cursor: pointer;
	float: left;
	border-radius: 3px;
	background: #fff
}

.Popup .Modal .Htm .Document .Bottom select {
	padding: 3px 7px;
	margin: 10px 5px;
	font-size: 12px;
	color: #000;
	cursor: pointer;
	float: left;
	border-radius: 3px;
	background: #fff;
	outline: none
}

.Popup .Modal .Htm .Document .Bottom select.Error {
	box-shadow: 0 0 0 1px red
}

.Popup .Modal .Htm .Document .Bottom .Btn_AddLeft:hover {
	background: #dedede
}

.Popup .Modal .Htm .Document .Bottom .Remember {
	margin: 5px 0;
	float: left
}

.Popup .Modal .Htm .Document .Bottom .Remember span {
	float: left;
	border: 0;
	margin: 5px 4px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	line-height: 24px
}

.Popup .Modal .Htm .Document .Bottom .Btn_Devam {
	border-radius: 6px;
	padding: 8px 33px;
	border: 0;
	margin: 5px;
	background: rgba(8,8,8,.64);
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	float: right
}

.Popup .Modal .Htm .Document .Bottom .Btn_Devam:hover {
	background: #fd7c23
}

.Popup .Modal .Htm .Document .Bottom .Btn_PaymentBack {
	border-radius: 2px;
	padding: 8px 33px;
	border: 0;
	margin: 5px;
	background: rgba(8,8,8,.64);
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	float: right
}

.Popup .Modal .Htm .Document .Bottom .Btn_PaymentBack:hover {
	background: #00a6bb
}

.Popup .Modal .Htm .Document .Bottom .item.B1 {
	border-radius: 6px;
	padding: 8px 33px;
	border: 0;
	margin: 5px;
	background: rgba(8,8,8,.64);
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	float: right
}

.Popup .Modal .Htm .Document .Bottom .item.B1 {
	background: #00a6bb
}

.Popup .Modal .Htm .Document .Bottom .item.B2 {
	padding: 9px 15px;
	margin: 5px;
	font-size: 12px;
	color: #000;
	cursor: pointer;
	float: right;
	border-radius: 6px;
	border: 1px solid #c5c5c5
}

.Popup .Modal .Htm .Document .Bottom .item.B2:hover {
	background: #d2d2d2
}

.Popup .Modal .Htm .Document .Bottom .Btn_Devam.Success {
	background: #00a6bb
}

.Popup .Modal .Htm .Document .Bottom .Btn_Devam:hover.Success {
	background: #0090a2
}

.Popup .Modal .Htm .Document .Bottom .Btn_Devam.nonSuccess {
	background: #f44336
}

.Popup .Modal .Htm .Document .Bottom .Btn_Devam:hover.nonSuccess {
	background: #d63a2e
}

.Popup.Alert .Modal {
	width: 30%
}

.Popup.NewCall {
	position: fixed;
	right: 10px;
	bottom: 45px;
	left: initial;
	z-index: 104;
	outline: 0;
	overflow-y: auto;
	height: initial;
	width: 450px;
	top: auto;
	padding-right: 0;
	background: #ff5722;
	border-radius: 4px
}

.Popup.NewCall .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: 100%;
	height: 100%
}

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

.Popup.NewCall .Modal .Htm .Document {
	position: relative;
	outline: 0;
	margin: 0;
	border-radius: 4px;
	background: 0 0;
	display: inline-block;
	padding: 0;
	width: 100%
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar {
	float: left;
	width: 20%;
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #e3e3e3;
	border-radius: 2px;
	margin-top: 1px
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab {
	float: left;
	background: #f9fafb;
	border: 0 solid #e3e4e5;
	cursor: pointer;
	width: 100%;
	margin-bottom: -1px
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab.Open {
	background: #fff!important
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab.Open .Wind {
	display: block
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab:hover {
	background: rgba(249,250,251,.8)
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab span {
	float: left;
	line-height: 28px;
	text-indent: 10px;
	font-size: 13px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab i {
	float: right;
	line-height: 36px;
	padding-right: 10px
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab .Wind {
	float: left;
	width: 100%;
	padding: 0 1px;
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
	display: none
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab .Wind .InputTab {
	float: left;
	width: 100%;
	position: relative;
	box-sizing: border-box
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab .Wind .InputTab {
	float: left;
	width: 100%;
	margin: 4px 0
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab .Wind .InputTab span {
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 10px;
	line-height: 52px;
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab .Wind .InputTab.Focus span {
	line-height: 25px;
	font-size: 12px;
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab .Wind .InputTab.Focus input {
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab .Wind .InputTab.Focus textarea {
	background: #fff;
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab .Wind .InputTab.Focus select {
	box-shadow: 0 0 0 1px #000;
	z-index: 0
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .FilterTab .Wind .InputTab input {
	float: left;
	width: 100%;
	padding: 5px 0;
	text-indent: 10px;
	border-radius: 2px;
	background: #f9fafb!important;
	outline: none;
	line-height: 20px;
	font-size: 14px
}

.Popup .Modal .Htm .Document .Center .PopupFilterBar .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: 14px;
	font-family: quicksand,sans-serif;
	margin: 0;
	z-index: 3;
	position: relative
}

.Popup .Modal .Htm .Document .Center .PopupList {
	float: left;
	width: 80%;
	padding: 0 10px;
	text-align: left;
	box-sizing: border-box
}

.newPopup.Btn {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 104;
	outline: 0;
	overflow-y: auto;
	height: 100%;
	top: auto;
	padding-right: 0;
	font-family: sans-serif;
	background: rgba(0,0,0,.38)
}

.newPopup.Btn .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
}

.newPopup.Btn .Modal .Htm {
	display: table-cell;
	vertical-align: middle
}

.newPopup.Btn .Modal .Htm .Document {
	position: relative;
	outline: 0;
	margin: 0 auto;
	padding: 0;
	border-radius: 4px;
	background: 0 0;
	display: inline-block;
	width: 230px
}

.newPopup.Btn .Modal .Htm .Document .Center {
	float: left;
	width: 90%;
	font-size: 14px;
	font-weight: lighter;
	text-align: left;
	background: #fff;
	padding: 5%;
	border-radius: 4px
}

.newPopup.Btn .Modal .Htm .Document .Center .Btn {
	float: left;
	width: 100%;
	padding: 15px 10px;
	text-align: center;
	font-weight: lighter;
	background: #fff;
	margin: 4px 0;
	border-radius: 2px;
	font-size: 16px;
	box-sizing: border-box;
	cursor: pointer
}

.newPopup.Btn .Modal .Htm .Document .Center .Btn.SaveClose {
	background: #ff5722;
	color: #fff
}

.newPopup.Btn .Modal .Htm .Document .Center .Btn.Delete {
	background: red;
	color: #fff
}

.newPopup.Btn .Modal .Htm .Document .Center .Btn.Okay {
	background: #03a9f4;
	color: #fff
}

.newPopup.Btn .Modal .Htm .Document .Center .Btn.Cancel {
	background: #e2e2e2;
	color: #000
}

.Popup .Modal .Htm .Document .Center .InputTabOther {
	float: left;
	width: 100%;
	margin: 10px 0;
	position: relative;
	box-sizing: border-box
}

.newPopup.Alert {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 104;
	outline: 0;
	overflow-y: auto;
	height: 100%;
	top: auto;
	padding-right: 0;
	font-family: sans-serif;
	background: rgba(0,0,0,.38)
}

.newPopup.Alert .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
}

.newPopup.Alert .Modal .Htm {
	display: table-cell;
	vertical-align: middle
}

.newPopup.Alert .Modal .Htm .Document {
	position: relative;
	outline: 0;
	margin: 0 auto;
	padding: 0;
	border-radius: 4px;
	background: #fff;
	display: inline-block;
	width: 640px
}

.newPopup.Alert .Modal .Htm .Document .Close {
	float: left;
	position: absolute;
	right: 5px;
	top: 8px;
	padding: 4px 6px 4px 5px;
	cursor: pointer;
	font-size: 18px;
	color: #000
}

.newPopup.Alert .Modal .Htm .Document .CloseHover {
	background: #e3e3e3
}

.newPopup.Alert .Modal .Htm .Document .Title {
	float: left;
	color: #1f1e1e;
	width: 100%;
	text-align: left;
	font-size: 20px;
	background: #ececec;
	padding: 12px 0 10px;
	border-radius: 4px 4px 0 0;
	text-indent: 20px;
	border-bottom: 1px solid #e2e2e2
}

.newPopup.Alert .Modal .Htm .Document .Or {
	position: relative;
	width: 100%;
	float: left;
	height: 0;
	margin-bottom: 0;
	text-align: center;
	border-bottom: 1px solid #2c2c2c
}

.newPopup.Alert .Modal .Htm .Document .Or .Text {
	background: #fff;
	padding: 0 5px;
	display: -webkit-inline-box;
	text-align: center;
	color: #000;
	font-size: 13px
}

.newPopup.Alert .Modal .Htm .Document .Center {
	float: left;
	width: 92%;
	padding: 4%;
	font-size: 14px;
	font-weight: lighter;
	text-align: left
}

.newPopup.Alert .Modal .Htm .Document .Bottom {
	float: left;
	width: 92%;
	padding: 15px 4%;
	border-top: 1px solid #e2e2e2;
	margin-top: 0;
	text-align: right;
	background: #ececec;
	border-radius: 0 0 3px 3px
}

.newPopup.Alert .Modal .Htm .Document .Bottom .Btn-Cancel {
	float: none;
	display: -webkit-inline-box;
	border-radius: 3px;
	padding: 8px 20px;
	border: 0;
	margin: 0 5px 0 0;
	background: #ececec;
	font-size: 14px;
	color: #797979;
	cursor: pointer
}

.newPopup.Alert .Modal .Htm .Document .Bottom .Btn-Cancel:hover {
	background: #575757;
	color: #fff
}

.newPopup.Alert .Modal .Htm .Document .Bottom .Btn-Okay {
	float: none;
	display: -webkit-inline-box;
	border-radius: 3px;
	padding: 8px 20px;
	border: 0;
	margin: 0 5px;
	background: #607d8b;
	font-size: 17px;
	color: #fff;
	cursor: pointer
}

.newPopup.Alert .Modal .Htm .Document .Bottom .Btn-Okay:hover {
	background: #00a2b7
}

.newPopup.Alert .Modal .Htm .Document .Bottom .Btn-EkstraLeft {
	position: absolute;
	left: 15px;
	border-radius: 3px;
	padding: 8px 20px;
	border: 0;
	margin: 0 5px;
	background: #ff5722;
	font-size: 17px;
	color: #fff;
	cursor: pointer
}

.newPopup.Alert .Modal .Htm .Document .Bottom .Btn-EkstraLeft:hover {
	background: #e44817
}

.newPopup.Library {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 104;
	outline: 0;
	overflow-y: auto;
	height: 100%;
	top: auto;
	padding-right: 0;
	font-family: sans-serif;
	background: rgba(0,0,0,.38)
}

.newPopup.Library .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
}

.newPopup.Library .Modal .Htm {
	display: table-cell;
	vertical-align: middle
}

.newPopup.Library .Modal .Htm .Document {
	position: relative;
	outline: 0;
	margin: 0 auto;
	padding: 0;
	border-radius: 4px;
	background: #fff;
	display: inline-block;
	width: 640px
}

.newPopup.Library .Modal .Htm .Document .Title {
	float: left;
	color: #1f1e1e;
	width: 100%;
	text-align: left;
	font-size: 20px;
	background: #ececec;
	padding: 12px 0 10px;
	border-radius: 4px 4px 0 0;
	text-indent: 20px;
	border-bottom: 1px solid #e2e2e2
}

.newPopup.Library .Modal .Htm .Document .Center {
	float: left;
	width: 92%;
	padding: 4%;
	font-size: 14px;
	font-weight: lighter;
	text-align: left
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.LogoList {
	float: left;
	width: 100%
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.LogoList .Item {
	float: left;
	width: 100%;
	box-shadow: 0 0 0 1px #e6e6e6;
	margin: 5px 0;
	background: #f9f9f9;
	border-radius: 2px;
	cursor: pointer
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.LogoList .Item:hover {
	background: #efefef
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.LogoList .Item.Aktif {
	background: #00bcd4;
	color: #fff
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.LogoList .Item .Img {
	float: left;
	width: 25%;
	text-align: center;
	box-shadow: 1px 0 0 0 #ccc;
	background: #ececec;
	height: 40px
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.LogoList .Item .Img img {
	height: 32px;
	display: inline-block;
	margin: 4px 0
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.LogoList .Item .Name {
	float: left;
	width: 65%;
	line-height: 40px;
	font-size: 13px;
	text-align: left;
	box-shadow: 1px 0 0 0 #ccc;
	text-indent: 30px;
	font-weight: 700
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.LogoList .Item .Status {
	float: left;
	width: 10%;
	text-align: center;
	line-height: 40px
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.LogoList .Item.Aktif .Status {
	font-size: 24px
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.OneList {
	float: left;
	width: 100%
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.OneList .Item {
	float: left;
	width: 100%;
	box-shadow: 0 0 0 1px #e6e6e6;
	background: #f9f9f9;
	cursor: pointer
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.OneList .Item:hover {
	background: #efefef
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.OneList .Item.Aktif {
	background: #00bcd4;
	color: #fff
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.OneList .Item .Name {
	float: left;
	width: 65%;
	line-height: 30px;
	font-size: 14px;
	text-align: left;
	box-shadow: 1px 0 0 0 #ccc;
	text-indent: 12px
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.OneList .Item .Status {
	float: left;
	width: 10%;
	text-align: center;
	line-height: 30px
}

.newPopup.Library .Modal .Htm .Document .Center .appBox.OneList .Item.Aktif .Status {
	font-size: 24px
}

.newPopup.Library .Modal .Htm .Document .Bottom {
	float: left;
	width: 92%;
	padding: 15px 4%;
	border-top: 1px solid #e2e2e2;
	margin-top: 0;
	text-align: right;
	background: #ececec;
	border-radius: 0 0 3px 3px
}

.newPopup.Library .Modal .Htm .Document .Bottom .Btn-Cancel {
	float: none;
	display: -webkit-inline-box;
	border-radius: 3px;
	padding: 8px 20px;
	border: 0;
	margin: 0 5px 0 0;
	background: #ececec;
	font-size: 14px;
	color: #797979;
	cursor: pointer
}

.newPopup.Library .Modal .Htm .Document .Bottom .Btn-Cancel:hover {
	background: #575757;
	color: #fff
}

.newPopup.Library .Modal .Htm .Document .Bottom .Btn-Okay {
	float: none;
	display: -webkit-inline-box;
	border-radius: 3px;
	padding: 8px 20px;
	border: 0;
	margin: 0 5px;
	background: #607d8b;
	font-size: 17px;
	color: #fff;
	cursor: pointer
}

.newPopup.Library .Modal .Htm .Document .Bottom .Btn-Okay:hover {
	background: #00a2b7
}

.newPopup.Edit {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 104;
	outline: 0;
	overflow-y: auto;
	height: 100%;
	top: auto;
	padding-right: 0;
	font-family: sans-serif;
	background: rgba(0,0,0,.38)
}

.newPopup.Edit .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
}

.newPopup.Edit .Modal .Htm {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.newPopup.Edit .Modal .Htm .Document {
	position: relative;
	outline: 0;
	margin: 0 auto;
	padding: 0;
	border-radius: 4px;
	background: #fff;
	display: inline-block;
	width: 640px
}

.newPopup.Edit .Modal .Htm .Document .Close {
	float: left;
	position: absolute;
	right: 5px;
	top: 8px;
	padding: 4px 6px 4px 5px;
	cursor: pointer;
	font-size: 18px;
	color: #000
}

.newPopup.Edit .Modal .Htm .Document .CloseHover {
	background: #e3e3e3
}

.newPopup.Edit .Modal .Htm .Document .Title {
	float: left;
	color: #1f1e1e;
	width: 100%;
	text-align: left;
	font-size: 20px;
	background: #ececec;
	padding: 12px 0 10px;
	border-radius: 4px 4px 0 0;
	text-indent: 20px;
	border-bottom: 1px solid #e2e2e2
}

.newPopup.Edit .Modal .Htm .Document .Center .Text {
	display: -webkit-inline-box;
	text-align: center;
	color: #3d7680;
	font-size: 13px;
	margin: 1% 0;
	padding: 10px;
	background: #d9ecef;
	border: 1px dashed #6db4bd;
	box-sizing: border-box;
	width: 100%
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup {
	float: left;
	width: 100%;
	padding: 5px 0;
	position: relative
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup .variationItemTitle {
	float: left;
	width: 100%;
	padding: 5px 1%;
	position: relative;
	background: #71a8b1;
	color: #fff;
	margin-bottom: 1px;
	box-sizing: border-box
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup .variationItemTitle .Title {
	float: left;
	width: 40%;
	padding: 5px 0;
	position: relative;
	background: 0 0;
	margin-bottom: 1px;
	font-size: 14px;
	border: 0;
	color: inherit;
	text-indent: 0
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup .variationItemTitle .Stock {
	float: left;
	width: 15%;
	padding: 5px 0;
	position: relative;
	background: 0 0;
	margin-bottom: 1px
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup .variationItemTitle .Price {
	float: left;
	width: 15%;
	padding: 5px 0;
	position: relative;
	background: 0 0;
	margin-bottom: 1px
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup .variationItem {
	float: left;
	width: 100%;
	padding: 5px 1%;
	position: relative;
	background: #d9ecef;
	margin-bottom: 1px;
	box-sizing: border-box
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup .variationItem .Title {
	float: left;
	width: 40%;
	padding: 0;
	position: relative;
	font-size: 15px;
	border-radius: 4px 0 0 4px;
	border: 0;
	background: 0 0;
	margin: 0
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup .variationItem .Title input {
	float: left;
	width: 100%;
	padding: 7px 0;
	position: relative;
	border-radius: 0;
	text-indent: 10px;
	box-shadow: 0 0 0 1px #c5e5ea;
	background: #fff
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup .variationItem input {
	float: left;
	width: 15%;
	padding: 7px 0;
	position: relative;
	border-radius: 0;
	text-indent: 10px;
	box-shadow: 0 0 0 1px #c5e5ea;
	background: #fff
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup span {
	float: left;
	width: 60%;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 5px;
	background: #fbfbfb;
	border-right: 1px solid #ccc;
	line-height: 38px;
	text-indent: 10px;
	border-radius: 4px 0 0 4px
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup select {
	float: left;
	width: 100%;
	border: 0;
	box-shadow: 0 0 0 1px #ccc;
	padding: 10px 0;
	border-radius: 4px;
	outline: none;
	font-size: 14px;
	text-indent: 61%
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup textarea {
	float: left;
	width: 100%;
	border: 0;
	box-shadow: 0 0 0 1px #ccc;
	padding: 11px 0;
	border-radius: 4px;
	outline: none;
	font-size: 14px;
	text-indent: 0;
	font-family: sans-serif;
	padding: 2%;
	box-sizing: border-box;
	resize: none;
	min-height: 100px
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup input {
	float: left;
	width: 100%;
	border: 0;
	box-shadow: 0 0 0 1px #ccc;
	padding: 11px 0;
	border-radius: 4px;
	outline: none;
	font-size: 14px;
	text-indent: 61%
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup.Type2 {
	float: left;
	width: 100%;
	padding: 5px 0;
	position: relative
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup.Type2 span {
	float: left;
	width: 100%;
	font-size: 14px;
	background: 0 0;
	border: 0;
	line-height: 30px;
	text-indent: 0;
	border-radius: 0;
	position: initial
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup.Type2 select {
	float: left;
	width: 100%;
	border: 0;
	box-shadow: 0 0 0 1px #ccc;
	padding: 10px 0;
	border-radius: 4px;
	outline: none;
	font-size: 14px;
	text-indent: 61%
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup.Type2 input {
	float: left;
	width: 100%;
	border: 0;
	box-shadow: 0 0 0 1px #ccc;
	padding: 11px 0;
	border-radius: 4px;
	outline: none;
	font-size: 14px;
	text-indent: 10px
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup.Type2 .Check {
	float: left;
	border: 0;
	margin-right: 10px;
	background: #f7f7f7;
	box-shadow: 0 0 0 1px #ececec;
	padding: 5px 20px;
	border-radius: 4px;
	cursor: pointer
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup.Type2 .Check i {
	float: left;
	font-size: 14px;
	line-height: 25px;
	margin-right: 10px
}

.newPopup.Edit .Modal .Htm .Document .Center .Grup.Type2 .Check span {
	float: left;
	width: initial;
	font-size: 14px;
	box-shadow: none;
	line-height: 24px
}

.newPopup.Edit .Modal .Htm .Document .Center .TabBox {
	float: left;
	width: 100%
}

.newPopup.Edit .Modal .Htm .Document .Center .TabBox .Tab {
	float: left;
	background: #efefef;
	cursor: pointer;
	padding: 9px 10px 17px;
	margin-left: -1px;
	margin-right: 4px;
	border: 1px solid transparent
}

.newPopup.Edit .Modal .Htm .Document .Center .TabBox .Tab.Aktif {
	float: left;
	background: #fff;
	border: 1px solid #d9ecef;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #fff
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView {
	float: left;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 0 1px #d9ecef;
	padding: 30px 10px;
	box-sizing: border-box;
	display: none
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView.Aktif {
	float: left;
	display: block
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .List {
	float: left;
	width: 100%
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .List .Item {
	float: left;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 0 1px #c9e2e6;
	border: 0;
	position: relative
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .List .Item .Setting {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 6
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .List .Item .Setting i {
	position: absolute;
	line-height: 38px;
	width: 20px;
	left: 0;
	color: #000;
	cursor: pointer;
	font-size: 19px;
	text-align: center
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .List .Item .Setting:hover i {
	float: left;
	color: #6db4bd;
	background: #fff
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .List .Item .Setting:hover .Wind {
	display: block
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .List .Item .Setting .Wind {
	float: left;
	position: absolute;
	top: 0;
	left: 20px;
	background: #fff;
	width: 140px;
	box-shadow: -1px 3px 14px -7px #000;
	display: none;
	z-index: 3
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .List .Item .Setting .Wind span {
	float: left;
	width: 100%;
	font-size: 13px;
	position: initial;
	text-align: left;
	line-height: 20px;
	border-bottom: 1px solid #efefef;
	padding: 5px 0;
	text-indent: 8px;
	color: #a5a5a5;
	cursor: pointer;
	margin: 0
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .List .Item .Setting .Wind span:hover {
	background: #f7f7f7;
	color: #000
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .List .Item .Setting .Wind i {
	float: left;
	font-size: 14px;
	position: initial;
	text-align: left;
	line-height: 20px;
	background: inherit;
	color: inherit
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .List .Item span {
	float: left;
	font-size: 16px;
	margin-left: 20px;
	border-left: 1px solid #d9ecef;
	padding: 10px 0;
	text-indent: 10px
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .Title {
	float: left;
	display: block;
	font-size: 14px;
	background: #d9ecef;
	box-shadow: 0 0 0 1px #c9e2e6;
	border: 0;
	position: relative
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .Title i {
	float: right;
	display: block;
	font-size: 26px;
	position: absolute;
	right: 6px;
	top: 6px;
	cursor: pointer;
	color: #7ea5ab
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .Title i:hover {
	color: #50767b
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .LocationBox {
	float: left;
	width: 23.5%;
	padding-right: 1%;
	margin-right: 1%;
	box-shadow: 1px 0 0 0 #bed6da
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .LocationBox:last-child {
	margin: 0;
	padding: 0;
	box-shadow: none
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .LocationBox span {
	float: left;
	width: 100%;
	padding: 10px 0;
	background: #efefef;
	text-indent: 5px;
	border-radius: 4px 4px 0 0
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .LocationBox .List {
	float: left;
	width: 100%
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .LocationBox .List .Item {
	float: left;
	width: 100%;
	background: #f7f7f7;
	margin-bottom: 1px;
	box-shadow: none;
	padding: 0
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .LocationBox .List .Item span {
	float: left;
	background: 0 0;
	width: 50%;
	font-size: 14px;
	text-indent: 10px;
	margin: 0
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .LocationBox .List .Item select {
	float: left;
	border: 0;
	padding: 5px 10px;
	box-shadow: 0 0 0 1px #dcdcdc;
	border-radius: 2px;
	margin: 5px;
	width: 37%;
	outline: none
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .LocationBox .List .Item i {
	float: left;
	width: 6%;
	line-height: 27px;
	text-align: center;
	border-radius: 2px;
	background: #e2e2e2;
	color: #9e9e9e;
	margin: 5px 2%;
	cursor: pointer
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .LocationBox .List .Item i.Aktif {
	background: #03a9f4!important;
	color: #fff!important
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .LocationBox .List .Item i:hover {
	background: #b5b5b5;
	color: #fff
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .GrupLeft {
	float: left;
	width: 27%;
	padding-right: 2%;
	box-shadow: 1px 0 0 0 #bed6da
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .InputBox {
	float: left;
	width: 100%;
	position: relative
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .InputBox span {
	float: left;
	width: 180px;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
	background: #fbfbfb;
	line-height: 35px;
	border-right: 1px solid #ccc;
	text-indent: 10px
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .InputBox input {
	float: left;
	width: 100%;
	box-shadow: 0 0 0 1px #ccc;
	border: 0;
	padding: 10px 0;
	text-indent: 190px;
	outline: none
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .InputBox select {
	float: left;
	width: 100%;
	box-shadow: 0 0 0 1px #ccc;
	border: 0;
	padding: 9px 0;
	text-indent: 185px;
	outline: none
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .GrupRight {
	float: left;
	width: 68%;
	padding-left: 2%
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .GrupRight .SelectBox {
	float: left;
	width: 98%;
	box-shadow: 0 0 0 1px #d9ecef;
	margin-bottom: 20px;
	padding: 1%;
	border-radius: 3px
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .GrupRight .SelectBox span {
	float: left;
	width: 100%;
	position: relative
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .GrupRight .SelectBox span i {
	position: absolute;
	right: 0;
	top: -3px;
	font-size: 22px;
	cursor: pointer;
	color: #adced4
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .GrupRight .SelectBox span i:hover {
	color: #73a2ab
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .GrupRight .SelectBox .List {
	float: left;
	width: 100%;
	padding: 1% 0
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .GrupRight .SelectBox .List span {
	float: left;
	width: initial;
	border: 0;
	padding: 5px 20px;
	background: #e8f1f3;
	margin: 2px;
	border-radius: 2px;
	cursor: pointer
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .GrupRight .SelectBox .List span:hover {
	background: #d8e9ec
}

.newPopup.Edit .Modal .Htm .Document .Center .TabView .GrupRight .SelectBox .List span.Aktif {
	background: #00bcd4
}

.newPopup.Edit .Modal .Htm .Document .Center {
	float: left;
	width: 100%;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: lighter;
	text-align: left;
	box-sizing: border-box;
	overflow: auto
}

.newPopup.Edit .Modal .Htm .Document .Center .Blank {
	float: left;
	width: 100%;
	background: rgba(255,3,3,.08);
	box-shadow: 0 0 0 1px rgba(255,0,0,.19);
	text-align: center
}

.newPopup.Edit .Modal .Htm .Document .Center .Blank i {
	float: left;
	width: 100%;
	padding: 10px 0;
	font-size: 40px;
	text-align: center;
	color: rgba(255,0,0,.28)
}

.newPopup.Edit .Modal .Htm .Document .Center .Blank span {
	float: left;
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	color: rgba(208,139,139,.51)
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.SelectBox {
	float: left;
	width: 98%;
	margin-bottom: 10px;
	padding: 1%;
	background: rgba(217,236,239,.34);
	border-radius: 4px
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.SelectBox span {
	float: left;
	width: 100%;
	font-size: 14px;
	padding: 4px 0
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.SelectBox select {
	background: #fff;
	padding: 10px;
	border: 0;
	box-shadow: 0 0 0 1px #efefef;
	border-radius: 2px;
	outline: none
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.SelectBox .Btn.AddSubClass {
	background: #3d6484;
	color: #fff;
	padding: 10px 13px;
	border: 0;
	margin-left: 10px;
	box-shadow: 0 0 0 1px #efefef;
	border-radius: 2px;
	outline: none;
	cursor: pointer
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.SelectBox .ClassSubList {
	float: left;
	width: 100%;
	margin-top: 10px
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.SelectBox .ClassSubList span {
	float: left;
	width: initial;
	padding: 10px 13px;
	margin: 5px 5px 5px 0;
	box-shadow: 0 0 0 1px #efefef;
	border-radius: 2px;
	outline: none;
	cursor: pointer;
	background: #ff9800;
	color: #fff
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.OneList {
	float: left;
	width: 100%
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.OneList .Item {
	float: left;
	width: 100%;
	box-shadow: 0 0 0 1px #e6e6e6;
	background: #f9f9f9;
	cursor: pointer
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.OneList .Item:hover {
	background: #efefef
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.OneList .Item.Aktif {
	background: #00bcd4;
	color: #fff
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.OneList .Item .Name {
	float: left;
	width: 65%;
	line-height: 30px;
	font-size: 14px;
	text-align: left;
	box-shadow: 1px 0 0 0 #ccc;
	text-indent: 12px
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.OneList .Item .Btn {
	float: right;
	line-height: 24px;
	font-size: 12px;
	text-align: left;
	box-shadow: 0 0 0 1px rgba(204,204,204,.43);
	background: #fff;
	margin: 3px 0;
	margin-right: 10px;
	border-radius: 2px;
	text-indent: 0;
	padding: 0 20px;
	cursor: pointer
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.OneList .Item .Status {
	float: left;
	width: 10%;
	text-align: center;
	line-height: 30px
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.OneList .Item.Aktif .Status {
	font-size: 24px
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.TwoList {
	float: left;
	width: 100%
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.TwoList .Item {
	float: left;
	width: 100%;
	box-shadow: 0 0 0 1px #e6e6e6;
	background: #f9f9f9;
	cursor: pointer
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.TwoList .Item:hover {
	background: #efefef
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.TwoList .Item.Aktif {
	background: #00bcd4;
	color: #fff
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.TwoList .Item .Name {
	float: left;
	width: 35%;
	line-height: 30px;
	font-size: 14px;
	text-align: left;
	box-shadow: 1px 0 0 0 #ccc;
	text-indent: 12px
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.TwoList .Item .Currency {
	float: left;
	width: 15%;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	box-shadow: 1px 0 0 0 #ccc;
	text-indent: 0
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.TwoList .Item .Btn {
	float: right;
	line-height: 24px;
	font-size: 12px;
	text-align: left;
	box-shadow: 0 0 0 1px rgba(204,204,204,.43);
	background: #fff;
	margin: 3px 0;
	margin-right: 10px;
	border-radius: 2px;
	text-indent: 0;
	padding: 0 20px;
	cursor: pointer
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.TwoList .Item .Status {
	float: left;
	width: 10%;
	text-align: center;
	line-height: 30px
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.TwoList .Item.Aktif .Status {
	font-size: 24px
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.InputList {
	float: left;
	width: 100%
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.InputList .ItemTitle {
	float: left;
	width: 100%;
	box-shadow: 0 0 0 1px #e6e6e6;
	background: #f9f9f9;
	cursor: pointer;
	position: relative
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.InputList .ItemTitle .Di1 {
	float: left;
	width: 25%;
	box-shadow: 0 0 0 1px #dadada;
	cursor: pointer;
	position: relative;
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
	background: #e6e6e6
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.InputList .Item {
	float: left;
	width: 100%;
	box-shadow: 0 0 0 1px #e6e6e6;
	background: #f9f9f9;
	cursor: pointer;
	position: relative
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.InputList .Item:hover {
	background: #efefef
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.InputList .Item input {
	float: left;
	width: 25%;
	line-height: 25px;
	font-size: 14px;
	text-align: left;
	outline: none;
	text-indent: 12px;
	border: 0;
	box-shadow: 0 0 0 1px #e4e4e4
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.InputList .Item i {
	position: absolute;
	right: 0;
	line-height: 27px;
	font-size: 14px;
	background: #ececec;
	text-align: center;
	padding: 0 10px;
	color: #b5b5b5
}

.newPopup.Edit .Modal .Htm .Document .Center .appBox.InputList .Item i:hover {
	background: red;
	color: #fff
}

.newPopup.Edit .Modal .Htm .Document .Center .Blank .Btn {
	display: inline-block;
	font-size: 14px;
	font-weight: lighter;
	text-align: left;
	box-sizing: border-box;
	padding: 10px 20px;
	cursor: pointer;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 0 0 1px #ecc6c6;
	margin: 5px 0 20px
}

.newPopup.Edit .Modal .Htm .Document .Bottom {
	float: left;
	width: 100%;
	padding: 15px;
	border-top: 1px solid #e2e2e2;
	margin-top: 0;
	text-align: right;
	background: #ececec;
	border-radius: 0 0 3px 3px;
	box-sizing: border-box
}

.newPopup.Edit .Modal .Htm .Document .Bottom .Btn-Cancel {
	float: none;
	display: -webkit-inline-box;
	border-radius: 3px;
	padding: 8px 20px;
	border: 0;
	margin: 0 5px 0 0;
	background: #ececec;
	font-size: 14px;
	color: #797979;
	cursor: pointer
}

.newPopup.Edit .Modal .Htm .Document .Bottom .Btn-Cancel:hover {
	background: #575757;
	color: #fff
}

.newPopup.Edit .Modal .Htm .Document .Bottom .Btn-Okay {
	float: none;
	display: -webkit-inline-box;
	border-radius: 3px;
	padding: 8px 20px;
	border: 0;
	margin: 0 5px;
	background: #607d8b;
	font-size: 17px;
	color: #fff;
	cursor: pointer
}

.newPopup.Edit .Modal .Htm .Document .Bottom .Btn-Okay:hover {
	background: #00a2b7
}

.newPopup.Edit .Modal .Htm .Document .Bottom .Btn-EkstraLeft {
	position: absolute;
	left: 15px;
	border-radius: 3px;
	padding: 8px 20px;
	border: 0;
	margin: 0 5px;
	background: #ff9800;
	font-size: 17px;
	color: #fff;
	cursor: pointer
}

.newPopup.Edit .Modal .Htm .Document .Bottom .Btn-EkstraLeft:hover {
	background: #de8809
}

.Page.CariView {
	float: none;
	width: 98%;
	margin: 0 auto
}

.Page.CariView .Left {
	float: left;
	width: 30%
}

.Page.CariView .Left .Btn {
	float: left;
	width: 100%;
	background: #fff;
	margin-bottom: 5px;
	border-radius: 3px;
	box-shadow: 0 0 0 1px #ccc;
	cursor: pointer
}

.Page.CariView .Left .Btn i {
	float: left;
	padding: 5px 0;
	border-right: 1px solid #ccc;
	width: 30px;
	text-align: center;
	line-height: 30px
}

.Page.CariView .Left .Btn span {
	float: left;
	line-height: 40px;
	text-indent: 10px
}

.Page.CariView .Right {
	float: right;
	width: 69%
}

.Page.CariView .Right .Istatistik {
	float: left;
	width: 100%
}

.Page.CariView .Right .Istatistik .Text {
	float: right;
	line-height: 48px;
	padding-right: 12px
}

.Page.CariView .Right .Istatistik .Text i {
	float: none;
	font-size: 23px;
	padding-left: 10px
}

.Page.CariView .Right .Istatistik .Text span {
	float: right;
	width: 68%
}

.Page.CariView .Right .Istatistik .Title {
	float: left;
	width: 100%;
	background: #d9ecef;
	border-radius: 4px 4px 0 0
}

.Page.CariView .Right .Istatistik .Title .FiterBar {
	float: left
}

.Page.CariView .Right .Istatistik .Title .FiterBar select {
	float: left;
	width: 100%;
	border: 0;
	box-shadow: 0 0 0 1px #ccc;
	padding: 5px 40px 5px 5px;
	margin: 10px;
	border-radius: 2px;
	font-size: 14px
}

.Page.CariView .Right .Istatistik .View {
	float: left;
	width: 98%;
	background: #fff;
	box-shadow: 0 0 0 1px #e2e2e2;
	border-radius: 2px;
	padding: 1%
}

.Page.CariView .Right .Istatistik .View .Box {
	float: left;
	width: 16.6%;
	box-shadow: 1px 0 0 0 #d9ecef
}

.Page.CariView .Right .Istatistik .View .Box:last-child {
	box-shadow: none
}

.Page.CariView .Right .Istatistik .View .Box .Icon {
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
	font-size: 26px
}

.Page.CariView .Right .Istatistik .View .Box .Text:nth-child(2) {
	float: left;
	width: 100%;
	text-align: center;
	color: #6b6b6b;
	font-size: 14px;
	line-height: inherit;
	padding: 0
}

.Page.CariView .Right .Istatistik .View .Box .Text:nth-child(3) {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0 0 10px;
	line-height: inherit
}

.Page.CariView .Right .Istatistik .View .Box .Text:nth-child(3) span:nth-child(1) {
	float: none;
	width: initial;
	font-size: 22px
}

.Page.CariView .Right .Istatistik .View .Box .Text:nth-child(3) span:nth-child(2) {
	float: none;
	width: initial;
	font-size: 14px
}

@media only screen and (max-width: 1380px) {
	.Popup {
		 position:fixed;
		 right: 0;
		 bottom: 0;
		 left: 0;
		 outline: 0;
		 overflow-y: auto;
		 height: 100%;
		 top: auto;
		 padding-right: 0;
		 background: rgba(0,0,0,.62)
	}

	.Popup .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%!important
	}
}

@media only screen and (max-width: 767px) {
	.Popup {
		 position:fixed;
		 right: 0;
		 bottom: 0;
		 left: 0;
		 outline: 0;
		 overflow-y: auto;
		 height: 100%;
		 top: auto;
		 padding-right: 0;
		 background: rgba(0,0,0,.62)
	}

	.Popup .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: 90%!important;
		 max-width: max-content!important
	}

	.Popup .Modal .Htm .Document .Center .ProductList .Item .Name {
		 float: left;
		 width: 100%;
		 padding: 0 5px;
		 text-align: left;
		 box-sizing: border-box;
		 text-indent: 5px;
		 line-height: 20px
	}

	.Popup .Modal .Htm .Document .Center .ProductList .Item .Address {
		 float: left;
		 padding: 2px 15px;
		 text-align: left;
		 box-sizing: border-box;
		 text-indent: 0;
		 line-height: 20px;
		 background: #607d8b;
		 width: initial;
		 margin-left: 10px;
		 border-radius: 2px;
		 color: #fff
	}

	.Popup .Modal .Htm .Document .Center .ProductList .Item .Stock {
		 float: left;
		 width: 60px;
		 height: 41px;
		 line-height: 41px;
		 position: absolute;
		 right: 5px;
		 top: 4px;
		 background: #424445;
		 color: #fff;
		 font-size: 13px;
		 text-align: center;
		 border-radius: 4px;
		 box-shadow: 0 0 0 1px #fff
	}

	.Popup .Modal .Htm .Document .Center .ProductList .Item .Class {
		 float: left;
		 width: initial;
		 padding: 2px 10px;
		 text-align: center;
		 box-sizing: border-box;
		 line-height: 20px;
		 background: #607d8b;
		 color: #ffff;
		 border-radius: 4px;
		 margin-left: 10px
	}

	.Popup .Modal .Htm .Document .Center .ProductList .Item .Variation {
		 float: left;
		 width: initial;
		 padding: 2px 10px;
		 text-align: center;
		 box-sizing: border-box;
		 line-height: 20px;
		 background: #607d8b;
		 color: #ffff;
		 border-radius: 4px;
		 margin-left: 10px
	}

	.Popup .Modal .Htm .Document .Center .ProductList .Item .BtnBox {
		 float: left;
		 width: 30%;
		 padding: 10px;
		 text-align: center;
		 box-sizing: border-box;
		 position: absolute;
		 right: 0
	}

	.Popup .Modal .Htm .Document .Center .ProductList .Item .BtnBox .Btn {
		 float: left;
		 margin: 0;
		 padding: 5px 0
	}

	.Popup .Modal .Htm .Document {
		 width: 100%!important
	}
}

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

.Popup.Full .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: 100%
}

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

.Popup.Full .Modal .Htm .Document {
	position: relative;
	outline: 0;
	margin: 10px auto 60px;
	border-radius: 4px;
	background: #fff;
	display: inline-block;
	padding: 0;
	width: 95%
}

.Popup.Full .Modal .Htm .Document .Center .pageLeft {
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none
}

.Popup.Full .Modal .Htm .Document .Center .pageLeft .groupBox {
	float: left;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 0 1px #cccccc52;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 10px
}

.Popup.Full .Modal .Htm .Document .Center .pageLeft .groupBox .Title {
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	background: 0 0;
	border-top: 0;
	text-indent: 0;
	padding: 0
}

.Popup.Full .Modal .Htm .Document .Center .pageCenter {
	width: 31.33%;
	float: left;
	padding: 20px;
	margin: 0 1%;
	box-sizing: border-box
}

.Popup.Full .Modal .Htm .Document .Center .pageCenter .Title {
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px
}

.Popup.Full .Modal .Htm .Document .Center .pageCenter .groupBox {
	float: left;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 0 1px #cccccc52;
	padding-bottom: 10px
}

.Popup.Full .Modal .Htm .Document .Center .pageRight {
	width: 33.33%;
	float: right;
	box-sizing: border-box;
	margin: 0
}

.Popup.Full .Modal .Htm .Document .Center .pageRight.Full {
	width: 65.66%;
	float: left;
	margin-left: 1%;
	box-sizing: border-box;
	padding: 0;
	box-shadow: none
}

.Popup.Full .Modal .Htm .Document .Center .pageRight .groupBox {
	float: left;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 0 1px #cccccc52;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 10px
}

.Popup.Full .Modal .Htm .Document .Center .pageRight .groupBox .Title {
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	background: 0 0;
	border-top: 0;
	text-indent: 0;
	padding: 0
}

.Popup.Full .Modal .Htm .Document .Center .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
}

.Popup.Full .Modal .Htm .Document .Center .pageRight .groupBox .InputTab .Keyword_Limit.Error {
	background: #f44336;
	color: #fff
}

.pNew {
	text-align: center;
	position: absolute;
	z-index: 9999999;
	background: #00bcd41a;
	border: 0;
	width: 100%;
	height: 100%;
	left: 0!important;
	top: 0!important
}

.pNew .Modal {
	display: inline-block;
	width: 40%;
	background: #fff;
	box-shadow: 3px 7px 21px -9px #000,0 -3px 0 0 #ff5722;
	vertical-align: middle;
	text-align: center
}

.pNew .Modal .Htm {
	float: left;
	width: 100%
}

.pNew .Modal .Htm .Document {
	float: left;
	width: 100%
}

.pNew .Modal .Htm .Document .Title {
	float: left;
	width: 100%;
	background: #f4f4f4;
	border-bottom: 1px solid #e4e4e4;
	line-height: 45px;
	position: relative;
	text-indent: 10px;
	cursor: move
}

.pNew .Modal .Htm .Document .Title .Close {
	position: absolute;
	right: 6px;
	top: 6px;
	background: #e6e6e6;
	border-radius: 2px;
	line-height: 30px;
	text-indent: 0;
	width: 30px;
	text-align: center;
	font-size: 18px;
	cursor: pointer
}

.pNew .Modal .Htm .Document .Center {
	background-color: #fff;
	padding: 10px
}

.pNew .Modal .Htm .Document .Center .alert_text {
	background-color: #fdfcf7;
	border: 1px solid #eee;
	padding: 10px;
	text-align: left;
	border-radius: 5px;
	box-shadow: 1px 2px 1px 0 #efefef;
	font-size: 13px;
	line-height: 20px;
	margin: 10px 0
}

.pNew .Modal .Htm .Document .Center .ColorList {
	background-color: #00bcd40f;
	border: 1px solid #eee;
	padding: 5px;
	text-align: left;
	border-radius: 5px;
	box-shadow: 1px 2px 1px 0 #efefef;
	font-size: 13px;
	line-height: 20px;
	margin: 5px 0
}

.pNew .Modal .Htm .Document .Center .ColorList .VariationBox {
	background-color: #fdfcf7;
	border: 1px solid #eee;
	padding: 0;
	text-align: left;
	border-radius: 5px;
	box-shadow: 1px 2px 1px 0 #efefef;
	font-size: 13px;
	line-height: 20px;
	margin: 2px 0
}

.pNew .Modal .Htm .Document .Center .ColorList .VariationBox .ClassName {
	background-color: #92dfe6;
	border: 1px solid #eee;
	padding: 4px;
	text-align: left;
	border-radius: 2px;
	box-shadow: 1px 2px 1px 0 #efefef;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0
}

.pNew .Modal .Htm .Document .Center .ColorList .VariationBox .Varia {
	padding: 0;
	text-align: left;
	border-radius: 5px;
	box-shadow: 1px 2px 1px 0 #efefef;
	font-size: 13px;
	line-height: 20px;
	margin: 1px 0
}

.pNew .Modal .Htm .Document .Center .ColorList .VariationBox .Varia .VarName {
	background-color: #fff;
	border: 0;
	padding: 11px;
	text-align: left;
	border-radius: 0;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0;
	width: 20%;
	display: inline-block;
	font-weight: 700
}

.pNew .Modal .Htm .Document .Center .ColorList .VariationBox .Varia .Input {
	background-color: #fff;
	border: 0;
	padding: 5px;
	text-align: left;
	border-radius: 2px;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0;
	width: 80%;
	display: inline-block
}

.pNew .Modal .Htm .Document .Center .ColorList .VariationBox .Varia .Input input {
	background-color: #f2f2f2;
	border: 0;
	padding: 5px;
	text-align: left;
	border-radius: 2px;
	box-shadow: 1px 2px 1px 0 #efefef;
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	width: 100%;
	outline: none
}

.pNew .Modal .Htm .Document .Center .ColorList .VariationBox .price {
	padding: 0;
	text-align: left;
	border-radius: 5px;
	box-shadow: 1px 2px 1px 0 #efefef;
	font-size: 13px;
	line-height: 20px;
	margin: 1px 0
}

.pNew .Modal .Htm .Document .Center .ColorList .VariationBox .price .VarName {
	background-color: #fff;
	border: 0;
	padding: 11px;
	text-align: left;
	border-radius: 0;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0;
	width: 20%;
	display: inline-block;
	font-weight: 700
}

.pNew .Modal .Htm .Document .Center .ColorList .VariationBox .price .Input {
	background-color: #fff;
	border: 0;
	padding: 5px;
	text-align: left;
	border-radius: 2px;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0;
	width: 80%;
	display: inline-block
}

.pNew .Modal .Htm .Document .Center .ColorList .VariationBox .price .Input input {
	background-color: #f2f2f2;
	border: 0;
	padding: 5px;
	text-align: left;
	border-radius: 2px;
	box-shadow: 1px 2px 1px 0 #efefef;
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	width: 100%;
	outline: none
}

.pNew .Modal .Htm .Document .Center .pTab {
	float: left;
	width: 100%;
	margin-top: 3px
}

.pNew .Modal .Htm .Document .Center .pTab div {
	background-color: #eef2f6;
	float: left;
	line-height: 42px;
	padding: 0 10px;
	cursor: pointer;
	margin-right: 1px;
	box-shadow: inset 1px 0 0 0 #eef2f6,0 -3px 0 0 #e2e9f0
}

.pNew .Modal .Htm .Document .Center .pTab div:first-child {
	border-radius: 10px 0 0 0
}

.pNew .Modal .Htm .Document .Center .pTab div:last-child {
	border-radius: 0 10px 0 0
}

.pNew .Modal .Htm .Document .Center .pTab div.Active {
	box-shadow: inset 1px 0 0 0 #eef2f6,0 -3px 0 0 #00bcd4,0 1px 0 0 #fcfdfe;
	background: #fcfdfe;
	z-index: 1;
	position: relative
}

.pNew .Modal .Htm .Document .Center .pTab div:hover {
	box-shadow: 0 -3px 0 0 #00bcd45e
}

.pNew .Modal .Htm .Document .Center .pTabView {
	float: left;
	width: 100%;
	box-shadow: inset 0 0 0 1px #eef2f6;
	padding: 10px;
	background: #eef2f626;
	display: none
}

.pNew .Modal .Htm .Document .Center .pTabView.Active {
	display: block
}

.pNew .Modal .Htm .Document .Center .InputTabGroup {
	float: left;
	width: 100%;
	margin: 5px 0;
	background: #f4f4f4;
	padding: 5px
}

.pNew .Modal .Htm .Document .Center .InputTabGroup .InputTab {
	width: 49%;
	box-shadow: inset 0 0 0 1px #d9d9d9;
	margin: 0;
	background: #fff
}

.pNew .Modal .Htm .Document .Center .InputTabGroup .InputTab:nth-child(1) {
	float: left
}

.pNew .Modal .Htm .Document .Center .InputTabGroup .InputTab:nth-child(2) {
	float: right
}

.pNew .Modal .Htm .Document .Center .InputTab {
	float: left;
	width: 100%;
	box-shadow: inset 0 0 0 1px #eef2f6;
	margin: 5px 0;
	background: #fff;
	position: relative;
	background: 0 0
}

.pNew .Modal .Htm .Document .Center .InputTab.Hide {
	display: none
}

.pNew .Modal .Htm .Document .Center .InputTab i {
	float: left;
	font-size: 12px;
	text-indent: 5px;
	padding-top: 5px;
	color: #818181;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}

.pNew .Modal .Htm .Document .Center .InputTab div.Select {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 100000;
	background: #ff5722;
	color: #fff;
	font-size: 24px;
	padding: 5px;
	border-radius: 4px;
	cursor: pointer
}

.pNew .Modal .Htm .Document .Center .InputTab div.Select:hover {
	ackground: #c93709
}

.pNew .Modal .Htm .Document .Center .InputTab .select2-container--default .select2-selection--single {
	border: 0;
	font-size: 14px;
	border: 0;
	outline: none;
	text-indent: 5px;
	background: 0 0;
	z-index: 1;
	position: relative;
	padding-top: 22px;
	padding-bottom: 2px;
	height: 53px
}

.pNew .Modal .Htm .Document .Center .InputTab .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 11px
}

.pNew .Modal .Htm .Document .Center .InputTab .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0
}

.pNew .Modal .Htm .Document .Center .InputTab .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-width: 7px 3px 0
}

.pNew .Modal .Htm .Document .Center .InputTab input {
	float: left;
	width: 100%;
	font-size: 14px;
	border: 0;
	outline: none;
	text-indent: 5px;
	background: 0 0;
	z-index: 1;
	position: relative;
	padding-top: 22px;
	padding-bottom: 2px
}

.pNew .Modal .Htm .Document .Center .InputTab select {
	float: left;
	width: 100%;
	font-size: 14px;
	border: 0;
	outline: none;
	text-indent: 5px;
	background: 0 0;
	z-index: 1;
	position: relative;
	padding-top: 22px;
	padding-bottom: 2px
}

.pNew .Modal .Htm .Document .Center .InputTab textarea {
	float: left;
	width: 100%;
	font-size: 14px;
	border: 0;
	outline: none;
	text-indent: 5px;
	background: 0 0;
	z-index: 1;
	position: relative;
	padding-top: 22px;
	padding-bottom: 2px
}

.pNew .Modal .Htm .Document .Center .ItemListIn {
	float: left;
	width: 100%;
	background: #eef2f6;
	padding: 5px;
	box-shadow: 0 0 0 1px #96a6b6;
	min-height: 140px;
	margin-top: 5px
}

.pNew .Modal .Htm .Document .Center .ItemListIn .InputTab {
	float: left;
	width: 100%;
	margin: 0 0 1px;
	background: #fff;
	position: relative
}

.pNew .Modal .Htm .Document .Center .ItemListIn .InputTab i {
	float: left;
	font-size: 14px;
	text-indent: 5px;
	padding-top: 0;
	line-height: 30px;
	color: #000;
	position: inherit;
	width: 40%;
	box-shadow: 0 0 0 1px #eef2f6
}

.pNew .Modal .Htm .Document .Center .ItemListIn .InputTab input {
	float: left;
	width: 60%;
	font-size: 14px;
	border: 0;
	outline: none;
	text-indent: 5px;
	background: 0 0;
	z-index: 1;
	position: relative;
	padding-top: 0;
	padding-bottom: 2px;
	line-height: 28px;
	box-shadow: 0 0 0 1px #eef2f6
}

.pNew .Modal .Htm .Document .Center .ItemList {
	float: left;
	width: 100%;
	background: #eef2f6;
	padding: 5px;
	box-shadow: 0 0 0 1px #96a6b6;
	min-height: 140px;
	margin-top: 5px
}

.pNew .Modal .Htm .Document .Center .ItemList .SubItem {
	float: left;
	width: 100%;
	background: #fff;
	margin-bottom: 1px;
	line-height: 25px
}

.pNew .Modal .Htm .Document .Center .ItemList .SubItem .Code {
	float: left;
	width: 20%;
	text-indent: 5px;
	box-shadow: 0 0 0 1px #eef2f6
}

.pNew .Modal .Htm .Document .Center .ItemList .SubItem .Name {
	float: left;
	width: 70%;
	text-indent: 5px;
	box-shadow: 0 0 0 1px #eef2f6
}

.pNew .Modal .Htm .Document .Center .ItemList .SubItem .BtnList {
	float: left;
	width: 10%;
	text-align: center;
	box-shadow: 0 0 0 1px #eef2f6
}

.pNew .Modal .Htm .Document .Center .ItemList .SubItem .BtnList .Btn {
	display: inline-block;
	margin: 2px;
	background: red;
	color: #fff;
	padding: 0 10px;
	line-height: 22px;
	border-radius: 3px
}

.pNew .Modal .Htm .Document .Center .ItemList .SubItem .BtnList .Btn.Delete {
	background: red;
	color: #fff
}

.pNew .Modal .Htm .Document .Bottom {
	background-color: #fff;
	padding: 10px 5px;
	border-top: 1px solid #f4f4f4;
	text-align: center;
	float: left;
	width: 100%
}

.pNew .Modal .Htm .Document .Bottom .Btn {
	border-radius: 2px;
	padding: 2px 10px;
	margin: 5px;
	display: inline-block;
	box-shadow: 0 0 0 1px #eef2f6;
	font-size: 14px;
	cursor: pointer
}

.pNew .Modal .Htm .Document .Bottom .Btn:hover {
	opacity: .9;
	box-shadow: 0 0 0 1px #00000026
}

.pNew .Modal .Htm .Document .Bottom .Btn.Left {
	float: left
}

.pNew .Modal .Htm .Document .Bottom .Btn.Right {
	float: right
}

.pNew .Modal .Htm .Document .Bottom .Btn.Btn-Blue {
	background-color: #00bcd4
}

.pNew .Modal .Htm .Document .Bottom .Btn.Btn-Default {
	background-color: #fafafa
}

.pNew .Modal .Htm .Document .Center .StockCard {
	background-color: #fff7df;
	border: 1px solid #efd997;
	padding: 4px;
	text-align: left;
	border-radius: 5px;
	box-shadow: 1px 2px 1px 0 #efefef;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0;
	float: left;
	width: 100%
}

.pNew .Modal .Htm .Document .Center .StockCard .Group {
	background-color: #fff;
	border: 1px solid #eee;
	padding: 10px;
	text-align: left;
	border-radius: 5px;
	box-shadow: 1px 2px 1px 0 #efefef;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 4px;
	float: left;
	width: 100%
}

.pNew .Modal .Htm .Document .Center .StockCard .Group .GroupTitle {
	background-color: #eef2f6;
	padding: 10px;
	text-align: left;
	border-radius: 3px;
	box-shadow: 1px 2px 1px 0 #efefef;
	font-size: 13px;
	line-height: 13px;
	margin: 0 0;
	float: left;
	width: 100%;
	font-weight: 700
}

.pNew .Modal .Htm .Document .Center .StockCard .Group .ItemBox {
	float: left;
	width: 100%;
	border-bottom: 1px solid #efefef;
	line-height: 30px
}

.pNew .Modal .Htm .Document .Center .StockCard .Group .ItemBox:last-child {
	border-bottom: 0
}

.pNew .Modal .Htm .Document .Center .StockCard .Group .ItemBox span:first-child {
	float: left;
	width: 30%
}

.pNew .Modal .Htm .Document .Center .StockCard .Group .ItemBox span:last-child {
	float: left;
	width: 70%;
	font-weight: 600
}

.pNew .Modal .Htm .Document .Center .StockCard .Group .ItemListBox {
	float: left;
	width: 100%;
	border-bottom: 1px solid #efefef;
	line-height: 30px;
	padding: 10px;
	background: #efd9971a
}

.pNew .Modal .Htm .Document .Center .StockCard .Group .ItemListBox span {
	float: left;
	background: #f2e4b5;
	color: #000;
	text-align: center;
	margin: 2px;
	padding: 5px 10px;
	border-radius: 4px;
	line-height: 16px
}

@media only screen and (max-width: 768px) {
	.pNew .Modal {
		 width:auto
	}
}