html {
    --text-area-background: rgb(247, 247, 247);
        --text-area-disabled-border: #bdbdbd;
        --text-area-disabled-background: #fafafa;
    --text-area-placeholder: #bbb;
    --text-area-border: 0;
    --x-btn-position: 0 0;
    --share-color: #7e57c2;
}

html[data-theme='dark'] {
            --text-area-disabled-background: transparent;
    --text-area-background: transparent;
        --text-area-placeholder: #2f434d;
--text-area-border: 0.05em solid #7a7a7a !important;
        --text-area-disabled-border: #232d36;
   --share-color: #ffc107;
        --x-btn-position: 100% 100%;
}



.dice  {
    width: 1.5em;
    height: 1.5em;
    background-color: transparent;
    background-size: 100%, 100%;
    background-repeat: no-repeat;
}
.word {
    font-size: 1.3em;
    font-weight: bold ;
    width: 6em;
    padding-left: 1em;
}

.offline-logo {
    width: 2em;
    height: 2em;
    background-size: 100%;
    background-image: url('/https/tbtc.bitaps.com/static/img/offline.svg');}


.dice_1 {background-image: url('/https/tbtc.bitaps.com/static/img/dice1.svg');}
.dice_2 {background-image: url('/https/tbtc.bitaps.com/static/img/dice2.svg');}
.dice_3 {background-image: url('/https/tbtc.bitaps.com/static/img/dice3.svg');}
.dice_4 {background-image: url('/https/tbtc.bitaps.com/static/img/dice4.svg');}
.dice_5 {background-image: url('/https/tbtc.bitaps.com/static/img/dice5.svg');}
.dice_6 {background-image: url('/https/tbtc.bitaps.com/static/img/dice6.svg');}
.dices {
    background-image: url('/https/tbtc.bitaps.com/static/img/dices.svg');
    height: auto;
}

#dice-map {
    padding: 1em;
    background-color: var(--card-background-color) !important;

}
#dice-map-wrapper {
    height: 2568em;
}

.share{
    width: 100%;
    margin: 1em;
    word-break: keep-all;
    background-color: var(--block-verbose-background);
    color:var(--body-color);
    padding: 0.5em;
}

.share-div {
 width: 100% ;
}
p {
  text-align: justify;
  text-justify: inter-word;
    font-size: 0.9em;
    margin-left: 0.8em;
    margin-right: 0.8em;
        font-family: 'Lato',sans-serif;
}
#fswl {
    cursor: pointer;

    padding: 0.1em;
    padding-top: 0.2em;
    border-radius: 0.2em;
}

.d-path-w  {
    font-size: 0.6em!important;
}

@media (max-width: 1070px) {

    #dice-map-wrapper {height: auto;}
}

@media (max-width: 1180px) {

    .d-a-wrap  {
        flex-direction: column !important;
        align-items: center;
        width: auto!important;
    }
    .addrs-w {
        text-align: center;
    }
    .d-addr {
  font-size: 1.15em;
    }
    .h-d-addr-1 {
        width: auto!important;
    }
        .h-d-addr {
        align-items: center;

    }
    .wst {
        font-size: 0.9em;
    }
    .d-address-w , .h-d-addr{
        justify-content: center!important;
    }

    .h-d-keys {
        display: none!important;

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

    #mnemonic-info, #mnemonic-shares {
       flex-direction: column !important;
    }
    #load-restored-code {
        margin-top: 3em!important;
        margin-left: 0em!important;
    }
    #js-generator {
        padding-top: 5em;
        padding-bottom: 4em;
    }
    #load-code {

        padding-top: 2em;
    }

    #shares-wrap {
        padding: 0em !important;
    }

    #path-standard .items {
        flex-direction: column!important;
        align-items: center !important;
        margin-top: 1em;
        text-align: center!important;

    }
    #derive-path-wrap {
        margin-top: 2em!important;
    }

}
@media  (max-width: 750px) {
    .dvp-2{
       flex-direction: column !important;
    }
        .derive-acc-label {
        margin-top: 2em;
    }
   .path-standard {
       width: 100%;
   }
   .d-address-w {
        justify-content: start!important;
    flex-direction: column!important;
    align-items: start!important;
       overflow: hidden;

    padding-bottom: 0.3em;
    padding-top: 0.3em;
       width: auto!important;

}
   .d-path {
    font-size: 0.8em!important;
    margin: 0!important;
}
.d-path-w{
    width: 100%;
    display: flex;
    justify-content: start!important;
}
.h-d-addr {
    display: none!important;
}
#addresses {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
}
}

@media (max-width: 600px) {
.d-address-w {
    margin-top: 0.5em!important;}
    #mnemonic-option {
        padding-left: 0!important;
     padding-right: 0!important;
    }

    #mnemonic-option .items,
    #mnemonic-account-option .items {
        flex-direction: column!important;
        align-items: start !important;
        margin-top: 1em;
    }
    #bip32-path-input-w {
                width: 100%!important;
        display: flex!important;

        justify-content: center;
    }

.d-address-w {
    overflow: initial;
}
    #mnemonic-option .items  .items-btn,
    #derive-path-wrap{
        width: 100%!important;
        display: flex!important;

        justify-content: center;
        margin-top: 1em;
        margin-left: 0!important;

    }
    #derive-path-wrap {
        margin-top: 2em;
    }
    #derive-path-w{
        margin-top: 0;
        margin-bottom: 1.5em!important;
        margin-left: 0;
    }
    .d-a-wrap {
        padding-right: 0!important;
        }

#chain-label{
        margin-top: 1em!important;
        margin-bottom: 1em!important;
        margin-left: 0;
    }
#path-standard {
    margin-bottom: 2.5em;
}


.wst {
    width: 100%;
}


.h-d-addr {display: none!important;}
     #count-selector {
         align-items: center;

       flex-direction: column !important;
    }
#content-wrapper, #content-wrapper .container-fluid, #addresses, .d-a-wrap, .addrs-w, .wst {
     padding-left: 0em!important;
     padding-right: 0em!important;
 }

#load-code-control , .dvp-2{
       flex-direction: column !important;
    }

#load-code-status {
    margin-bottom: 1em;

}
#load-code-control div {
       text-align: center !important;
}

#dice-map {
    font-size: 0.8em;
}
}

@media (max-width: 530px) {
    .d-a-wrap {
        font-size: 0.85em !important;
        margin: 0 !important;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        width: 100% !important;
    }
    .d-addr, .addrs-w  {
        text-align: left!important;
        padding-left: 0!important;
    }

}

@media (max-width: 480px) {
.d-a-wrap {
        font-size: 0.75em !important;}

#dice-map {
    font-size: 0.6em;
}
}

@media (max-width: 400px) {
.wst small {
    display: none!important;
}

    .d-a-wrap {
        font-size: 0.75em !important;}
}
@media (max-width: 350px) {

    .d-a-wrap {
        font-size: 0.75em !important;}
}

.textarea {

    text-align: justify;
    outline: none!important;
    min-height: 3em;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;

    text-shadow: none;
    display: inline-block;

    -webkit-appearance: textarea;

    -webkit-rtl-ordering: logical;

    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    margin: 0em;

    border-image: initial;
    box-sizing: border-box;
    direction: ltr;
    border: none;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    font-family: 'Roboto',arial,sans-serif;
    font-size: 1.3em;
    overflow: hidden;
    padding: 0.8em;
    padding-right: 2em;
    resize: none;

    width: 100%;
    box-shadow: var(--card-border-shadow);
    word-break: keep-all;
    background-color: var(--text-area-background);
    color:var(--body-color);
        border: var(--text-area-border);
    border-radius: 0.15em;
}

.statement {
    color: orange!important;
}

#total-utxo-amount {
    font-size: 1.4em;
    margin-left: 0.5em;
}

.x-btn {
    background-repeat: no-repeat;
    display: inline-block;
    height: 1.5em!important;
    width: 1.5em!important;
    background-image: url(/https/tbtc.bitaps.com/static/img/x.png);
    background-size: cover;
    opacity: .55!important;
    background-position: var(--x-btn-position);
    cursor: pointer;
}
.x-btn:hover {
    opacity: 1!important;
}

.remove-share {
    margin: 0.7em;
    margin-left: 2em;
    cursor: pointer;
}

.textarea-disabled, .span-label,   .share-index:disabled{

  background-color: var(--text-area-disabled-background) !important;
  border: 0.08em solid var(--text-area-disabled-border);
    box-shadow: None;


}





#shares-wrap {
    padding-right: 4em;
    padding-left: 4em;
}

#mnemonic-option {
    padding-right: 4em;
    padding-left: 4em;
}

#addresses {
        font-family: Droid, monospace, sans-serif;
    font-size: 1.2em;
    padding: 1em;
  padding-top:0em;
}


.d-pub {
    font-size: 0.85em;
}
.d-address-w {
    margin-top: 1.4em;
    margin-bottom: 0.4em;
    border-bottom: 1px solid var(--card-line-color);
}
.d-priv
{
    color: green!important;
}

.wst  small{
    color: silver !important;

    padding-right: 0.2em;

}

.d-path {
     text-align: center;
  font-family: 'Roboto',arial,sans-serif;
    padding: 0.7em !important;
        color: var(--body-color);
    border: 0.05em solid var(--text-area-disabled-border);
    border-radius: 0.3em;
}
.load-more{
    color: #007bff;
    cursor:pointer;

}

.valid {
    color: #009586;
    position: relative;
    font-weight: bold;
}
.valid::after {
    display: block;
    position: absolute;
    color: #616161;
    z-index: 100;
    font-size: 0.4em;
    width: 100%;
    text-align: center;
    top: 2.9em;
    left:0;
}
.word-1::after {content: "1";}
.word-2::after {content: "2";}
.word-3::after {content: "3";}
.word-4::after {content: "4";}
.word-5::after {content: "5";}
.word-6::after {content: "6";}
.word-7::after {content: "7";}
.word-8::after {content: "8";}
.word-9::after {content: "9";}
.word-10::after {content: "10";}
.word-11::after {content: "11";}
.word-12::after {content: "12";}
.word-13::after {content: "13";}
.word-14::after {content: "14";}
.word-15::after {content: "15";}
.word-16::after {content: "16";}
.word-17::after {content: "17";}
.word-18::after {content: "18";}
.word-19::after {content: "19";}
.word-20::after {content: "20";}
.word-21::after {content: "21";}
.word-22::after {content: "22";}
.word-23::after {content: "23";}
.word-24::after {content: "24";}

.words-count-ok .valid::after {
    color:green;
}

.textarea span {
        display: inline-block;
    margin-bottom: 0.3em;

}

 .valid  {
    padding-right: 0.3em;

}

 .btn-copy
{

    font-size: 1em !important;
    cursor: pointer;
}

 .share-div .valid{ color: var(--share-color)!important; }
 .share-div .valid::after{ color: var(--share-color)!important; }
 .display-block { display: block!important;}

 .wst  small{
    color: silver !important;

    padding-right: 0.2em;

}

 #addresses {
        font-family: Droid, monospace, sans-serif;
    font-size: 1.2em;
    padding: 1em;
  padding-top:0em;
}


.d-pub {
    font-size: 0.85em;
}
.d-address-w {
    margin-top: 1.4em;
    margin-bottom: 0.4em;
    border-bottom: 1px solid var(--card-line-color);
}
.d-priv
{   color: #009688!important;
}

.key-color {
    color: #009688!important;
}
.items-k {
    margin: 0.4em;

}
.items-k .p-name {
        font-size: 1.2em;
    width: 10em;
        word-break: keep-all;
    min-width: 10em;
}
.items-k .p-value {
        font-size: 1.3em;

}
.items-k   .helper {
    font-size: 0.7em;
    color: silver!important;
}

#key-info .p-value {
    overflow-wrap: break-word;
    word-break: break-all;
}

.wst   .helper {
    font-size: 0.7em;
    color: silver!important;
}


@media (max-width: 1070px) {

    #dice-map-wrapper {height: auto;}
}

@media (max-width: 1180px) {

    .d-a-wrap  {
        flex-direction: column !important;
        align-items: center;
        width: auto!important;
    }
    .addrs-w {
        text-align: center;
    }
    .d-addr {
  font-size: 1.15em;
    }
    .h-d-addr-1 {
        width: auto!important;
    }
        .h-d-addr {
        align-items: center;

    }
    .wst {
        font-size: 0.9em;
    }

    .d-address-w , .h-d-addr{
        justify-content: center!important;
    }

    .h-d-keys {
        display: none!important;

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

    #mnemonic-info, #mnemonic-shares {
       flex-direction: column !important;
    }
    #load-restored-code {
        margin-top: 3em!important;
        margin-left: 0em!important;
    }
    #js-generator {
        padding-top: 5em;
        padding-bottom: 4em;
    }
    #load-code {

        padding-top: 2em;
    }

    #shares-wrap {
        padding: 0em !important;
    }

    #path-standard .items {
        flex-direction: column!important;
        align-items: center !important;
        margin-top: 1em;
        text-align: center!important;

    }
    #derive-path-wrap {
        margin-top: 2em!important;
    }

}
@media  (max-width: 750px) {
    .wst .helper {
        display: none!important;
    }

    .d-pub-w {
        width: 100%;
        justify-content: center!important;
        margin-top: 0.8em;
    }
    .dvp-2, #address-div {
       flex-direction: column !important;
    }
    .addrs-w {
        margin-top: 0.8em;
    }

    .qrcode-dp {
        font-size: 1.17em;
    }
        .derive-acc-label {
        margin-top: 2em;
    }
   .path-standard {
       width: 100%;
   }
   .d-address-w {
        justify-content: start!important;
    flex-direction: column!important;
    align-items: start!important;
       overflow: hidden;

    padding-bottom: 0.3em;
    padding-top: 0.3em;
       width: auto!important;

}
   .d-path {
    font-size: 0.8em!important;
    margin: 0!important;
}
.d-path-w{
    width: 100%;
    display: flex;
    justify-content: start!important;
}
.h-d-addr {
    display: none!important;
}
#addresses {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
}
}

@media (max-width: 600px) {
.d-address-w {
    margin-top: 0.5em!important;}
    #mnemonic-option {
        padding-left: 0!important;
     padding-right: 0!important;
    }

    #mnemonic-option .items,
    #mnemonic-account-option .items {
        flex-direction: column!important;
        align-items: start !important;
        margin-top: 1em;
    }
    #bip32-path-input-w {
                width: 100%!important;
        display: flex!important;

        justify-content: center;
    }

.d-address-w {
    overflow: initial;
}
    #mnemonic-option .items  .items-btn,
    #derive-path-wrap{
        width: 100%!important;
        display: flex!important;

        justify-content: center;
        margin-top: 1em;
        margin-left: 0!important;

    }
    #derive-path-wrap {
        margin-top: 2em;
    }
    #derive-path-w{
        margin-top: 0;
        margin-bottom: 1.5em!important;
        margin-left: 0;
    }
    .d-a-wrap {
        padding-right: 0!important;
        }

#chain-label{
        margin-top: 1em!important;
        margin-bottom: 1em!important;
        margin-left: 0;
    }
#path-standard {
    margin-bottom: 2.5em;
}


.wst {
    width: 100%;
}


.h-d-addr {display: none!important;}
     #count-selector {
         align-items: center;

       flex-direction: column !important;
    }
#content-wrapper, #content-wrapper .container-fluid, #addresses, .d-a-wrap, .addrs-w, .wst {
     padding-left: 0em!important;
     padding-right: 0em!important;
 }

#load-code-control , .dvp-2{
       flex-direction: column !important;
    }

#load-code-status {
    margin-bottom: 1em;

}
#load-code-control div {
       text-align: center !important;
}

#dice-map {
    font-size: 0.8em;
}
}


.qrcode-da {
    width: 8em !important;
    height: 8em !important;

}
.qrcode-dp{
    width:7.85em !important;
    height:8em !important;
    margin-right: 2.5em;

}

@media (max-width: 530px) {
    .d-a-wrap {
        font-size: 0.85em !important;
        margin: 0 !important;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        width: 100% !important;
    }
    .d-addr, .addrs-w  {

        padding-left: 0!important;
        margin-bottom: 1em;
    }

}

@media (max-width: 480px) {
    .addr-tools , .d-priv-wt, .prk-w2{
        width: 100%!important;
        justify-content: center;
    }
    .qpwr {
        font-size: 1.05em;
    }
    #key-info {
        padding: 0em!important;
        font-size: 0.7em!important;
        margin-top: 2em;
        margin-bottom: 2em;
    }
    #address-div, #addr-opt {
        flex-direction: column!important;
    }
    #derive-format .dfr {
        padding-left: 0em!important;
        padding-right: 0em!important;
    }


    .qrcode-dp {
        margin-right: 0em!important;
    }
.d-a-wrap {
        font-size: 0.75em !important;}

#dice-map {
    font-size: 0.6em;
}

.wst, .addrs-w a {

    word-break: break-all;
}
.bip32-path-w, .d-priv-w{
    flex-direction: column!important;
    justify-items: center!important;
    align-content: center!important;
}
.d-priv-wt {
    justify-content: center;
    font-size: 1.2em;
}
.d-priv-w{
   margin-left: 0!important;
}

.bip32-path-w .p-name {
    width: 100% !important;
    text-align: center;
    margin-bottom: 0.3em;
}


}

@media (max-width: 400px) {
  .items{
    flex-direction: column!important;
}



    .d-a-wrap {
        font-size: 0.75em !important;}
}
@media (max-width: 350px) {

    .d-a-wrap {
        font-size: 0.75em !important;}
}



.confirmed
{
    background-color:  #1478E2;
}

 .invalid-tx
 {
     background-color: #f9eff1!important;
 }


.cbrow {

}
.cbtag {

    color: #009688;
}
.cbwrap {
    font-family: 'Roboto', sans-serif!important;
    display: inline-block!important;
    color: var(--value-color) !important;
        overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}







.op_code
{
     background-color: var(--opcode-background-color);
    color: var(--card-text-color)!important;
   border:1px solid var(--card-border-color);
}

.card-table td {
    margin: 0;
    vertical-align: bottom;
    border-color: silver !important;
    padding-bottom: 0.2em;
}

.bottom{
    cursor: pointer;
     background-color: #fafafafa;
    color:#222!important;
   border:1px solid #222;
}
.segwit
{
    /*background-color: #ff9800;*/
background-color: #ab47bc;
}

.unconfirmed-token {
    background-color: #e53935;
}


.rbf
{
    background-color: #009688;
}
.coinbase
{
    background-color: var(--coinbase-tag);
    font-weight: normal !important;
}
.legacy
{
   background-color: #4CAF50;
}
.token{
    font-size: 0.75em;
    padding: 0.1em;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    padding-right: 0.8em;
    padding-left: 0.8em;

    border-radius: 0.4em;
    color:white;
    font-weight: bold;

}
.tx-hash {
    width: 1em;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;


}
.tx-hash div {
    font-family: Droid, monospace, sans-serif;
    text-overflow: ellipsis;

    overflow: hidden;
    white-space:nowrap;

}

#tx-summary
{
 flex-grow:2;
    min-width: 20em;
}

#tx-hash table td
{
    vertical-align: top;
}

#tx-hash{
flex-grow:3;
max-width: 50em;

}
.op-code {
    color: #009688!important;
    font-size: 1.2em!important;
}

.lsign
{
min-width: 7em; }

#tx-outs, #tx-ins {
    font-size: 0.85em!important;
}
.tx-address {
    font-size: 1.2em!important;
}

#tx-id {
    font-weight: bold;
    color: #337AB7;
    margin-bottom: 1em;
}
.verbose  {
    background-color: var(--block-verbose-background);
    margin-bottom: 2em;
}
.script {
    font-size: 0.7em!important;
    white-space: normal!important;
    word-break: break-word;
    padding-left: 0.5em;
}

.token {

    font-family: roboto !important;

}

.confirmed {
    background-color: var(--coinbase-tag);
}

.unconfirmed
{   color:white!important;
    background-color: #e55 !important;
}

#tx-outputs, #tx-inputs {
    height: min-content;
}

#raw_tx {
    padding-top: 0.5em!important;
    padding-bottom: 0.5em!important;
    max-height: 20em!important;
}


.coin {
    background-color: #EF6C00;
    font-weight: bold;
    color: white;
    margin: 0.2em;
    padding: 0.3em;
    border-radius: 0.3em;
        box-shadow: var(--card-border-shadow);
    cursor:pointer;
    border: 0.1em solid #EF6C00;
        -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.selected {
        background-color: green!important;
    border: 0.1em solid green!important;
}
.selected .amount-tail-zerro {
 color: #50b960 !important;
}

.coin:hover {
        background-color: #ff7711;
    border: 0.1em solid #803f05;
}

.coin .amount-tail-zerro {
 color:#fdcfa7 ;
}

.coin-height {
    font-size: 0.65em;
    text-align: center;
    color: #121212;
}

.text-green {
    color: green!important;
}

#utxo-list {
    border-top: 1px solid silver;

    padding: 0.5em;
}


.readonly .x-btn {

    display: none!important;

}
.readonly #add-output-wrap {

    display: none!important;

}
.readonly #clear-transaction {
    display: none!important;
}
.readonly #edit-transaction {
    display: block!important;
}
.readonly #sign-transaction {
    display: none!important;
}

.password {
     font-family: password!important;
}


#raw_tx {
    font-size: 0.8em;
    max-height: 15em;
    padding: 1.2em;
    padding-right: 2.5em;
}

textarea {

    text-align: justify;
    outline: none !important;
    min-height: 12.3em;

    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;

    text-shadow: none;
    display: inline-block;

    -webkit-appearance: textarea;

    -webkit-rtl-ordering: logical;

    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    margin: 0em;

    border-image: initial;
    box-sizing: border-box;
    direction: ltr;
    border: none;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    font-family: 'Roboto', arial, sans-serif;
    font-size: 1.2em;
    overflow: hidden;
    padding: 1.5em;
    padding-top: 2.5em!important;
    padding-bottom: 1.5em!important;
    padding-right: 2em;
    resize: none;
    width: 100%;
    box-shadow: var(--card-border-shadow);
    word-break: keep-all;
    background-color: var(--text-area-background);
    color: var(--body-color);
    border: solid 1em  var(--text-area-background);
    border-radius: 0.15em;
}




@media (max-width: 980px) {
    #tx-info, #preview-tx-control {
            flex-direction: column-reverse !important;
        align-items: center;

    }

    #preview-tx-control div {
        margin-top: 0.8em;
    }
    #flow i:before {

       content: "\f077";
    }
    #flow i{
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 2em;
    }
 #tx-summary, #tx-hash
 {min-width: 100%;}

  #tx-hash{
      margin-left: 0em !important;
      margin-top: 1em;
  }
}


@media (max-width: 550px) {
    #coin-tools-top-wrap, #tx-tools-wrap, .sign-keys, #coin-tools-bottom-f , #add-output-tool{
          flex-direction: column !important;
    }
    #add-output-tool {
         align-items: flex-end;
    }
    #add-output-input, .add-out-wrap {
        width: 100%!important;
    }
    .add-out-wrap {
        margin-right: 0!important;
    }
    #utxo-bottom-selected {
        text-align: center;
    }
    #coin-tools-top-wrap {
        margin-bottom:1em !important;
    }
    #utxo-bottom-control {
        margin-top: 2em;
        width: 100%;
        text-align: right;
    }
     #transaction {
         padding: 0px;
     }
    .card-body {
        padding-right: 0.5em;
        padding-left: 0.5em;
    }
     #transaction-io .container-fluid{
         padding: 0!important;
     }
          #transaction-inputs, #transaction-outputs {
         padding: 0px;
     }
       .card-title{
        margin-left: 1em;
    }

       .priv-key-wrap {
           width: 100%!important;
       }


}