@charset "utf-8";

/* From oen.css */

.ct-market-block {
	/* .Page-AllBlock */
	display: block;
	position: absolute;
	z-index: 5;
	top: 0px;
	left: 0px;
	right: 0px;
	min-width: 260px;
	max-width: 1600px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

.page-block {
	/*.page-BGhead*/
	height: 180px;
	background-position: center;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
}

.h-v-80 {
	/* .H80 */
	width: 1600px;
	height: 80px;
}
.h-v-60 {
	/* .H80 */
	width: 1600px;
	height: 60px;
}

.pos {
	/* .Cposition */
	position: inherit;
}

.news-bg {
	/*.News-BGhead*/
	background-image: url("../resources/images/new/cover-News.jpg");
}

.mk-bg-1 {
	/*.HeadPic1*/
	background-image: url("../resources/images/new/Sub-Cover1.jpg");
}

.mk-bg-2 {
	/*.HeadPic2*/
	background-image: url("../resources/images/new/Sub-Cover2.jpg");
}

.page-hd {
	/*h1.page-headEco  h1.page-head*/
	display: inline;
	font-weight: 500;
	font-size: 80px;
	margin: auto 0;
	text-align: center;
	letter-spacing: -5px;
}

.hilight-topic {
	/*.Eco-Head*/
	padding-left: 15px;
	font-size: 45px;
	font-weight: bold;
	line-height: 55px;
	text-align: left;
	margin: 0;
}

.date-post {
	/*.head-date-EcoPage */
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px;
}

.date-post p {
	margin: 0;
}

.header-img-block {
	/*.Head-Main*/
	width: 100%;
	height: 100px;
	background-size: cover;
	background-position: center;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	text-align: center;
}


/* iframe layout */

.max-iframe {
	display: block;
	padding: 10px;
}


/* market data */

.flex-mkt {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: stretch;
	align-content: flex-start;
}

.flex-mkt-sub {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}

ul.parent-mkt {
	padding: 0 10px;
}

ul.parent-mkt > li:nth-child(odd) {
	background: #FFFfF2;
}

ul.parent-mkt > li:nth-child(even) {
	background: #f2f2f2;
}

ul.flex-mkt > li {
	padding: 10px 0;
}

ul.flex-mkt > li:first-child {
	padding: 10px 0 0;
}

.f-grow-mkt-hl {
	width: 100%;
}

.f-grow-mkt {
	flex-grow: 1;
}

.flex-mkt p {
	margin: 0;
	padding: 5px;
	word-break: normal;
	word-wrap: break-word;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;
	word-break: normal;
}

.flex-mkt p.left {
	text-align: left;
}

.flex-mkt p span {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}

.f-grow-mkt-sub {
	display: table-cell;
}

.f-grow-mkt-sub-time {
	width: 120px;
}

.f-grow-mkt-sub-detail {
	width: 100%;
}

.hl-base-bg {
	background: #ffce00;
}

.hl-mkt-bg {
	background: #ffce00;
}

.star {
	width: 100px;
}

hr.design {
	display: block;
	width: 100%;
	unicode-bidi: isolate;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: auto;
	-webkit-margin-end: auto;
	margin: 0px auto;
	overflow: hidden;
	height: 1px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(100, 100, 100, .75), rgba(255, 255, 255, 0));
}


/*
--------------------------------------------------------
--------------------------------------------------------
End of edit prae css
--------------------------------------------------------
--------------------------------------------------------
*/

/* footer layout */

.lay-footer {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 10px;
}

.lay-footer .container {
	font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 10px;
	max-width: 500px;
	width: 100%;
}

.lay-footer-end {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	max-width: 740px;
	margin: 0 auto;
}

.lay-footer-qc-start {
	display: none;
}

.lay-footer-qc {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
}


/* image icon size */

.img-ic-big-btn {
	width: auto;
	max-height: 30px;
	height: auto;
}

.img-ic-nor-btn {
	width: auto;
	max-height: 18px;
	height: auto;
}

.img-ic-left {
	margin-right: 4px;
}

.img-ic-right {
	margin-left: 4px;
}

.img-ic-on-air {
	width: auto;
	max-height: 36px;
	height: auto;
	margin-right: 5px;
}

.img-ic-sign-as {
	width: auto;
	max-height: 14px;
	height: auto;
	margin-right: 4px;
}

.img-ic-head-sec {
	width: auto;
	max-height: 60px;
	height: auto;
	margin-right: 8px;
}

.img-ic-act-footer {
	width: auto;
	height: 16px;
}

.img-qc-footer {
	width: auto;
	height: 70px;
}

.img-qc-footer-end {
	width: auto;
	height: 70px;
}

.img-full-lock {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.img-header-trade {
	display: block;
	height: 20px;
	margin: 0 auto;
}

.img-trade {
	background: linear-gradient(to bottom, #3f2513 0%, #553513 100%);
	background-size: cover;
}

.img-trade-switch {
	background: transparent;
}

.img-cc {
	width: 90px;
	height: 90px;
	background: #fff;
	border-radius: 66px;
	padding: 0;
	margin: auto;
	outline: none;
	align-self: center;
}

.img-cc-inside {
	display: block;
	width: 60px;
	margin: auto;
	border: none;
}

.img-cc-min {
	display: block;
	width: auto;
	height: 24px;
	margin: auto;
	border: none;
	outline: none;
}

.img-w-full {
	width: 100%;
}

.img-head-icon {
	width: 100px;
}


/* button price in past */

.replay {
	position: absolute;
	right: 0;
	background: #fff;
	padding: 4px;
	border: 1px solid #348CE2;
	border-radius: 4px;
	margin-right: 15px;
}

.replay:hover,
.replay:focus {
	cursor: pointer;
	background: #fffef8;
}

.replay a {
	font: 600 14px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	color: #348CE2;
}

.replay img {
	width: auto;
	height: 44px;
	margin-left: 4px;
}


/* Accordion */

.panel-default > .panel-heading {
	background: #00B4FF;
	background: -moz-linear-gradient(top, #00B4FF 0%, #348CE2 100%);
	background: -webkit-linear-gradient(top, #00B4FF 0%, #348CE2 100%);
	background: linear-gradient(to bottom, #00B4FF 0%, #348CE2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00B4FF', endColorstr='#0A5FB5', GradientType=0);
}

.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
	color: #fff;
}

.panel-title > a:focus {
	color: #fff !important;
}

.acd .panel-default > .panel-heading {
	background: #fff;
}

.acd .panel-title > .small,
.acd .panel-title > .small > a,
.acd .panel-title > a,
.acd .panel-title > small,
.acd .panel-title > small > a {
	font: 800 16px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	color: #00B4FF;
}

.acd .panel-title > a:hover,
.acd .panel-title > a:focus {
	color: #00B4FF !important;
}

.acd .panel-title img {
	transition: .3s transform ease-in-out;
}

.acd .panel-title .collapsed img {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

.acd .panel-body p {
	font: 300 16px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}

.ls-numb {
	font: 300 14px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	list-style: decimal;
}

.ls-disc {
	font: 300 14px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	list-style: disc;
}


/* layout update */

.stretch {
	display: block;
	width: 100%;
	height: 100vh;
}

.block-content {
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.block-top {
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
}

.block-float {
	max-width: 600px;
	margin: auto;
}

.block-float-full {
	max-width: 600px;
	width: 100%;
	margin: auto;
}

.block-end {
	max-width: 600px;
	margin: 0 auto 0;
	background: transparent;
}

.block-left {
	border-radius: 2px 0 0 36px;
}

.block-right {
	border-radius: 0 36px 2px 0;
	min-width: 240px;
}

.block-column {
	padding: 36px 15px;
}

.block-break {
	width: 220px;
	margin: 0px auto 20px;
}

.content-block-center {
	display: block;
	width: 100%;
	text-align: center;
}

.content-block-start {
	display: block;
	width: 100%;
	text-align: left;
}

.content-parent-user {
	padding: 8px 20px;
}

.content-trade-table {
	display: block;
	max-width: 900px;
	min-width: 300px;
}

.content-trade-block {
	display: block;
	max-width: 300px;
	width: 100%;
}

.content-signin {
	display: flex;
	height: 100%;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	background: #fff;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
	border-radius: 2px 36px 2px 36px;
	/*margin-top: 120px;*/
}

.content-box {
	display: flex;
	height: 100%;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	background: #fff;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
	border-radius: 2px;
	margin-top: 80px;
}

.flex-social {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.flex-home-block {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

.flex-trade-block {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

.flex-home-wrap {
	flex-wrap: wrap;
}

.flex-box-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flex-select-block {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.flexy-full {
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
}

.ct-price-block {
	max-width: 900px;
	width: 100%;
	padding: 10px;
	background: #fff;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.ct-system-block {
	padding: 10px;
	max-width: 300px;
	min-width: 300px;
	background: #fff;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
	border-radius: 2px;
	margin-right: 10px;
	margin-top: 10px;
}

.ct-trade-block {
	max-width: 600px;
	width: 100%;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
	border-radius: 2px;
	margin-top: 10px;
}

.ct-padding {
	padding: 10px;
}

.ct-padding-h10 {
	padding: 0 10px;
}

.ct-padding-v10 {
	padding: 10px 0;
}

.ct-padding-v15 {
	padding: 15px 0;
}

.ct-padding-v20 {
	padding: 20px 0;
}

.ct-img-block {
	max-width: 300px;
	min-width: 160px;
	padding: 30px 0;
	align-self: center;
}

.ct-gallery {
	margin: 0px 10px 20px 10px;
}

.ct-thumb {
	display: block;
	width: 100%;
	padding: 10px 5px;
}


/* form */

form.form-full {
	min-width: 360px;
}

form.form-split {
	min-width: 360px;
}

.content-signin label,
.content-box label {
	font: 300 14px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	text-align: left;
	padding: 0;
	outline: none;
	margin-bottom: 2px;
}

.label-box {
	display: block;
	width: 100%;
	padding: 0 5px;
}

.former input[type="text"],
.former input[type="number"],
.former input[type="email"],
.former input[type="date"],
.former input[type="password"],
.former input[type="tel"],
.former textarea {
	display: block;
	margin: auto;
}

.block-right input[type="text"],
.block-right input[type="number"],
.block-right input[type="email"],
.block-right input[type="date"],
.block-right input[type="password"],
.block-right input[type="tel"],
.block-right textarea {
	-webkit-appearance: none;
	min-width: 200px;
}

input.putform {
	min-width: 200px;
	font-size: 18px;
	font-weight: 600;
	padding: 4px;
	height: auto;
}

button.putform {
	min-width: 201px;
	font-size: 18px;
	font-weight: 600;
	padding: 4px;
	height: auto;
}

input.side,
button.side {
	min-width: 200px;
	font-size: 18px;
	font-weight: 600;
	padding: 4px;
	height: auto;
}


/* links & texts & labels */

.signin-link {
	display: block;
	cursor: pointer;
	text-decoration: underline;
	font: 100 16px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	margin-top: 16px;
}

.condition-link {
	cursor: pointer;
	font: 600 16px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}

.condition-label {
	cursor: pointer;
	font: 100 11px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif !important;
	margin-bottom: 0 !important;
}

.condition-label:hover {
	text-decoration: underline !important;
}

.content-block-header {
	margin-top: 15px;
	font-size: 20px;
	font-weight: 100;
}

.content-block-subhead {
	font-size: 14px;
	font-weight: 100;
	line-height: 1.6;
}

.content-block-span {
	text-align: center;
	font: 100 14px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}

.social-link {
	display: block;
	width: 34px;
	height: 34px;
	margin-right: 5px;
	border-radius: 4px;
}

.social-link-end {
	display: block;
	width: 34px;
	height: 34px;
	border-radius: 4px;
}

.social-company {
	text-align: center;
	font: 100 10px Tahoma, sans-serif;
}

.ct-tb-hd {
	font-size: 21px;
	font-weight: 600;
	letter-spacing: -1px;
	margin: auto auto auto 0;
}

.ct-tb-hd-sm {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0px;
	margin: auto auto auto 0;
}

.ct-tb-hd-under {
	font-size: 11px;
	font-weight: 100;
	padding: 0;
	margin: 0;
	line-height: 12px;
	letter-spacing: 0px;
	margin: auto auto auto 0;
}

.ct-input-block {
	font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}

.ct-input-block label {
	min-width: 40px;
	margin: 0 8px 0 0;
	white-space: nowrap;
}

.ct-input-block input {
	max-width: 180px;
	width: 100%;
}

.ct-tahoma {
	font-family: sans-serif;
}

.ct-label {
	font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}

.res-user {
	font: 100 12px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}
.text-button {
	margin: 0 8px 0 0;
	white-space: nowrap;
}


/* action selected */

.done {
	opacity: 1 !important;
	box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.3) !important;
}

.donot {
	opacity: 0.3 !important;
	box-shadow: none !important;
}


/* space & break */

hr.content-block-break {
	display: block;
	width: 100%;
	margin: 10px auto 10px;
	height: 1px;
	border: none;
	border-top: none;
}

hr.content-block-space {
	display: block;
	background: transparent;
	border: none;
	border-top: none;
	border-bottom: none;
	margin: 0;
	padding: 0;
}

hr.space-2 {
	height: 2px;
}

hr.space-5 {
	height: 5px;
}

hr.space-10 {
	height: 10px;
}

hr.space-15 {
	height: 15px;
}

hr.space-20 {
	height: 20px;
}

hr.space-30 {
	height: 30px;
}

hr.space-end {
	height: 60px;
}

.sp-h {
	display: inline;
	background: transparent;
	min-height: 10px;
}

.w-h-5 {
	margin-right: 5px;
}

.w-h-8 {
	margin-right: 8px;
}

.w-h-10 {
	margin-right: 10px;
}

.w-h-15 {
	margin-right: 15px;
}

.w-h-20 {
	margin-right: 20px;
}

.w-h-30 {
	margin-right: 30px;
}

.w-l-10 {
	margin-left: 10px;
}

.w-res-5 {
	margin-right: 5px;
}

.w-res-8 {
	margin-right: 8px;
}

.w-res-10 {
	margin-right: 10px;
}

.w-res-15 {
	margin-right: 15px;
}

.w-res-20 {
	margin-right: 20px;
}

.w-res-30 {
	margin-right: 30px;
}


/* button circle */

.btn-cc-min {
	width: 36px;
	min-width: 36px;
	height: 24px;
	background: #fff;
	border: none;
	border-radius: 24px;
	font: 600 8px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	text-align: center;
	padding: 0;
	outline: none;
}

.btn-cc-sm {
	width: 55px !important;
	min-width: 55px !important;
	height: 55px !important;
	background: #fff !important;
	border: none;
	border-radius: 44px !important;
	font: 600 12px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif !important;
	text-align: center !important;
	padding: 0 !important;
	outline: none !important;
}

.btn-cc-md {
	width: 54px;
	height: 54px;
	background: #fff;
	border-radius: 54px;
	font: 100 8px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	text-align: center;
	padding: 0;
	outline: none;
}

.btn-cc {
	width: 75px !important;
	height: 75px !important;
	background: #fff;
	border-radius: 75px !important;
	font: 800 13px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	text-align: center;
	padding: 0 !important;
	outline: none;
}

.btn-cc-png {
	background: transparent;
}

.bd-cl-white {
	border: 2px solid #fff;
	color: #fff;
}

.bd-cl-white:hover,
.bd-cl-white:focus {
	opacity: 0.6;
	transition: all 0.2s linear;
}

.bd-cl-gray {
	border: 2px solid #bababa;
	color: #bababa;
}

.bd-cl-gray:hover,
.bd-cl-gray:focus {
	opacity: 0.6;
	transition: all 0.2s linear;
}

.bd-cl-default {
	border: 2px solid #00B4FF;
	color: #00B4FF;
}

.bd-cl-default:hover,
.bd-cl-default:focus {
	opacity: 0.6;
	transition: all 0.2s linear;
}

.btn-cc-sm-font {
	font: 100 8px Tahoma, sans-serif !important;
	text-align: center;
}


/* Toggle block */

.tg-block img {
	transition: .3s transform ease-in-out;
}

.tg-block .collapsed img {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
	color: #fff;
	background-color: #1b82e6;
	border-color: #8c8c8c;
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
	color: #fff;
	background-color: #348CE2;
	border-color: #adadad;
}


/* Main Trade - Donut chart and Datascroller */

.donut-chart {
	position: relative;
	z-index: 0;
	width: 200px;
	height: 200px;
	margin: 0 auto 1rem;
	border-radius: 100%
}

.donut-chart svg {
	transform: rotate(-90deg);
}

.cc_anm {
	stroke-dasharray: 502;
	stroke-dashoffset: 502;
}

p.data-chart {
	background: #f2f2f2;
	position: absolute;
	text-align: center;
	font-size: 16px;
	font-weight: 100;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 130px;
	height: 130px;
	margin: auto;
	border-radius: 50%;
	line-height: 20px;
	padding: 45px 0 0;
}

p.data-chart span {
	text-align: center;
}

p.data-chart .result {
	font-size: 16px;
	font-weight: 600;
}

.data-header {
	padding: 8px 0;
}

.data-header h4 {
	font-size: 16px;
	font-weight: 100;
	text-align: center;
}

.donut-chart-sub {
	position: relative;
	width: 75px;
	height: 75px;
	margin: 0.5rem auto 0.5rem;
	border-radius: 100%
}

.donut-chart-sub svg {
	transform: rotate(-90deg);
}

.cc_anm_sub {
	stroke-dasharray: 195;
	stroke-dashoffset: 195;
}

.data-scr img.icon-products {
	width: 64px;
	margin: 0 auto;
	text-align: center;
}

p.data-chart-sub {
	background: #f2f2f2;
	position: absolute;
	text-align: center;
	font-size: 13px;
	font-weight: 100;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 60px;
	margin: auto;
	border-radius: 50%;
	line-height: 16px;
	padding: 15px 7px 0;
}

p.data-chart-sub span {
	text-align: center;
}

p.data-chart-sub .result {
	font-size: 13px;
	font-weight: 600;
}


/* Datascroller */

.grid-title {
	min-width: 80px;
	max-width: 100px;
	padding: 5px;
}

.grid-front {
	min-width: 100px;
	max-width: 100px;
	padding: 5px;
}

.grid-title p,
.grid-front p {
	margin: 0 0 5px;
}

.grid-title h5 {
	font: 600 13px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}

ul.data-grid-trade {
	width: 100%;
	padding: 0;
	margin: 0;
}

ul.data-grid-trade li:nth-child(even) {
	background: #ECECEC;
}

ul.data-grid-trade li:nth-child(odd) {
	background: #F6F6F6;
}

ul.data-grid-trade .col-start,
ul.data-grid-trade .col-end {
	padding: 10px 5px;
}

ul.data-grid-trade .col-start p,
ul.data-grid-trade .col-end p {
	font: 600 12px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	line-height: 16px;
	margin: 0;
	word-break: break-all;
	word-wrap: break-word;
}

ul.data-grid-trade .col-start p.stat,
ul.data-grid-trade .col-end p.stat {
	font: 600 16px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
}

ul.data-grid-trade .col-start {
	width: 56%;
	text-align: left;
	border-right: 1px solid #fff;
}

ul.data-grid-trade .col-end {
	width: 58%;
	color: #348CE2;
	text-align: center;
	white-space: normal;
}


/* Clear Port Tab */

.trading-tab ul.nav-tabs li a {
	font-weight: bold;
	text-decoration: none;
	color: #9b9b9b;
}

.trading-tab ul.nav-tabs li:first-child:hover a {
	color: #fff !important;
	background: #a20404;
}

.trading-tab ul.nav-tabs li:last-child:hover a {
	color: #fff !important;
	background: #009444;
}

.ui-tabs-selected.ui-state-active.ui-corner-top.tab-result-trade-sell {
	border: none;
	color: #fff;
	background: #a20404;
}

.ui-tabs-selected.ui-state-active.ui-corner-top.tab-result-trade-buy {
	border: none;
	color: #fff;
	background: #009444;
}

.ui-state-default.ui-corner-top.tab-result-trade-sell.ui-state-hover.tab-sell a:hover {
	background: #a20404;
	color: #fff;
}

.ui-state-default.ui-corner-top.tab-result-trade-buy.ui-state-hover.tab-buy a:hover {
	background: #009444;
	color: #fff;
}

.ui-state-default.ui-corner-top.ui-state-hover.tab-port a:hover {
	background-color: #eee;
	color: #045bb3;
}

.ui-state-default.ui-corner-top.tab-port.ui-tabs-selected.ui-state-active.ui-state-hover.tab-port-hover-active a:hover {
	background-color: #348CE2;
	color: #045bb3;
}

.trading-tab ul.nav-tabs li:first-child.active a {
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
	background: #a20404;
}

.trading-tab ul.nav-tabs li:last-child.active a {
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
	background: #009444;
}


/* data image thumbnail */

ul.gal {
	padding: 0;
	margin: 0;
}

ul.gal li {
	padding: 5px;
	cursor: pointer;
}

ul.gal li {}

ul.gal li:last-child {
	margin-right: 0px;
}

.gal .img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 1px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 1px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.ct-nav {
	display: block;
}

.ct-nav .icon-nav-left,
.ct-nav .icon-nav-right {
	background: rgba(0, 0, 0, 0.25);
	padding: 14px;
	border-radius: 4px;
	cursor: pointer;
}

.ct-nav .icon-nav-left i,
.ct-nav .icon-nav-right i {
	color: #fff;
	font-size: 24px;
	line-height: 30px;
}

.ct-nav .icon-nav-left {
	float: left;
}

.ct-nav .icon-nav-right {
	float: right;
}

/* Price Alert Checkbox */

div.alert-choice {
	max-width: 180px;
	width: 100%;
	padding: 5px 0;
}

input.alert-data {
	width: 16px;
	margin: -2px 8px 0 0 !important;
}

/* Create button on images */

.thumb {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}

.thumb li {
	width: 100%;
}

.overlay {
	position: relative;
}

.overlay .thumbnail {
	display: block !important;
	width: 100%;
	height: auto;
	border: none;
}

.overlay .time {
	position: absolute;
	z-index: 2;
	right: 10px;
	bottom: 10px;
	padding: 2px 5px;
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
}

.overlay .playWrapper {
	opacity: 0.65;
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 0;
	width: 100%;
	height: auto;
	margin: -25px 0 0 -25px;
	background: rgba(0, 0, 0, 0.6) url("../resources/images/new/play-button.png") no-repeat scroll center center / 100px 100px;
}

.playWrapper .playBtn {
	position: absolute;
	z-index: 5;
	width: 50px;
	height: 50px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.thumb .overlay:hover .playWrapper {
	opacity: 1;
}

/* Text Align */

.txt-left {
	text-align: left !important;
}

.txt-right {
	text-align: right !important;
}

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


/* -------------

Color Theme

--------------*/

.white-text {
	color: white;
}

.white-text-im {
	color: #fff !important;
}

.black-text {
	color: black;
}

.link-text {
	color: #00B4FF;
}

.default-text {
	color: #4a4a4a;
}

.light-gray-text {
	color: #bababa;
}

.gray-text {
	color: #9b9b99;
}

.green-text {
	color: #36AD35 !important;
}

.red-text {
	color: #C90400 !important;
}
.weight-text {
	font-weight: 400;
}

.tint-text {
	color: #045BB3;
}

.m-notice {
	color: #045BB3;
}

.state-text {
	color: #4a4a4a;
}

.bold {
	font-weight: 800;
}

.bg-white {
	background: white;
}

.bg-dark-tint {
	background: #553513;
}

.bg-dark-tint-match {
	background: #00385D;
}

.bg-break {
	background: #909090;
}

.bg-g-9999 {
	background-color: #d7be00;
}

.bg-g-9650 {
	background-color: #c3932a;
}

.bg-s-9999 {
	background-color: #bcbcbc;
}

.link-bg {
	background: #FFFEF8;
}

.data-bg {
	background: #EEECE3;
}

.green-bg {
	background: #009444;
}

.green-bg-im {
	background: #27B937 !important;
}

.red-bg {
	background: #a20404;
}

.red-bg-im {
	background: #E70D0E !important;
}

.sell-bg {
	background: #fc3b53;
}

.buy-bg {
	background: #2dfb11;
}

.paid-bg {
	background: #ffab0f;
}
.partial-bg{
	background: #fbf400;
}
.paid-bg-im {
	background: #ffcb65 !important;
}

.pending-bg {
	background: #78edff;
}

.act-bg {
	background: #cfe7ff;
}

.blue-bg {
	background: #348CE2;
}

.dark-blue-bg {
	background: #7a3b08;
}

.light-gray-bg {
	background: #ebebeb;
}

.light-green-bg {
	background: #39b54a;
}

.dim-gray-bg-im{
	background: #696969 !important;
}

.block-blue {
	background: #348CE2;
	background: -moz-linear-gradient(top, #348CE2 0%, #0A5FB5 100%);
	background: -webkit-linear-gradient(top, #348CE2 0%, #0A5FB5 100%);
	background: linear-gradient(to bottom, #348CE2 0%, #0A5FB5 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#348CE2', endColorstr='#0A5FB5', GradientType=0);
}

.block-cream {
	background: #FFFEF8;
	background: -moz-linear-gradient(top, #FFFEF8 0%, #f5f3ea 100%);
	background: -webkit-linear-gradient(top, #FFFEF8 0%, #f5f3ea 100%);
	background: linear-gradient(to bottom, #FFFEF8 0%, #f5f3ea 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFFEF8', endColorstr='#f5f3ea', GradientType=0);
}

.block-gray {
	background: #f1f2f2;
	background: -moz-linear-gradient(#f1f2f2, #d2d4d5);
	background: -webkit-linear-gradient(#f1f2f2, #d2d4d5);
	background: linear-gradient(#f1f2f2, #d2d4d5);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f2', endColorstr='#d2d4d5', GradientType=0);
}

.head-color {
	background: #fdfdfd;
	background: -moz-linear-gradient(top, #fdfdfd 0%, #d6d6d6 100%);
	background: -webkit-linear-gradient(top, #fdfdfd 0%, #d6d6d6 100%);
	background: linear-gradient(to bottom, #fdfdfd 0%, #d6d6d6 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#d6d6d6', GradientType=0);
}

.btn-green {
	background: #39b54a !important;
	background: -moz-linear-gradient(top, #39b54a 0%, #009444 100%) !important;
	background: -webkit-linear-gradient(top, #39b54a 0%, #009444 100%) !important;
	background: linear-gradient(to bottom, #39b54a 0%, #009444 100%) !important;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#39b54a', endColorstr='#009444', GradientType=0);
}

.btn-gray {
	background: #ddd !important;
	background: -moz-linear-gradient(top, #ddd 0%, #999 100%);
	background: -webkit-linear-gradient(top, #ddd 0%, #999 100%);
	background: linear-gradient(to bottom, #ddd 0%, #999 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#999999', GradientType=0);
}

.btn-blue {
	background: #00B4FF !important;
	background: -moz-linear-gradient(top, #00B4FF 0%, #348CE2 100%);
	background: -webkit-linear-gradient(top, #00B4FF 0%, #348CE2 100%);
	background: linear-gradient(to bottom, #00B4FF 0%, #348CE2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00B4FF', endColorstr='#0A5FB5', GradientType=0);
}
.btn-group-width {

}

/*.modal {*/
/*    top: 20%;*/
/*}*/


/*form styles*/

#msform {
	min-width: 320px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 auto;

	position: relative;
}

#msform input,
#msform textarea {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	font: 400 14px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	color: #4a4a4a;
	padding: 5px 15px;
	margin: 0 0 10px 0;
}

#msform input[type="date"],
#msform input[type="datetime"],
#msform input[type="file"] {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	font: 400 14px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	color: #4a4a4a;
	padding: 4.5px 15px;
	margin: 0 0 10px 0;
}

#msform input[type="radio"],
#msform input[type="checkbox"] {
	width: auto;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 0;
	margin: 2px 0 0 0 !important;
}

#msform select {
	width: 100%;
	min-height: 35px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	font: 400 14px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	color: #4a4a4a;
	padding: 0 12px;
	margin: 0 0 10px 0;
}

#msform .action-button,
#msform button.action-button {
	width: 100px;
	background: #348CE2;
	font: bold 14px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	color: #fff;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
	opacity: 1;
}

#msform .action-button:hover,
#msform .action-button:focus {
	opacity: 0.79;
}

.title-form > button.act-btn {
	float: left;
	width: auto !important;
	background: #348CE2;
	font-weight: bold;
	color: #fff !important;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}

.title-form > button.act-btn:hover,
.title-form > button.act-btn:focus {
	color: #fff !important;
	box-shadow: 0 0 0 2px white, 0 0 0 3px #348CE2;
}

.fs-title {
	font: 800 21px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 0px;
}

.fs-subtitle {
	font-weight: normal;
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	margin-bottom: 0px;
}

.fs-comment {
	font-weight: normal;
	font-size: 12px;
	line-height: 1.4;
	color: #999;
	margin-bottom: 0px;
}

.fs-label {
	display: block;
	width: 100%;
	color: #8d8d8d;
	font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-align: left;
	margin-top: 10px !important;
	margin-bottom: 5px !important;
}

.fs-label:before {
	font-family: FontAwesome;
	content: '\f054';
	color: #8d8d8d;
	font-size: 13px !important;
	margin-right: 5px !important;
	text-decoration: none;
}

.fs-list {
	display: block;
	width: 100%;
	color: #8d8d8d;
	font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-align: left;
	margin-top: 10px !important;
	margin-bottom: 5px !important;
}

.fs-list:before {
	font-family: FontAwesome;
	content: '\f03a';
	color: #8d8d8d;
	font-size: 13px !important;
	margin-right: 5px !important;
	text-decoration: none;
}

#progressbar {
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}

#progressbar li {
	list-style-type: none;
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 9px;
	width: 25%;
	float: left;
	position: relative;
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #aaaaaa;
	background: #f2f2f2;
	border-radius: 3px;
	margin: 0 auto 5px auto;
	position: relative;
	z-index: 2;
}

#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #f2f2f2;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: 0;
}

#progressbar li:first-child:after {
	content: none;
}

#progressbar li.active {
	color: #348CE2;
}

#progressbar li.active:before,
#progressbar li.active:after {
	background: #348CE2;
	color: #f2f2f2;
}

.block-form {
	margin: 90px auto 20px !important;
	padding: 10px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

.flex-form {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
}

.flex-form-r {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	padding: 5px;
}

.flex-form-r > label.rad {
	display: block;
	width: auto;
	color: #7b7b7b;
	font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	font-size: 12px !important;
	font-weight: 500 !important;
	text-align: left;
	padding: 0 0 0 5px !important;
	margin: 0 10px 0 0 !important;
}

.flex-form-c {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
}

.flex-form-c label {
	display: block;
	width: 100%;
	color: #444;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-align: left;
	margin: 0px !important;
	padding: 5px 0 0 5px !important;
}

.logo-form,
.title-form {
	align-self: center;
}

.logo-form img {
	max-width: 140px;
	margin-right: 15px;
}

.logo-form input[type=file] {
	display: none;
}

#imageUpload {
	display: none;
}

#profileImage {
	cursor: pointer;
}

#profile-container {
	width: 140px;
	height: 140px;
	overflow: hidden;
	margin: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

#profile-container img {
	width: 140px;
	height: auto;
	margin: 0 auto;
}

#msform .fg {
	padding: 5px;
}

#msform .fg > input,
#msform .fg > textarea,
#msform .fg > select {
	min-width: 100px;
	margin: 0;
}

#msform .fg-1 {
	flex-grow: 1;
}

#msform .fg-2 {
	flex-grow: 2;
}

#msform .fg-3 {
	flex-grow: 3;
}

#msform .fg-4 {
	flex-grow: 4;
}

#msform .fg-5 {
	flex-grow: 5;
}

.logo_trade {
	margin: 0 auto 20px;
}

.logo_main {
	width: 100%;
	max-width: 240px;
	margin: 0 auto 20px;
}

.copy-url {
	cursor: pointer;
	background: transparent;
	padding: 0;
	margin: 0;
	border: none;
	box-shadow: none;
	outline: none;
	color: transparent;
	width: auto;
	height: auto;
}

.url_text {
	display: inline-block;
	visibility: hidden;
	width: 1px !important;
	min-width: 1px !important;
	height: 1px !important;
	padding: 0px !important;
	font-family: 'Tahoma', sans-serif;
	font-size: 8px;
}

.tagContent1 span a {
	color: #348CE2 !important;
	text-decoration: none;
	cursor: pointer;
}

.tagContent1 span a:hover {
	color: #348CE2 !important;
	text-decoration: underline !important;
}

.shareSet {
	width: 100%;
	text-align: center !important;
	padding: 20px 25px 10px !important;
	margin-bottom: 40px !important;
}
.ic_save {
	background-image: url("../resources/images/new/ic_save.png") !important;
	background-repeat:no-repeat !important;
}
.ic_erase{
	background-image: url("../resources/images/new/ic_erase.png") !important;
	background-repeat:no-repeat !important;
}

.ic_trash_32{
	background-image: url("../../resources/images/new/ic_trash_32.png") !important;
	background-repeat:no-repeat !important;
}

.ic_edit_32{
	background-image: url("../resources/images/new/ic_edit_32.png") !important;
	background-repeat:no-repeat !important;
}
.pd_shape {
	width: 44px;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom-width: 22px;
	border-bottom-style: solid;
	margin: 0 auto;
}

.pd_code {
	display: block;
	margin-top: 2px;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}

.pd_name {
	display: block;
	width: 80px;
	font-size: 12px;
	font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: -5px;
	padding: 0 5px;
}
.match-bg{
	background: #91c8ff;
}

.rs-match{
	display: block;
	width: 100%;
	padding: 3px 5px;
	font-size: 22px;
	font-weight: 600;
	white-space: nowrap;
	text-align: center;
}


