@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/*font-family: 'Open Sans', sans-serif;*/

body {
	font-family: 'Open Sans', sans-serif;
 
	font-weight:normal;
	line-height: 1.8;
	/*background:#000;*/
}
/*.container-fluid{
	
	margin:150px auto;
	width:262px;
	height:164px;
	position:relative;
}*/


.pt-wrap {
	float:left;
	width:100%;
	height:164px;
	background:none;
}
.pt-head {
	float:left;
	width:100%;
	height:56px;
	padding:7px 10px;
	background: rgb(2,0,36);
	background: -moz-linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(7, 177, 181, 1) 0%, rgba(10, 136, 183, 1) 56%, rgba(12, 99, 184, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(7, 177, 181, 1) 0%, rgba(10, 136, 183, 1) 56%, rgba(12, 99, 184, 1) 100%);
	background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(7, 177, 181, 1) 0%, rgba(10, 136, 183, 1) 56%, rgba(12, 99, 184, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#0c63b8", GradientType=1);
	border-radius:4px 4px 0 0;
}
.stk-wrap, .mi-btn {
	float:left;
	width:50%;
}
.stkname {
	font-size:14px;
	line-height:19px;
	color:#fff;
	text-align:left;
	font-weight:normal;
	display:block;
}
.stktitle {
	font-size:16px;
	line-height:22px;
	text-align:left;
	color:#fff;
	font-weight:bold;
	display:block;
}
.moreinfo {
	float:right;
	/*width:78px;*/
	padding:10px 8px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border:1px solid #fff;
	border-radius:4px;
	font-size:12px;
	line-height:17px;
	background-color:transparent;
	text-decoration:none;
}
.moreinfo:hover {
	background-color:#EB751A;
	color:#fff;
	font-weight:bold;
	border:1px solid #EB751A;
	border:none;
	text-decoration:none;
}
.pt-body {
	float:left;
	width:100%;
	padding:7px 10px;
	background:#fff;
	border-radius:0 0 4px 4px;
}
.olcc-wrap {
	float:left;
	width:100%;
	margin-bottom:20px;
}
/*.olcc-col{
	float:left;
	display:inline-block;
	width:24%;
	margin-right:1%;
}*/

.olcc-op {
	float:left;
	display:inline-block;
	width:36px;
	margin-right:15px;
}
.olcc-ld {
	float:left;
	display:inline-block;
	width:58px;
	margin-right:15px;
}
.olcc-cp {
	float:left;
	display:inline-block;
	width:57px;
	margin-right:15px;
}
.olcc-cg {
	float:left;
	display:inline-block;
	width:41px;
}
.olcc-title {
	font-size:12px;
	line-height:12px;
	margin-bottom:8px;
	font-weight:600;
	color:#000;
}
.olcc-val {
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#000;
}
.priceUp {
	color:#01A240;
}
.priceDown {
	color:#ff0000;
}
.olcc-footer {
	float:left;
	width:100%;
}
.eod-title {
	font-size:10px;
	line-height:10px;
	margin-bottom:6px;
	font-weight:600;
	color:#A7A6A6;
	text-align:right;
}
.eod {
	font-size:12px;
	line-height:12px;
	font-weight:600;
	color:#171717;
	text-align:right;
}

/*.container-fluid:after{
	content:url(../images/pt-right-arrow.png);
	display:inline-block;
	width:6px;
	height:10px;
	position:absolute;
	right:-6px;
	top:12px;
	
}*/

/*==========  Mobile First Method  ==========*/


@media(max-width:1199px) {
}







/* Large desktops and laptops */
@media (min-width: 1200px) {
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}
 @media (min-width: 992px) {
}
@media (max-width: 991px) {
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 768px) {
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
}
 @media (max-width:576px) {
}



/* Portrait phones and smaller */
@media (max-width: 480px) {
}
 @media(max-width:414px) {
}

/* Portrait i phones and smaller */
@media (max-width: 380px) {
}