@CHARSET "UTF-8";
/*start maintain aspect ratio when resizing div*/
.mod_bidask_outer_wrapper{width: 100%; padding-bottom: 65.5%; position: relative;}
.mod_bidask_outer_wrapper .bid_ask_wrapper {position: absolute;}
/*end maintain aspect ratio when resizing div*/

.bid_ask_wrapper{width: 100%; height: 100%; background: #efefef;}
.bid_ask_header span{display: inline-block; margin-top: 4%; margin-bottom: 4%;}
.bid_ask_header1 {margin-left: 3%; font-size: 1.5em; color: #000000;}
.bid_ask_header2 {margin-right: 3%; float: right; color: #000000;}
.bid_ask_selectors{background: #D7D7D7; border-top: 2px solid #B3B3B3;}
.bid_ask_selectors div {display: inline-block;}
.bid_ask-ounces, .bid_ask-grams {background: #A9A7A8; cursor: pointer;}
.bid_ask-ounces p, .bid_ask-grams p{padding: 5px 15px; color: #ffffff;}
.bid_ask_units {margin-left: 3%;}
.bid_ask_currency {margin-right: 3%;}
.bid_ask_units, .bid_ask_currency{font-weight: bold; margin-top: 2%; margin-bottom: 2%; color: black;}
.bid_ask_units > span, .bid_ask_currency > span{margin-right: 5px;}
.bid_ask_currency {float: right;}
.bid_ask_table_wrapper{padding: 1% 3%;}
.bid_ask_table{width: 100%;}
.bid_ask_table td{width: 33%; padding: 1.8% 0; font-size: 1.1em; font-weight: bold;}
.bid_ask_sell_gold, .bid_ask_sell_silver, .bid_ask_sell_platinum, .bid_ask_sell_palladium, .bid_ask_sell_text{color: #A89060;}
.bid_ask_buy_gold, .bid_ask_buy_silver, .bid_ask_buy_platinum, .bid_ask_buy_palladium, .bid_ask_buy_text{color: #022859;}
.bid_ask_currency_text{color: #000000;}
.bid_ask_line td {border-bottom: 1px solid #d0d0d0;}
.bid_ask_currency_dropdown{background: #022859; padding: 5px 10px; color: #ffffff; width: 75px; cursor: pointer; position: relative;}
.bid_ask_currency_dropdown img{margin: 5px 0 0 0 !important; float: right; max-width: 10px;}
.bid_ask_currency_links{position: absolute; background: #022859; color: #ffffff; width: 90px; z-index: 1;}
.bid_ask_currency_links {display: none;}
.bid_ask_currency_links li {cursor: pointer; font-size: 0.7em;}
.bid_ask_currency_links li p {margin-left: 5px;}
.bid_ask_currency_links li:hover{background: #636363;}
.bid_ask_unit_selected {background: #022859;}
.bid_ask_price_last_updated {text-align: right;}
.bid_ask_price_last_updated p {color: #000000; margin: 2% 0 !important; font-size: 0.8em;}

/*Mobile CSS*/
.bid_ask_wrapper_mobile{display: inline-block; background: #efefef; padding: 8px 10px 0px 10px; border: 1px solid #d0d0d0; margin: 5px;}
.bid_ask_wrapper_mobile p {margin: 0; padding: 0;}
.bid_ask_wrapper_mobile td{padding: 3px 0px;}
.bid_ask_mobile_col2, .bid_ask_currency_mobile_text, .bid_ask_currency_mobile_text{padding-right: 10px !important;}
.bid_ask_header_mobile{font-size: 1.4em; color: #000000; white-space: nowrap;}
.bid_ask_sell_text_mobile{color: #A89060;}
.bid_ask_buy_text_mobile{color: #022859;}
.bid_ask_units_mobile div{display: inline-block; background: #A9A7A8;}
.bid_ask_units_mobile p {width: 40px; padding: 3% 0; margin: 0px; color: #ffffff; text-align: center; cursor: pointer;}
.bid_ask_mobile-ounces {margin-right: 5px;}
.bid_ask_currency_dropdown_mobile{width: 80px; background: #022859; padding: 2% 0 2% 5px; color: #ffffff; cursor: pointer; position: relative;}
.bid_ask_currency_dropdown_mobile img{float: right; margin: 5px 5px 0 0 !important; max-width: 10px}
.bid_ask_currency_links_mobile{position: absolute; background: #022859; color: #ffffff; width: 90px; z-index: 1;}
.bid_ask_currency_links_mobile {display: none;}
.bid_ask_currency_links_mobile li {cursor: pointer; font-size: 0.7em;}
.bid_ask_currency_links_mobile li p {margin-left: 5px;}
.bid_ask_currency_links_mobile li:hover{background: #636363;}
.bid_ask_unit_selected_mobile{background: #022859;}
.bid_ask_currency_mobile_text{color: #000000;}
.bid_ask_sell_mobile_silver, .bid_ask_sell_mobile_gold {color: #A89060;}
.bid_ask_buy_mobile_silver ,.bid_ask_buy_mobile_gold {color: #022859;}
.bid_ask_buy_text_mobile, .bid_ask_sell_text_mobile, .bid_ask_currency_mobile_text, 
.bid_ask_sell_mobile_silver, .bid_ask_sell_mobile_gold, .bid_ask_buy_mobile_silver ,.bid_ask_buy_mobile_gold{font-size: 1em; font-weight: bold;}
.bid_ask_mobile_col3, .bid_ask_mobile_col4{min-width: 110px;}
.bid_ask_price_last_updated_mobile{font-size: 0.9em; color: #000000;}

/*common to mobile and desktop widget*/
.bidaskSellHyperlink {color: #A89060 !important;}
.bidaskSellHover, .bidaskBuyHover {position: relative; width: 25%; cursor:default;}
.bidaskSellHover span, .bidaskBuyHover span {display: none; padding: 5px; background: #D7D7D7; color: #000000; font-size: 10px; border: 1px solid #B3B3B3; position: absolute; width: 200px; height: 30px; font-weight: normal; top: -50px; left: 10px; bottom: 0; right: 0;}
.bidaskSellHover:hover span, .bidaskBuyHover:hover span{display: block;}

@media (max-width: 980px) {
    .bid_ask_selectors{font-size: 0.8em;}
    .bid_ask_header1{font-size: 1.2em;}
    .bid_ask_header2 {font-size: 0.8em;}
    .bid_ask_table td {font-size: 1.1em; padding: 1.5% 0;}
}

@media (max-width: 900px) {
    .bid_ask_selectors{font-size: 0.7em;}
    .bid_ask_table td {font-size: 1.1em; padding: 1.5% 0;}
}

@media (max-width: 850px) {
    .bid_ask_header1{font-size: 1.1em;}
    .bid_ask_selectors{font-size: 0.7em;}
    .bid_ask_table td {font-size: 1em; padding: 1.2% 0;}
    .bid_ask_currency_dropdown{width: 60px;}
    
    /*mobile widget*/
    .bid_ask_wrapper_mobile{padding: 4px 5px 0px 5px;}
    .bid_ask_sell_mobile_silver, .bid_ask_sell_mobile_gold, .bid_ask_buy_mobile_silver ,.bid_ask_buy_mobile_gold{font-size: 0.7em; font-weight: bold;}
    .bid_ask_mobile_col3, .bid_ask_mobile_col4{min-width: 80px;}
    .bid_ask_header_mobile{font-size: 1.1em;}
    .bid_ask_currency_dropdown_mobile{width: 70px;}
    .bid_ask_units_mobile p {width: 35px;}
}

@media (max-width: 767px) {}
@media (max-width: 500px) {}