@charset "utf-8";

.main_bg_color {background : #1f3452;}
.main_text_color {color : #1f3452;}

.scan_container {padding: 20px; height: 100%;}
.scan_container .container {}
.scan_container .container > h2 {text-align: center;}
.scan_container .container > h2 > a {font-weight: bolder; font-size: 20px; color: #fff;}
.scan_container .trans_search_box {padding: 20px; width: 750px; margin: 0 auto; overflow: auto;}
.scan_container .trans_search_box #trans_search {text-align: center;}
.scan_container .trans_search_box #trans_search select {display:inline-block; width: 100px; height: 50px; line-height: 50px; color: #1f3452; background: #fff; font-weight: bolder; float: left; border : none; padding: 0 10px; border-radius: 8px 0 0 8px;}
.scan_container .trans_search_box #trans_search input {display: inline-block; width: 560px; height: 50px; line-height: 50px; float: left;  border : none; padding: 0 10px;}
.scan_container .trans_search_box #trans_search button {display: inline-block; width: 50px; height: 50px; line-height: 50px; float: left;  border : none; background: #fff; font-size: 20px; border-radius: 0 8px 8px 0;}

.status_box {position: relative; top: -35px;}
.status_box .container {border: 1px solid #ddd; box-shadow: 1px 1px 2px #888; background: #fff; border-radius: 8px; overflow: auto;}
.status_box .coin_status_box {float: left; width: 25%; text-align: center; padding: 0 20px; border-right: 1px solid #ddd;}
.status_box .coin_status_box:last-child {border-right: 0;}
.status_box .coin_status_box span {font-size: 16px; display: block; border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.status_box .coin_status_box p {padding-top: 10px; font-size: 22px; font-weight: bolder; display: inline-block; margin-right: 6px;}

@media (max-width: 991px) {
	.scan_container .trans_search_box {width: 100%; padding-right: 0; padding-left: 0;}
	.scan_container .trans_search_box #trans_search input {width: calc(100% - 150px);}
	.status_box .coin_status_box {width: 50%;}
	
	.status_box .coin_status_box:nth-child(2) {border-right: 0;}
	.status_box .coin_status_box:nth-child(1), .status_box .coin_status_box:nth-child(2) {padding-bottom: 20px; border-bottom: 2px solid #1f3452;}
	.status_box .coin_status_box:nth-child(3), .status_box .coin_status_box:nth-child(4) {padding-top: 20px;}
	.status_box .coin_status_box:nth-child(1), .status_box .coin_status_box:nth-child(3) {border-right: 2px solid #1f3452;}
}

@media (max-width: 575px) {
	.scan_container .container {padding: 0;}
	.scan_container {padding-left: 15px; padding-right: 15px;}
}

@media (max-width: 450px) {
	.status_box .coin_status_box {width: 100%;}
	.status_box .coin_status_box:nth-child(1), .status_box .coin_status_box:nth-child(3) {border-right: 0;}
	.status_box .coin_status_box:not(:last-child) {padding-bottom: 20px; border-bottom: 2px solid #1f3452;}
	.status_box .coin_status_box:not(:first-child) {padding-top: 20px;}
}

/* 트랜젝션 정보 */
.txn_box {}
.txn_box > h2 {font-size: 16px; font-weight: bolder; text-align: center;margin: 0;}
.txn_box table {padding : 10px; width: 100%;}
.txn_box table tr {border-bottom: 1px solid #ddd;}
.txn_box table tr:last-child {border-bottom: 0;}
.txn_box table tr td {padding: 10px 0; word-break: break-word;}
.txn_box table tr td:first-child {width: 135px;}
.txn_box table tr td a {color: #3498db;}
.txn_box table tr td a:hover {color: #1d6fa5;}
.txn_box table tr td .status {padding: 6px 10px; border-radius: 6px; display: inline-block;}
.txn_box table tr td .status.suc {color: #00c9a7; background-color: rgba(0,201,167,.1);}
.txn_box table tr td .status.err {color: #c90000; background-color: rgba(201,0,0,.1);}

.addr_box .coin_status_box:nth-child(4) {border-right: 0;}
.addr_box table {width: 100%; margin-top: 20px;}
.addr_box table thead tr {}
.addr_box table thead tr th {text-align : center;}
.addr_box table tbody tr {}
.addr_box table tbody tr td {}
.addr_box table tbody tr td.cutting {max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.addr_box table tbody tr td.noborder .tstatus {padding: 0px 10px; border-radius: 6px;}
.addr_box table tbody tr td.noborder .tstatus.out {color: #b47d00; background-color: rgba(219,154,4,.2);}
.addr_box table tbody tr td.noborder .tstatus.in {color: #02977e; background-color: rgba(0,201,167,.2);}
.addr_box table tbody tr td.noborder .tstatus.self {color: #626c76; background-color: rgba(119,131,143,.2);}
.addr_box table tbody tr td a {color: #3498db;}
.addr_box table tbody tr td a:hover {color: #1d6fa5;}