1  body{
  2  	font-family: "Unica One", sans-serif;
  3  	font-size:   12px;
  4  	line-height: 1.3;
  5  	background-color: #1a1d1f;
  6  }
  7  
  8  h1 {
  9  	font-size:   24px;
 10  	margin-left: 20px;
 11  }
 12  
 13  input, select {
 14  	padding: 5px;
 15  	width: 100%;
 16  	border: 1px solid #bfbfbf;
 17  	background-color: #1a1d1f;
 18  	font-size: 12px;
 19  	color: #e0e0e3;
 20  }
 21  
 22  input[type="checkbox"]{
 23  	width: 20px;
 24  	zoom: 1.3;
 25  	-moz-transform: scale(1.3);
 26  	-webkit-transform: scale(1.3);
 27  }
 28  
 29  input:disabled, select:disabled {
 30    border: 1px solid #8f8f8f;
 31    color: #8f8f8f;
 32    background-color: #3a3d3f;
 33  }
 34  
 35  a, a:visited {
 36  	color: #a1a1a1;
 37  }
 38  
 39  a:hover {
 40  	color: #2196f3;
 41  }
 42  
 43  .payload-textarea {
 44    width: 100%;
 45    resize: none;
 46    background: #1a1d1f;
 47    border: 1px solid #bfbfbf;
 48    padding: 4px;
 49  }
 50  
 51  .row {
 52    margin-left: 0;
 53    margin-right: 0;
 54  }
 55  
 56  .small {
 57  	font-size: 11px;
 58  }
 59  
 60  .beta {
 61    font-size: 11px;
 62    color: #9f9f9f;
 63  }
 64  
 65  *[hidden] {
 66    display: none!important;
 67  }
 68  
 69  /* RAW TX */
 70  pre.raw-tx {
 71    white-space: pre-wrap;
 72    max-width: 500px;
 73    color: #e0e0e3;
 74    background: #1a1d1f;
 75    border-radius: 0;
 76    border: 0;
 77  }
 78  
 79  /* ICONS */
 80  .mini-icon {
 81    height: 16px;
 82    width: 16px;
 83  }
 84  
 85  .medium-icon {
 86    height: 32px;
 87    width: 32px;
 88  }
 89  
 90  /* ALIGNMENTS */
 91  .left {
 92    text-align: left!important;
 93  }
 94  
 95  .right {
 96    text-align: right!important;
 97  }
 98  
 99  .center {
100    text-align: center!important;
101  }
102  
103  .justify {
104    text-align: justify!important;
105  }
106  
107  /* BOXES WIDTHS */
108  .halfwidth-left {
109    width: 49%;
110    min-width: 49%;
111    margin-left: 0;
112    margin-right: 0.7%;
113  }
114  
115  .halfwidth-right {
116    width: 49%;
117    min-width: 49%;
118    margin-left: 0.7%;
119    margin-right: 0;
120  }
121  
122  .fullwidth {
123    width: 100%;
124    min-width: 100%;
125  }
126  
127  /* BUTTONS*/
128  .btn {
129    font-size: 12px;
130    padding: 4px 12px;
131  }
132  
133  .btn-success {
134  	background-image: -webkit-linear-gradient(top, #2196f3 0%, #1186e3 100%);
135  	background-image: -o-linear-gradient(top, #2196f3 0%, #1186e3 100%);
136  	background-image: -webkit-gradient(linear, left top, left bottom, from(#2196f3), to(#1186e3));
137  	background-image: linear-gradient(to bottom, #2196f3 0%, #1186e3 100%);
138  	background-repeat: repeat-x;
139  	border-color: #2196f3;
140  	background-color: #1186e3;
141  }
142  
143  .btn-success:hover,
144  .btn-success:focus {
145    background-color: #1186e3;
146    background-position: 0 -15px;
147  }
148  
149  .btn-success:active,
150  .btn-success.active {
151    background-color: #1186e3;
152    border-color: #2196f3;
153  }
154  
155  .btn-success.disabled,
156  .btn-success[disabled],
157  fieldset[disabled] .btn-success,
158  .btn-success.disabled:hover,
159  .btn-success[disabled]:hover,
160  fieldset[disabled] .btn-success:hover,
161  .btn-success.disabled:focus,
162  .btn-success[disabled]:focus,
163  fieldset[disabled] .btn-success:focus,
164  .btn-success.disabled.focus,
165  .btn-success[disabled].focus,
166  fieldset[disabled] .btn-success.focus,
167  .btn-success.disabled:active,
168  .btn-success[disabled]:active,
169  fieldset[disabled] .btn-success:active,
170  .btn-success.disabled.active,
171  .btn-success[disabled].active,
172  fieldset[disabled] .btn-success.active {
173    background-color: #1186e3;
174    background-image: none;
175  }
176  
177  /* TABLES */
178  table.spaced tr th,
179  table.spaced tr td {
180    padding: 5px;
181  }
182  
183  td.table-label {
184    font-weight: bold;
185    padding-top: 2px;
186    padding-bottom: 2px;
187    vertical-align: top;
188  }
189  
190  td.table-value {
191    padding-left: 15px;
192    padding-top: 2px;
193    padding-bottom: 2px;
194    vertical-align: top;
195  }
196  
197  /* BOXES */
198  .two-columns-left {
199    vertical-align: top;
200    display: inline-block;
201    padding: 0;
202    background-color: transparent;
203    width: 49%;
204    min-width: 49%;
205    margin-left: 0;
206    margin-right: 0.7%;
207  }
208  
209  .two-columns-right {
210    vertical-align: top;
211    display: inline-block;
212    padding: 0;
213    background-color: transparent;
214    width: 49%;
215    min-width: 49%;
216    margin-left: 0.7%;
217    margin-right: 0;
218  }
219  
220  .two-columns-left .box,
221  .two-columns-right .box {
222    margin-bottom: 15px;
223  }
224  
225  .box {
226    display: inline-block;
227    padding: 10px 10px 10px 10px;
228    background-color: rgba(255, 255, 255, 0.1);
229  }
230  
231  .box-header {
232    width: 100%;
233    font-size: 12px;
234    font-weight: bold;
235  }
236  
237  .box-body {
238    width: 100%;
239  }
240  
241  .box-context {
242    width: 100%;
243    font-size: 12px;
244    font-style: italic;
245    margin: 0 10px 10px 0;
246  }
247  
248  .box-main {
249    margin: 20px 0;
250  }
251  
252  #box-msg {
253    text-align: center;
254    position: fixed;
255    bottom: 0;
256    right: 0;
257    left: 0;
258    z-index: 100;
259  }
260  
261  /* MESSAGE BOX */
262  .msg, .msg-error, .msg-info {
263    color: #505050;
264    font-weight: bold;
265    padding: 0;
266  }
267  
268  .msg {
269    background: #81b6e2;
270  }
271  
272  .msg-error {
273  	background: #ca7c7c;
274  }
275  
276  .msg-info {
277  	background: #8caf8c;
278  }
279  
280  /* PAGES - COMMONS */
281  body.dmt {
282    min-height: 100vh;
283    background-image: url("../icons/samourai-logo.png");
284    background-repeat: no-repeat;
285    background-position: center;
286  }
287  
288  #body {
289  	padding: 0;
290    color: #efefef;
291  }
292  
293  #body,
294  #form {
295  	padding-top: 20px;
296  }
297  
298  #body #main > div {
299    min-height: 80vh;
300    background-color: #1a1d1f;
301  }
302  
303  #body #main .title {
304    margin: 0;
305    background-color: rgba(255, 255, 255, 0.1);
306  }
307  
308  #body #main h1 {
309    font-size: 24px;
310    margin: 0 0 20px 0;
311    padding: 0;
312  }
313  
314  h3 {
315    margin-bottom: 20px;
316    margin-top: 0;
317  }
318  
319  span {
320  	display: block;
321  	margin-left: auto;
322    margin-right: auto;
323  }
324  
325  button {
326    display: inline-block;
327    margin-left: 8px;
328    margin-right: 8px;
329  }
330  
331  .box-content {
332    color: #e0e0e3;
333    background-color: rgba(255, 255, 255, 0.1);
334    text-align: left;
335    padding: 30px;
336  }
337  
338  .box-actions {
339  	margin-top: 10px;
340    text-align: center;
341  }
342  
343  .amount-sent {
344    color: #f77c7c;
345  }
346  
347  .amount-received {
348    color: #76d776;
349  }
350  
351  /* NAVIGATION MENU*/
352  #body #menu {
353    padding-left: 0;
354    padding-right: 0;
355  }
356  
357  #body #menu .title {
358    margin: 0;
359    background-color: rgba(255, 255, 255, 0.1);
360  }
361  
362  #body #menu .title h1 {
363    font-size: 16px;
364    margin: 0 0 5px 0;
365    padding: 5px;
366  }
367  
368  .nav-pills {
369    color: #e0e0e3;
370    overflow: hidden;
371  }
372  
373  .nav-pills > li {
374    padding-left: 0;
375    padding-right: 0;
376    border: none;
377  }
378  
379  .nav-pills > li > a {
380    color: #cfd8dc;
381    border: none;
382    margin-left: 5px;
383    text-decoration: none;
384    cursor: pointer;
385    padding: 6px 4px;
386  }
387  
388  .nav-pills > li > a:hover {
389    color: #fff;
390    background-color: transparent!important;
391  }
392  
393  .nav-pills > li.active > a,
394  .nav-pills > li.active > a:hover {
395    color: #fff;
396    outline: none;
397    background-color: transparent!important;
398    font-weight: 600;
399    text-decoration: none;
400    cursor: default;
401  }
402  
403  /* HEADER */
404  #header {
405  	height: 60px;
406    display: flex;
407    display: -ms-flexbox;
408    align-items: center;
409    -ms-flex-align: center;
410  }
411  
412  #header div {
413    padding-left: 0;
414    padding-right: 0;
415  }
416  
417  #header span {
418    display:inline;
419  }
420  
421  #header .title {
422    color: #e0e0e3;
423    margin-left: 0!important;
424  }
425  
426  #header .login-box {
427  	text-align: right;
428  }
429  
430  #header .login-box a {
431    color: #e0e0e3;
432    font-size: 12px;
433    display: inline-block;
434    vertical-align: middle;
435  }
436  
437  /* PAGES - HOME */
438  #login-page {
439    padding: 100px 0;
440  }
441  
442  #login-page #welcome-msg {
443    text-align: center;
444    margin-bottom: 60px;
445    padding-bottom: 10px;
446  }
447  
448  #login-page #welcome-msg h1 {
449    color: #e0e0e3;
450  }
451  
452  #login-page #signin .btn {
453  	margin-top: 10px;
454  }
455  
456  #login-page input {
457  	width: 100%;
458  }
459  
460  #login-page span {
461    display:inline;
462  }
463  
464  #login-page .qr-logo {
465    position: absolute;
466    top: 50%;
467    left: 50%;
468    width: 50px;
469    height: 50px;
470    padding: 10px;
471    border-radius: 4px;
472    transform: translate(-50%, -50%);
473    background-color: #d0011c;
474    background-image: url('../icons/samourai-logo.png');
475    background-position: center;
476    background-repeat: no-repeat;
477    background-size: contain;
478  }
479  
480  #login-page .signin-box {
481    display: flex;
482    align-items: center;
483    justify-content: center;
484    padding: 1rem;
485  }
486  
487  #login-page .signin {
488    padding: 2rem;
489    padding-right: 0;
490  }
491  
492  #login-page .signin.with-auth47 {
493    padding-right: 2rem;
494    border-right: 1px solid #ccc;
495  }
496  
497  #login-page .auth47-box {
498    position: relative;
499  }
500  
501  #login-page .auth47-box.active {
502    padding: 2rem;
503  }
504  
505  /* PAGES - STATUS */
506  #tor-status-ind,
507  #nginx-status-ind,
508  #nodejs-status-ind {
509    color: #76d776;
510  }
511  
512  #indexer-status {
513    padding-bottom: 12px;
514  }
515  
516  /* PAGES - PAIRING */
517  #qr-label {
518    margin: 0 0 20px 0;
519    text-align: center;
520    display: inline-block;
521  }
522  
523  #qr-container {
524    display: inline-block;
525  }
526  
527  #qr-pairing {
528    width: 276px;
529    height: 276px;
530    padding: 10px;
531    background-color: #fff;
532    margin: auto;
533  }
534  
535  /* PAGES - BLOCKS RESCAN */
536  #blocks-rescan-form span {
537    display: inline;
538  }
539  
540  #blocks-rescan-form .box-body {
541    text-align: center;
542  }
543  
544  #blocks-rescan-form input {
545    width: 60px;
546    margin-left: 5px;
547    margin-right: 5px;
548    display: inline-block;
549  }
550  
551  /* PAGES - XPUBS TOOL */
552  #xpubs-tool-search-form span {
553    display: inline;
554  }
555  
556  #xpubs-tool-search-form .box-body {
557    text-align: center;
558  }
559  
560  #xpubs-tool-search-form input {
561    width: 400px;
562    margin-left: 5px;
563    margin-right: 5px;
564    display: inline-block;
565  }
566  
567  #xpubs-tool-details {
568    width: 100%;
569  }
570  
571  #xpubs-tool-header {
572    margin: 0 0 20px 0;
573  }
574  
575  #xpubs-tool-actions {
576    text-align: center;
577  }
578  
579  #xpubs-rescans-actions span {
580    display: inline;
581  }
582  
583  #xpubs-rescans-actions input {
584    width: 50px;
585    margin-left: 5px;
586    margin-right: 5px;
587    display: inline-block;
588  }
589  
590  #xpubs-deletion-actions span {
591    display: inline;
592  }
593  
594  #xpubs-deletion-actions input {
595    width: 50px;
596    margin-left: 5px;
597    margin-right: 5px;
598    display: inline-block;
599  }
600  
601  #xpubs-export-actions span {
602    display: inline;
603  }
604  
605  #xpubs-export-actions select {
606    width: 240px;
607    margin-left: 5px;
608    margin-right: 5px;
609    display: inline-block;
610  }
611  
612  #xpubs-tool-details #xpub-value {
613    overflow: hidden;
614  }
615  
616  #xpubs-tool-details-row1 table {
617    width: 100%;
618  }
619  
620  #xpubs-tool-details-row1 table .table-label {
621    width: 15%;
622  }
623  
624  #xpubs-tool-details-row1 table .table-value {
625    width: 35%;
626  }
627  
628  #xpubs-tool-details-row2 table {
629    width: 100%;
630    table-layout: fixed;
631    border-collapse: collapse;
632  }
633  
634  #xpubs-tool-details-row2 table tbody tr:first-child {
635    height: 0;
636  }
637  
638  #xpubs-tool-details-row2 table tbody tr:first-child td:first-child {
639    width: 80px;
640  }
641  
642  #xpubs-tool-details-row2  tbody tr td:last-child {
643    overflow: hidden;
644    white-space: nowrap;
645  }
646  
647  #xpubs-tool-details-row2 table a {
648    font-weight: bold;
649    text-decoration: underline;
650    color: #efefef;
651  }
652  
653  #xpubs-tool-details-row2 table .table-label {
654    width: 30%;
655  }
656  
657  #xpubs-tool-details-row2 table .table-value {
658    width: 70%;
659  }
660  
661  #xpubs-tool-import {
662    text-align: center;
663  }
664  
665  #xpubs-tool-import span {
666    display: inline;
667  }
668  
669  #xpubs-tool-import select {
670    width: 80px;
671    margin-left: 5px;
672    margin-right: 5px;
673    display: inline-block;
674  }
675  
676  #xpubs-tool-import #import-xpub {
677    font-weight: bold;
678  }
679  
680  /* PAGES - ADDRESSES TOOL */
681  #addresses-tool-search-form span {
682    display: inline;
683  }
684  
685  #addresses-tool-search-form .box-body {
686    text-align: center;
687  }
688  
689  #addresses-tool-search-form input {
690    width: 280px;
691    margin-left: 5px;
692    margin-right: 5px;
693    display: inline-block;
694  }
695  
696  #addresses-tool-details {
697    width: 100%;
698  }
699  
700  #addresses-tool-header {
701    margin: 0 0 20px 0;
702  }
703  
704  #addresses-tool-actions {
705    text-align: center;
706  }
707  
708  #addresses-rescans-actions span {
709    display: inline;
710  }
711  
712  #addresses-rescans-actions input {
713    width: 50px;
714    margin-left: 5px;
715    margin-right: 5px;
716    display: inline-block;
717  }
718  
719  #addresses-tool-details-row1 table,
720  #addresses-tool-details-row2 table {
721    width: 100%;
722  }
723  
724  #addresses-tool-details-row1 table .table-label,
725  #addresses-tool-details-row2 table .table-label {
726    width: 110px;
727  }
728  
729  #addresses-tool-details-row2 #addr-xpub {
730    overflow: hidden;
731    white-space: nowrap;
732    max-width: 200px;
733  }
734  
735  #addresses-tool-details-row3 table {
736    width: 100%;
737    table-layout: fixed;
738    border-collapse: collapse;
739  }
740  
741  #addresses-tool-details-row3 table tbody tr:first-child {
742    height: 0;
743  }
744  
745  #addresses-tool-details-row3 table tbody tr:first-child td:first-child {
746    width: 80px;
747  }
748  
749  #addresses-tool-details-row3  tbody tr td:last-child {
750    overflow: hidden;
751    white-space: nowrap;
752  }
753  
754  #addresses-tool-details-row3 table a {
755    font-weight: bold;
756    text-decoration: underline;
757    color: #efefef;
758  }
759  
760  #addresses-tool-details-row3 table .table-label {
761    width: 30%;
762  }
763  
764  #addresses-tool-details-row3 table .table-value {
765    width: 70%;
766  }
767  
768  #addresses-tool-import {
769    text-align: center;
770  }
771  
772  #addresses-tool-import span {
773    display: inline;
774  }
775  
776  #addresses-tool-import select {
777    width: 80px;
778    margin-left: 5px;
779    margin-right: 5px;
780    display: inline-block;
781  }
782  
783  #addresses-tool-import #import-address {
784    font-weight: bold;
785  }
786  
787  /* PAGES - TRANSACTIONS TOOL */
788  #txs-tool-search-form span {
789    display: inline;
790  }
791  
792  #txs-tool-search-form .box-body {
793    text-align: center;
794  }
795  
796  #txs-tool-search-form input {
797    width: 400px;
798    margin-left: 5px;
799    margin-right: 5px;
800    display: inline-block;
801  }
802  
803  #txs-tool-details {
804    width: 100%;
805  }
806  
807  #txs-tool-header {
808    margin: 0 0 20px 0;
809  }
810  
811  #txs-tool-actions {
812    text-align: center;
813  }
814  
815  #txs-tool-details #txid-value {
816    overflow: hidden;
817  }
818  
819  #txs-tool-details-row1 table {
820    width: 100%;
821  }
822  
823  #txs-tool-details-row1 table .table-label {
824    width: 15%;
825  }
826  
827  #txs-tool-details-row1 table .table-value {
828    width: 35%;
829  }
830  
831  /* PAGES - HELP DMT */
832  #welcome span {
833    margin: 20px 0;
834  }
835  
836  #welcome .items-category {
837    margin: 20px 0 10px 0;
838    font-weight: bold;
839    font-size: 16px;
840  }
841  
842  #welcome .item {
843    margin: 10px 0 0 10px;
844    font-weight: bold;
845  }
846  
847  #welcome .item-descr {
848    margin: 5px 0 10px 10px;
849  }
850  
851  
852  /* SPACERS */
853  .spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
854  .spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
855  .spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
856  .spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
857  .spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
858  .spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
859  .spacer60 { height: 60px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
860  .spacer70 { height: 70px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
861  .spacer80 { height: 80px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
862  .spacer90 { height: 90px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
863  .spacer110 { height: 110px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
864