body{
		margin: 0px;
		font-family: 'Montserrat', sans-serif !important;
}
.np-pr-container{
	font-family: 'Montserrat', sans-serif !important;
    color: #404040;
    background-color: #FFF;
    border: none;
    margin: 5px;
    padding: 5px;
}
.home .np-pr-container{
	color: white;
}
.home .np-pr-container.small .np-pr-spread {
	opacity: 1;
	padding-top: 0;
	line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0;
}
.np-pr-tabs-container table {
    width: calc(50% - 5px);
    display: inline-table;
    border-collapse: collapse;
    border-spacing: 0;
}
.np-pr-tabs-container table tr:nth-child(even) {background: #fff}
.np-pr-tabs-container table tr:nth-child(odd) {background: #f9f9f9}
.np-pr-tabs-container table tr.np-pr-header-row {background: #fff}
.np-pr-tabs-container table th {
    text-align: left;
    padding: 8px;
    font-size: 15px;
    font-family: IBM Plex Mono,monospace;
    text-transform: capitalize;
}
.np-pr-tabs-container table td {
    font-size: 15px;
    padding: 8px;
}
.np-pr-tabs-container table tbody tr {
    border: 1px solid #ddd;
}
.np-pr-tabs-container table th:nth-child(1), .np-pr-tabs-container table td:nth-child(1) {
    width: 30%;
}
.np-pr-tabs-container table th:nth-child(2), .np-pr-tabs-container table th:nth-child(3), .np-pr-tabs-container table th:nth-child(4), .np-pr-tabs-container table td:nth-child(2), .np-pr-tabs-container table td:nth-child(3), .np-pr-tabs-container table td:nth-child(4) {
    width: calc(70% / 3);
}
.np-pr-green {
		color:  #0DD776;
		font-weight: 500;
}
.np-pr-red {
		color: #FC685F;
		font-weight: 500;
}
.np-pr-blue {
	/* color: #0d9dde; */
	color: #000000;
	opacity: 0.43;
}
.np-pr-quotes-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.np-pr-quotes-tabs li:hover{
		opacity: 0.65;
		cursor: pointer;
}

.np-pr-quotes-tabs li.np-pr-active{
    background-color: #FFF;
    color: #A10014;;
}

.np-pr-quotes-footer {
    bottom: 0;
    width: 100%;
}
.np-pr-quotes-footer img {
    width: 150px;
    margin-right: 15px;
}
.np-pr-pull-left{
    float: left;
}
.np-pr-fs-10{
    font-size: 10px;
}
.np-pr-pr-20{
    padding-right: 20px;
}
.np-pr-pt-20{
    padding-top: 10px;
}
.np-pr-pb-20{
    padding-bottom: 10px;
}
.np-pr-text-right{
    text-align: right;
}
.np-pr-text-center{
    text-align: center !important;
}
.np-pr-direction-wrapper {
    display: inline-block;
    width: 20px;
    text-align: center;
    margin-right: 5px;
}
.np-pr-arrow-up {
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #29a643;
    display: inline-block;
}
.np-pr-arrow-down {
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #ed1c24;
    display: inline-block;
}

@media only screen and (max-width: 768px) {
	.np-pr-tabs-container table {
	    width: 100%;
    	display: table;
	}
}

.np-pr-bid, .np-pr-ask {
	position: relative;
	width: 100%;
	height: 30px;
	border: 1px solid;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 5px;
	padding-left: 30px;
	margin-top: 5px;
	font-size: 13px;
}
.np-pr-spread {
	position: relative;
	width: 100%;
	padding: 5px;
	padding-left: 50px;
	height: 30px;
	margin-top: 5px;
	font-size: 14px;
}

.np-pr-bid:before{
	position: absolute;
	content: 'Bid';
	left:0;
	padding-left: 5px;
	font-weight: 400px;
}
.np-pr-ask:before {
	position: absolute;
	content: 'Ask';
	left:0;
	padding-left: 5px;
	font-weight: 400px;
}
.np-pr-spread:before{
	position: absolute;
	content: 'Spread';
	left:0;
}
.np-pr-direction-wrapper {
	display: none!important;
}
#np-pr-table-forexmajors, #np-pr-table-forexcrosses, #np-pr-table-indices, #np-pr-table-comm, #np-pr-table-cryptos {
	/* flex-direction: column; */
	/* display: flex; */
	/* flex-wrap: wrap; */
	position: relative;
}
.quote-block {
	display: flex;
	width: 50%;
}
.np-pr-quote {
	width: 25%;
	padding-right: 10px;
}
@media (max-width:1200px) {
	#np-pr-table-forexmajors, #np-pr-table-forexcrosses, #np-pr-table-indices, #np-pr-table-comm, #np-pr-table-cryptos {
		flex-wrap: wrap;
	}
	.quote-block {
		width: 100%;
	}
}

.np-pr-container {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.np-pr-container .dropdown {
	width: 20%;
}
.np-pr-tabs-container {
	width: 80%;
	border: 1.5px solid #A87B5B;
	box-shadow: 0px 11.3612px 34.0837px rgba(168, 123, 91, 0.16);
	border-radius: 3px;
	padding: 30px 40px;
}
.np-pr-tabs-container, .np-pr-quotes-tabs {
	margin-top: 3rem;
}
@media (max-width:1200px) {
	.np-pr-container {
		flex-wrap: wrap;
	}
	.np-pr-container .dropdown {
		width: 100%;
	}
	.np-pr-quotes-tabs {
		display: flex;
		margin-top: 0rem;
	}
	.np-pr-quotes-tabs li {
		margin-right: 20px;
	}
	.np-pr-tabs-container {
		width: 100%;
		position: relative;
		margin-top: 0rem;
	}
	.spread-title {
		font-size: 35px;
	}
	.np-pr-container {
		padding: 0;
		margin: 0;
	}
}


.np-pr-pair {
	font-size: .8rem;
	line-height: 1.5rem;
	font-weight: 400;
}


.spread-details {
	display: flex;
	width: 100%;
	margin-bottom: 30px;
}
.spread-title {
	position: absolute;
	font-size: 51.1392px;
	line-height: 51.1392px;
	color: #F9F6F4;
	right: 0;
	top: 0;
	font-weight: 700;
	text-transform: uppercase;
}
.spread-details .tab {
	padding-left: 20px;
	padding-right: 20px;
	border-right: 2px solid rgba(206, 205, 205, .3);
}
.spread-details .tab:first-child {
	padding-left: 0px;
}
.spread-details .tab:last-child {
	padding-right: 0px;
	border-right: none;
}
.spread-details .tab .top-details{
	font-size: 32px;
	line-height: 42px;
	font-weight: 600;
	text-align: center;
}
.spread-details .tab .label{
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	/* text-transform: uppercase; */
	color: #000000;
	opacity: 0.3;
}
/* selection  */
.np-pr-quotes-tabs li {
	font-size: 16px;
	line-height: 30px;
	padding: 10px 0;
	color: black;
	opacity: .3;
	font-weight: 500;
	padding-left: 20px;
}

.np-pr-quotes-tabs li.np-pr-active {
	color: #A87B5B;
	opacity: 1;
	background: #FBF8F6;
	border-left: 3px solid #A87B5B;
}


.spread-background {
	position: absolute;
	right: 0;
	top: -60px;
}
.dropdown.desktop{
	display: flex;
}
.dropdown.mobile{
	display: none;
}


@media (max-width:777px) {
	.spread-title {
		display: none;
	}
	.np-pr-quotes-tabs li {
		font-size: 14px;
    white-space: nowrap;
    padding: 0;
    margin-bottom: 10px !important;
    padding-left: 20px;
	}
	.spread-details {
		justify-content: center;
	}
}

@media (max-width:550px) {
	.quote-block {
		flex-wrap: wrap;
	}
	.np-pr-quote {
		width: 50%;
	}
	.np-pr-quotes-tabs {
		flex-wrap: wrap;
		justify-content: center;
	}
	.spread-details .tab .top-details {
		font-size: 24px;
    line-height: 27px;
	}
}


.btn.dropdown-toggle {
	background: #FAF7F6;
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
	font-size: 14px;
	line-height: 30px;
	padding-left: 20px;
}
.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
	right: 16px;
	position: absolute;
	top: 37%;
	transform: translate(0, -50%);
}