/*.get-quotes-content, .get-quotes-left, .get-quotes-right{border: 1px solid red;}*/
 .ui-autocomplete-loading { background:url('../images/Loading_icon.gif') no-repeat right center;background-size: 19%; }
 .footable-row-detail-value p {
    margin: 0 !important;
}
 .get-quotes-left{padding-left: 5px;}
 .get-quotes-left img{width: 100%; margin-left: 5px; height: 250px;}
 .get-quotes-right{width: 49%; /*margin-top: 1px;*/ background: #02aade; color: #ffffff; border-radius: 10px; /*padding-bottom: 10px;*/ padding: 15px;}
 .get-quotes-content{padding: 5px 5px;}
 .get-quotes-right input{border: none; background: #02aade; width: 85%; border-bottom: 2px solid; margin-top: 15px; color:#FFFFFF;}
 .get-quotes-right select{border: none; width: 77%; -webkit-appearance: none; margin-top: 5px; background: #02aade; border-bottom: 2px solid;
  cursor: pointer; outline: none; background-image: url(../images/dropArrow.png); background-repeat: no-repeat;
   background-position-x: right; background-position-y: center; float: left;}
 .get-quotes-right .btn-quotes{margin-top: 0px; background: #bed731; border: 1px solid transparent; margin-left: 10px; border-radius: 5px; color: #000; width: 18%; float: right;}
 .get-quotes-right p{margin-bottom: 0px; font-size: 15px; padding-left: 10px;}
 .box-left{padding-left: 0px;}
 .box-right{padding-left: 0px; margin-top: 9px; padding-bottom: 10px;}
/*......................................Derivative-- Get Quotes..........................................................*/
.get-quotes-content-derivative{padding: 5px 5px;}
.get-quotes-left-derivative{padding-left: 5px;}
.get-quotes-left-derivative img{width: 100%; margin-left: 5px; height: 277px;}
.get-quotes-right-derivative{width: 49%;  background: #02aade; color: #ffffff; border-radius: 10px; padding-bottom: 10px !important; padding: 0px;}
.get-quotes-right-derivative input{opacity:2; font-weight: 600; border: none; background: #02aade; width: 85%; border-bottom: 2px solid; margin-top: 15px; color:#FFFFFF;}
.get-quotes-right-derivative select{border: none; width: 77%; -webkit-appearance: none; margin-top: 5px; background: #02aade; border-bottom: 2px solid;
  cursor: pointer; outline: none; background-image: url(../images/dropArrow.png); background-repeat: no-repeat;
   background-position-x: right; background-position-y: center; float: left;}
.get-quotes-right-derivative  .btn-quotes-derivative {margin-top: 0px; background: #bed731; border: 1px solid transparent; margin-left: 7%; border-radius: 5px; color: #000; width: 10%; }
.get-quotes-right-derivative  p{margin-bottom: 0px; font-size: 15px; padding-left: 10px;}
.box-left-derivative {padding-left: 0px;}
.box-right-derivative {padding-left: 0px; margin-top: 9px; padding-bottom: 10px;}
.select-box-derivative{width: 100%; padding-top: 5px;}
.dropdown-top{margin-left: 13%; margin-bottom: 5px;}
.box-middle-derivative{margin-left: 8%;}
.MarketGo-derivative{width: 100%;float: left;}
.GAINERsec-derivative{margin-left: 28px;}
.span-instrument2{width: 15% !important;}

/*pooja css starts*/
.new-get-quotes-right {
	height: 250px !important;
}
.footable > tbody > tr.blue-bg {
    background-color: #f9fdff !important;
}
.footable.breakpoint > tbody > tr.footable-detail-show.bg-blue > td {
    background-color: #f9fdff !important;
}
.footable.breakpoint > tbody > tr.blue-bg > td > span.footable-toggle:before {
	color: #52b9e9;
	font-size: 12px;
	padding-right: 5px;
}
.footable > tbody > tr.blue-bg:hover {
    background: #cef3ff !important;
}
.footable > tbody > tr.bg-blue > td {
	border-top: 1px solid #dddddd;
}
/*pooja css ends*/
@media screen and (min-width: 1200px) and (max-width: 1280px) 
{

}

@media screen and (min-width: 1025px) and (max-width: 1198.99px) 
{
.get-quotes-right input{width: 90%;}
.get-quotes-right select{width: 75%;}
.get-quotes-right p{margin-bottom: 0px;}
/*.get-quotes-right{margin-top: 20px;}*/
.get-quotes-content{padding-left: 0px;}
.get-quotes-left img{height: 250px;}
.box-left{padding-left: 0px;}
.box-right{padding-left: 0px;}
.get-quotes-right .btn-quotes{padding: 5px;}
/*...............................................................*/
.get-quotes-left-derivative img{height: 269px;}
.get-quotes-right-derivative .btn-quotes-derivative{margin-top: 10px;}
.GAINERsec-derivative{margin-left: 0px;}
.dropdown-top{margin-left: 16%;}
.span-instrument2{width: 18% !important;}
}

@media screen and (min-width: 992px) and (max-width: 1024.99px) 
{
.get-quotes-right input{width: 90%;}
.get-quotes-right select{width: 75%;}
.get-quotes-right p{margin-bottom: 0px;}
/*.get-quotes-right{margin-top: 20px;}*/
.get-quotes-left img{height: 250px;}
.get-quotes-right .btn-quotes{padding: 5px;}
.box-left{padding-left: 0px;}
.box-right{padding-left: 0px;}
/*...............................................................*/
.get-quotes-left-derivative img{height: 269px;}
.get-quotes-right-derivative .btn-quotes-derivative{margin-top: 10px;}
.GAINERsec-derivative{margin-left: 0px;}
.dropdown-top{margin-left: 16%;}
.span-instrument2{width: 18% !important;}

}

@media screen and (min-width: 768px) and (max-width: 991.99px)
{
.get-quotes-left img{height: 323px;}
.get-quotes-right input{width: 65%;}
.get-quotes-right select{width: 65%;}
.get-quotes-right .btn-quotes{width: 25%;}
.get-quotes-content{padding-left: 0px;}
.box-left{padding-left: 0px;}
.box-right{padding-left: 0px;}
.get-quotes-right{width: 48%;}
/*...............................................................*/
.get-quotes-left-derivative img{height: 257px;}
.get-quotes-right-derivative .btn-quotes-derivative{margin-top: 10px; width: 15%; margin-left: 11%;}
.GAINERsec-derivative{margin-left: 0px;}
.dropdown-top{margin-left: 16%;}
.box-middle-derivative{margin-left: 3%;}
.span-instrument2{width: 22% !important;}

}

@media screen and (min-width: 560px) and (max-width: 767.99px) 
{
.get-quotes-left img{margin-left: 8px;}
.get-quotes-right input{width: 45%;}
.get-quotes-right select{width: 45%;}
.box-left{padding-left: 0px;}
.box-right{padding-left: 0px;}
.get-quotes-right{width: 97%; margin-top: 5px; margin-left: 10px;}
.get-quotes-right .btn-quotes{float: left; margin-left: 25px;}
/*...............................................................*/
.get-quotes-left-derivative img{height: 257px;}
.get-quotes-right-derivative .btn-quotes-derivative{margin-top: 10px; width: 25%; margin-left: 21%;}
.GAINERsec-derivative{margin-left: 16%;}
.dropdown-top{margin-left: 28%;}
.box-middle-derivative{margin-left: 3%;}
.get-quotes-right-derivative{width: 96%; margin-left: 10px; margin-top: 5px;}
.span-instrument2{width: 45% !important;}
}

@media screen and (min-width: 480px) and (max-width: 559.99px)
{
.get-quotes-left img{margin-left: 8px;}
.get-quotes-right input{width: 55%;}
.get-quotes-right select{width: 55%;}
.box-left{padding-left: 0px;}
.box-right{padding-left: 0px;}
.get-quotes-right{width: 97%; margin-top: 5px; margin-left: 10px;}
.get-quotes-right .btn-quotes{float: left; margin-left: 25px;}
/*...............................................................*/
.get-quotes-left-derivative img{height: 257px;}
.get-quotes-right-derivative .btn-quotes-derivative{margin-top: 10px; width: 25%; margin-left: 21%;}
.GAINERsec-derivative{margin-left: 9%;}
.dropdown-top{margin-left: 35%;}
.box-middle-derivative{margin-left: 3%;}
.get-quotes-right-derivative{width: 96%; margin-left: 9px; margin-top: 5px;}
.span-instrument2{width: 50% !important;}
}

@media screen and (min-width: 360px) and (max-width: 479.99px)
{
.get-quotes-left img{margin-left: 5px;}
.get-quotes-right input{width: 75%;}
.get-quotes-right select{width: 75%;}
.get-quotes-right .btn-quotes{width: 35%; margin-top: 10px; float: left; margin-left: 0px;}
.box-left{padding-left: 0px;}
.box-right{padding-left: 0px;}
.get-quotes-right{width: 97%; margin-top: 5px; margin-left: 5px;}
/*...............................................................*/

.get-quotes-right-derivative .btn-quotes-derivative{margin-top: 10px; width: 25%; margin-left: 21%;}
.get-quotes-left-derivative img{margin-left: 4px;}
.get-quotes-right-derivative{width: 96%; margin-left: 6px; margin-top: 5px;}
.get-quotes-right-derivative{width: 97%; margin-left: 9px; margin-top: 5px;}
.get-quotes-left-derivative img{margin-left: 10px;}
.get-quotes-right-derivative .btn-quotes-derivative{width: 30% !important;}
.box-middle-derivative{margin-left: 0%;}
.GAINERsec-derivative{margin-left: 5px;}
.span-instrument1{float: left !important; width: 35% !important;}
.span-instrument2{width: 60% !important;}
.MarketGo-derivative{margin-left: 55px; margin-top: 5px;}

}

@media(min-width:768px) and (max-width:991.90px)
{
	/*pooja css starts*/
	.new-get-quotes-left.get-quotes-left img {
		height: 220px;
	}
	.new-get-quotes-right {
		height: auto !important;
		margin-left: 0;
		margin-right: 0;
		padding: 8px;
	}
}

@media(min-width:576px) and (max-width:767.90px)
{
	/*pooja css starts*/
	.new-get-quotes-left.get-quotes-left {
		padding-left: 0;
		padding-right: 0;
	}
	.new-get-quotes-left.get-quotes-left img {
		height: auto;
		width: 100%;
		margin-left: 0;
	}
	.new-get-quotes-right {
		height: auto !important;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

@media(min-width:481px) and (max-width:575.90px)
{
	/*pooja css starts*/
	.new-get-quotes-left.get-quotes-left {
		padding-left: 0;
		padding-right: 0;
	}
	.new-get-quotes-left.get-quotes-left img {
		height: auto;
		width: 100%;
		margin-left: 0;
	}
	.new-get-quotes-right {
		height: auto !important;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.new-get-quotes-right.get-quotes-right {
		padding: 8px;
	}
	.new-get-quotes-right.get-quotes-right h4 {
		font-size: 16px;
	}
	.new-get-quotes-right.get-quotes-right p {
		padding-left: 0;
	}
	.new-get-quotes-right.get-quotes-right .no-pad {
		padding: 0;
	}
	.new-get-quotes-right.get-quotes-right input, .new-get-quotes-right.get-quotes-right select {
		width: 50%;
		padding-left: 0;
	}
	.new-get-quotes-right.get-quotes-right .box-left,
	.new-get-quotes-right.get-quotes-right .box-right {
		padding-right: 0;
	}
	.corp-info-top-table.no-pad, 
	.corp-info-vol-table.no-pad {
		padding: 0;
	}
}

@media(min-width:360px) and (max-width:480.90px)
{
	/*pooja css starts*/
	.new-get-quotes-left.get-quotes-left {
		padding-left: 0;
		padding-right: 0;
	}
	.new-get-quotes-left.get-quotes-left img {
		height: auto;
		width: 100%;
		margin-left: 0;
	}
	.new-get-quotes-right {
		height: auto !important;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.new-get-quotes-right.get-quotes-right {
		padding: 8px;
	}
	.new-get-quotes-right.get-quotes-right h4 {
		font-size: 16px;
	}
	.new-get-quotes-right.get-quotes-right p {
		padding-left: 0;
	}
	.new-get-quotes-right.get-quotes-right .no-pad {
		padding: 0;
	}
	.new-get-quotes-right.get-quotes-right input, .new-get-quotes-right.get-quotes-right select {
		width: 100%;
		padding-left: 0;
	}
	.new-get-quotes-right.get-quotes-right .box-left,
	.new-get-quotes-right.get-quotes-right .box-right {
		padding-right: 0;
	}
	.corp-info-top-table.no-pad, 
	.corp-info-vol-table.no-pad {
		padding: 0;
	}
}

@media screen and (min-width: 320px) and (max-width: 359.99px)
{
/*.mths_dropdwn_div label span{width:88px !important;} */
	
.get-quotes-left img{margin-left: 8px;}
.get-quotes-right input{width: 85%;}
.get-quotes-right select{width: 85%;}
.get-quotes-right .btn-quotes{width: 35%; margin-top: 10px; float: left; margin-left: 0px;}
.box-left{padding-left: 0px;}
.box-right{padding-left: 0px;}
.get-quotes-right{width: 94%; margin-top: 5px; margin-left: 12px;}
.get-quotes-right-derivative{width: 97%; margin-left: 9px; margin-top: 5px;}
.get-quotes-left-derivative img{margin-left: 10px;}
.get-quotes-right-derivative .btn-quotes-derivative{width: 30% !important;}
.box-middle-derivative{margin-left: 0%;}
.GAINERsec-derivative{margin-left: 5px;}
.span-instrument1{float: left !important; width: 35% !important;}
.span-instrument2{width: 60% !important;}
.MarketGo-derivative{margin-left: 55px; margin-top: 5px;}
/*pooja css starts*/
.new-get-quotes-left.get-quotes-left {
	padding-left: 0;
	padding-right: 0;
}
.new-get-quotes-left.get-quotes-left img {
	height: auto;
	width: 100%;
	margin-left: 0;
}
.new-get-quotes-right {
	height: auto !important;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.new-get-quotes-right.get-quotes-right {
	padding: 8px;
}
.new-get-quotes-right.get-quotes-right h4 {
	font-size: 16px;
}
.new-get-quotes-right.get-quotes-right p {
	padding-left: 0;
}
.new-get-quotes-right.get-quotes-right .no-pad {
	padding: 0;
}
.new-get-quotes-right.get-quotes-right input, .new-get-quotes-right.get-quotes-right select {
	width: 100%;
	padding-left: 0;
}
.new-get-quotes-right.get-quotes-right .box-left,
.new-get-quotes-right.get-quotes-right .box-right {
	padding-right: 0;
}
.corp-info-top-table.no-pad, 
.corp-info-vol-table.no-pad {
	padding: 0;
}
/*pooja css ends*/
}