* { box-sizing: border-box; }


.row::after { content: ""; clear: both; display: table; }
[class*="col-"] { float: left; width: 100%; }
[class*="col-"] .padding { padding: 5px; }
body { width: 98%; max-width: 1100px; padding-bottom: 50px; }

.content 
{
  width: auto; 
  max-width: 1110px; 
}

#main {
    position: relative;
    z-index: 1;
    clear: both;
    padding: 0px;
    background: #fff;
}

#nav_left, #nav_right{
	max-width: 10px;
	font-size: 200%;
    position:fixed;
}
#nav_left {
		left:0; position:absolute
}
#nav_right {
	right:0; position:absolute
}



/* Hambuerger Menu */
.hamburger{
  background:none; 
  position:absolute;
  line-height:45px;
  padding:5px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  display: none;
  background:none;
  position:absolute;
  padding:7px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.menuMobile {z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#f1f1f1;  position:absolute; text-align:left; font-size:12px; display: none;}
.menuMobile ul {margin: 0; padding-left: 10px; list-style-type: disc; list-style-image: none;}
.menuMobile li {display: block;   padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menuMobile li:hover{display: block; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menuMobile ul li a { text-decoration:none;  margin: 0px; color:#666;}
.menuMobile ul li a:hover { text-decoration:none;}
.menuMobile a{text-decoration:none; color:#666;}
.menuMobile a:hover{text-decoration:none; color:#666;}

h1 { margin-top: 0px; margin-bottom: 0px; }
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 0px) {
    
    h1 { font-size: 18px; }
    #pageLogo { padding-left: 50px; padding-top: 5px; max-width: 100%; height: auto; }
    .menu { display: none; }
    .menuMobile { display: inline; }
    .menuSub nav { display: none; }
    html { background-color: #fff; }
    body { margin: 0px; width: 100%; }
    #main { border-radius: 0px; padding: 5px; }
    
    [class*="img_details_"] { display: none; } /* Hide Expand Image in Tables to save space */
    .hideOnMobile { visibility: hidden; display: none; }
    .hideOnMobileBox { visibility: visible; color: darkslategrey; font-weight: bold;  font-style: italic; }
    .truncate { width: 65px; }
  }

@media only screen and (min-width: 400px) {
  .truncate { width: 120px; }
}

@media only screen and (min-width:600px) {
  .col-mm-1 { width: 6.25%; } .col-mm-2 { width: 12.5%; } .col-mm-3 { width: 18.75%; } .col-mm-4 { width: 25%; } .col-mm-5 { width: 31.25%; } .col-mm-6 { width: 37.5%; } .col-mm-7 { width: 43.75%; } .col-mm-8 { width: 50%; } .col-mm-9 { width: 56.25%; } .col-mm-10 { width: 62.5%; } .col-mm-11 { width: 68.75%; } .col-mm-12 { width: 75%; } .col-mm-13 { width: 81.25%; } .col-mm-14 { width: 87.5%; } .col-mm-15 { width: 93.75%; } .col-mm-16 { width: 100%; }
}

/* Tablets */
@media only screen and (min-width: 700px) {
    .col-m-1 { width: 6.25%; } .col-m-2 { width: 12.5%; } .col-m-3 { width: 18.75%; } .col-m-4 { width: 25%; } .col-m-5 { width: 31.25%; } .col-m-6 { width: 37.5%; } .col-m-7 { width: 43.75%; } .col-m-8 { width: 50%; } .col-m-9 { width: 56.25%; } .col-m-10 { width: 62.5%; } .col-m-11 { width: 68.75%; } .col-m-12 { width: 75%; } .col-m-13 { width: 81.25%; } .col-m-14 { width: 87.5%; }
    .col-m-15 { width: 93.75%; } .col-m-16 { width: 100%; }
    h1 { font-size: 28px; }
    .hamburger { display: none; } /* Hide Hambuerger Menu Button for Non Mobile */
    /* h1 { letter-spacing: 15px; } */
    .padding-m { padding-left: 10px; }
    #pageLogo { padding-left: 50px; padding-top: 5px; width: 75%; height: auto;  }

    body { margin-top: 8px; width: 98%; }
    html { background-color: inherit; }
    #main { border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,.5); }
    .content { padding: 20px; }
    .menu { display: inline; }
    .menuMobile { display: none; }
    .menuSub nav { display: inline; }
    .menuSub .mobile { display: none; }
    /* h1 { font-size: 55px; padding-top: 15px; white-space: nowrap;   } */
    [class*="img_details_"] { display: inline; } 
    .hideOnMobile { visibility: visible; display: table-cell; }
    .hideOnMobileBox { visibility: hidden; display: none; }
    .truncate { width: 100%; }

}

/* Desktop */
@media only screen and (min-width: 900px) {  
    .col-1 { width: 6.25%; } .col-2 { width: 12.5%; } .col-3 { width: 18.75%; } .col-4 { width: 25%; } .col-5 { width: 31.25%; } .col-6 { width: 37.5%; } .col-7 { width: 43.75%; } .col-8 { width: 50%; } .col-9 { width: 56.25%; } .col-10 { width: 62.5%; } .col-11 { width: 68.75%; } .col-12 { width: 75%; } .col-13 { width: 81.25%; } .col-14 { width: 87.5%; } .col-15 { width: 93.75%; } .col-16 { width: 100%; }

    .padding { padding-left: 10px; }

    /* h1 { font-size: 55px; padding-top: 15px; white-space: nowrap;  } */
    [class*="img_details_"] { display: inline; } 
    .hideOnMobile { visibility: visible; display: table-cell; }
    .hideOnMobileBox { visibility: hidden; display: none; }
}

#floatLeft {
  position: absolute;
  left: 1120px;
  top: 40px;
}
#floatFixed {
  position: fixed;
}

/* Image Scaling */
img, video { max-width: 100%; height: auto; }


body { background: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Logo */
header { font: 300 15px/1.2; }

/* Menu */
.menu * { box-sizing: initial; }
.menuSub * { box-sizing: initial; }
nav ul { list-style: none; padding: 0 0 0 10px; }
nav li { padding: 0px; float: left; position: relative; height: 30px; border-radius: 10px 30px 0 0; margin-left: -10px; text-shadow: 1px 1px 0 #bbb; box-shadow: 0px 0px 4px rgba(0,0,0,.5); transition: .2s; }
nav li a { display: block; position: relative; width: 110px; height: 40px; padding: 6px 10px 20px 0; border-radius: 10px 30px 0 0; background: rgb(211, 211, 211); color: #000; text-align: center; text-decoration: none; transition: .2s; }
nav li a.miniMenuItem { display: block; position: relative; width: 110px; height: 25px; padding: 5px 20px 0px 5px; border-radius: 10px 30px 0 0; background: rgb(211, 211, 211); color: #000; text-align: center; text-decoration: none; transition: .2s; } 
 nav li.miniMenu { display: block; cursor: pointer; position: relative; height: 20px; padding: 6px 25px 5px 20px; border-radius: 10px 30px 0 0; background: rgb(194, 194, 194); text-align: center; transition: .2s; }
nav li.miniMenu a { padding: 10px 0 10px 0; color: #000; text-decoration: none; }
nav li.miniMenu.selected  { z-index: 3; background: rgb(230, 230, 230); color: #000; text-shadow: none; font-weight: 500; }

nav li.selected:hover a { background: #fff; color: #000; }
nav li:hover a { background: #ccc; color: #000; }
nav .selected { z-index: 2; }
nav .selected a { z-index: 3; background: #fff; color: #000; text-shadow: none; font-weight: 500; }
/* nav .selected a.miniMenuItem { z-index: 3; background: #fff; color: #000; text-shadow: none; font-weight: 500; } */ */
nav div { display: block; z-index: 5; }
nav div a { display: block; position: relative; width: 110px; height: 20px; padding: 6px 10px 20px 0; border-radius: 0;	background: white; color: #000; text-align: center; text-decoration: none; transition: .2s;  }
nav div a:hover { background-color: #f1f1f1 } 

.menuSub {
  margin-bottom: 5px;
  border-bottom: 2px solid black;
}
.menuSub .mobile {
  padding-top:10px;
}
.menuSub .mobile select {
  padding: 5px;
  font-size: 17px;
  margin-left: 10px;
  margin-bottom: 5px;
}

.menuSub nav li.selected {
  background: #fff;
}
.menuSub nav li a {
  width: auto !important; /* Override Menu for SubMenu */
  height: 5px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 20px;
} 
/* Menu DropDown */
.dropdown-content {
    margin-top: -35px;
    position: absolute; 
    background-color: #f1f1f1; 
    min-width: 160px; 
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.3);
    z-index: 3; 
    display: none;
    border-radius: 10%;
}
nav li div { z-index: 500; }
.dropdown-content a {
    padding: 5px 0px 5px 10px;
    width: auto;
    display: block;
    z-index: 3; 
    background-color: #f1f1f1 !important; 
    text-shadow: none;
    text-align: left;
}

/* Content */
.expandTableImage {
    width: 20px; height: 20px; margin-right: 5px; margin-bottom: -5px; margin-top: -5px;
 }



 .bodyTable { border: 0px; column-span: 0px; border-spacing: 0px; width: 100%; }
 .bodyTable thead th { text-align: left; background: none; font-weight: bold; font-size: 16px; vertical-align: top;  background-color: #acf; border-bottom: 1px solid #cef; border-top: 1px solid black; padding: 4px 5px; width: inherit; }
 .bodyTable thead th:not(:first-child) { text-align: right; }
 .bodyTable thead th p { display: inline; font-size: 13px; padding-left: 10px; font-weight: normal; }
 .bodyTable tbody td { padding: 4px; font-size: 15px; font-family:  'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif }
 .bodyTable tbody td p { display: inline; padding-left: 10px; font-size: 13px; }
 .bodyTable tbody td:not(:first-child) { text-align: right; }
 .bodyTable .dataRows tr td { font-size: 0.9em; }
 .bodyTable .dataRows tr td:first-child { font-weight: bold; }
 .bodyTable tfoot td { border-top: 1px solid black; border-bottom: 1px solid black; }
 .bodyTable tfoot td:not(:first-child) { text-align: right; }
 
.pageHeader {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid black;
    margin-top: 10px;
    padding-left: 10px;
    width: 100%; 
}
.subHeader {
    font-size: 12px;
    font-style: italic;
}
.pageContent {
    font-size: 17px;
    padding: 5px;
    margin-bottom: 20px;
}
.articleText {
    font-family: "PT Serif";
}
.sectionHeader {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px dotted black;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  width: 100%;
}

.tooltip { border-bottom: 2px dashed black;}
.left { text-align: left; }
.right { text-align: right; }
.floatRightAlign { float: right; }
.warning { padding: 5px; background: #ff4d4d; border: 1px solid black;  font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif; } 
.info { padding: 5px; background: rgb(96, 183, 167); border: 1px solid black;  font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif; } 
.success { padding: 5px; background: #00802b; border: 1px solid black; font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif; }

table.tablesorter thead tr .header { background-image: url(../../images/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; }
table.tablesorter thead tr .headerSortUp { background-image: url(../../images/asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(../../images/desc.gif); }

.contentDiv { font-size:15px; margin-left: 5px; margin-top: 3px;  }
.contentDiv div { padding-bottom: 8px; text-align: left; padding-right: 10px; }
.contentDiv p { display: inline; font-weight: bold; margin-right: 5px; }
.contentDiv div div { float: right; margin-right: 10px;  }

.contentTable { border: 0px; column-span: 0px; border-spacing: 0px; width: 100%; }
.contentTable thead th { background: none; font-weight: bold; font-size: 16px; vertical-align: top;  background-color: #acf; border-bottom: 1px solid #cef; padding: 4px 5px; width: inherit; }
.contentTable thead th p { display: inline; font-size: 13px; padding-left: 10px; font-weight: normal; }
.contentTable tbody td { padding: 4px; font-size: 15px; font-family:  'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif }
.contentTable tbody td p { display: inline; padding-left: 10px; font-size: 13px; }
.contentTable .dataRows tr td { font-size: 0.9em; }
.contentTable .dataRows tr td:first-child { font-weight: bold; }

.striped { column-span: 0px; border-spacing: 0px;  }
.striped tr:nth-child(even) {background: #ccc}
.striped tr:nth-child(odd) {background: #FFF}
.striped tr:hover { background:#00cc00 }
.striped thead tr:hover { background: white; }


.even { background-color: #def; }
.even td { border-bottom: 1px solid #cef; }

.listPlusMinusImage {
    width: 20px;
    height: 20px;
    
}

.blockDetails {
    width: 100%;
}

.breakLine { word-wrap: break-word; } 
.breakNoLine { white-space: nowrap;  }

.expandButton {
  width: 20px; 
  height: 20px; 
  margin-bottom: -5px; 
  margin-top: -5px;
}

/* Data Tooltop -- Start */
[data-tooltip] {
  display: inline-block;
  position: relative;
  cursor: help;
  padding: 0px;
}
/* Tooltip styling */
[data-tooltip]:before {
  content: attr(data-tooltip);
  display: none;
  position: absolute;
  background: #000;
  color: #fff;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 1.4;
  min-width: 100px; 
  text-align: center;
  border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
  left: 50%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
  bottom: 100%;
  margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
  left: 100%;
  margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
  top: 100%;
  margin-top: 6px;
}
[data-tooltip-position="left"]:before {
  right: 100%;
  margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
  content: '';
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
  left: 50%;
  margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
  top: 50%;
  margin-top: -6px;
}
[data-tooltip-position="top"]:after {
  bottom: 100%;
  border-width: 6px 6px 0;
  border-top-color: #000;
}
[data-tooltip-position="right"]:after {
  left: 100%;
  border-width: 6px 6px 6px 0;
  border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
  top: 100%;
  border-width: 0 6px 6px;
  border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
  right: 100%;
  border-width: 6px 0 6px 6px;
  border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  z-index: 50;
}

/* Data Tooltop -- END */

/* Loader Wrapper -- START */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #3498db;

  -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

  z-index: 1001;
}

  #loader:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #e74c3c;

      -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
  }

  #loader:after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #f9c922;

      -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
  }

  @-webkit-keyframes spin {
      0%   { 
          -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(0deg);  /* IE 9 */
          transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
      }
      100% {
          -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(360deg);  /* IE 9 */
          transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
      }
  }
  @keyframes spin {
      0%   { 
          -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(0deg);  /* IE 9 */
          transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
      }
      100% {
          -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(360deg);  /* IE 9 */
          transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
      }
  }

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #222222;
  z-index: 1000;
  -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(0);  /* IE 9 */
  transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateX(-100%);  /* IE 9 */
          transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
          transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateX(100%);  /* IE 9 */
          transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;  
          transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
  visibility: hidden;

  -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateY(-100%);  /* IE 9 */
          transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

  -webkit-transition: all 0.3s 1s ease-out;  
          transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
  display: none;
}
.no-js h1 {
  color: #222222;
}

/* Loader Wrapper -- END */

.positive {
  color: green;
}

.negative {
  color: red;
}


.bodyList {
  font-size: 15px;
  margin-left: 5px;
  margin-top: 3px;
}

.bodyList > div {
  padding-bottom: 8px;
  text-align: left;
  padding-right: 10px;
}

.bodyList > div > p {
  display: inline;
  font-weight: bold;
  padding-right: 5px;
}

#txInput {
  padding-right: 5px;
}
#txinput td, #txoutput td {
  text-align: right;
  padding: 3px;
}
#txinput td:first-of-type, #txoutput td:first-of-type {
  text-align: left;
}

.rightColumnToRight > td:last-of-type {
  text-align: right;
}

#addressTransactions > tbody > tr > td:nth-child(1n+2) {
  text-align: right;
}

li {
  padding: 3px;
}

.noWrap {
  white-space: nowrap
}