.navbar .navbar-brand{
  padding:10px 15px;
}

a.navbar-brand img:first-of-type {
   height: 32px;
}

.navbar a.navbar-title{
  padding-top: 22px;
  padding-left:20px;
  font-size:26px;
  color:#105D91;
  font-weight: 500;
  background: -webkit-linear-gradient(#2781B4, #004478);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.jumbotron.left_bar{
  padding:10px;
  font-size: 1em;
  height: 100%;
  overflow: hidden;
}

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  
}

@media (min-width: 768px) and (max-width: 991px) {
	.c-visible-xs {
		display:none !important;
	}
}

@media screen and (max-width: 991px) {
    #qrcode {
    	float: none !important;
    	display: table;
    	margin: 0 auto;
    }
    .qrcode-address {
    	width: 100%;
    }
}

/*
@media (max-width: 1000px)
.navbar > .container .navbar-brand {
margin-right: -1000px;
}

@media screen and (max-width: 991px) {
    body { padding-top: 40px; }
}

@media screen and (max-width: 768px) {
    body { padding-top: 0px; }
}

@media screen and (max-width: 510px) {
    body { padding-top: 40px; }
}
*/
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 60px;
}
#footer {
  background-color: #f5f5f5;
}
#footer .container{
  margin:auto;
  
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .col-xs-6.no-padding{
    padding-right:5px;
  }
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.c-footer-container {
    position: relative;
}

.container .credit {
  margin: 20px 0;
  width: 320px;
  float:left;
  z-index: 20;
    position: absolute;
}

.container .credit-static {
  margin: 20px 0 !important;
}

.revision {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 75%;
  right: 10px;
  width: 320px;
  z-index: 10;
  position: absolute;
}

code {
  font-size: 80%;
}

.panel-heading.ng-binding{
  padding: 5px;
  line-height: 25px;
}
table caption{
  font-size:1.2em;
  padding: 4px;
  font-weight: bold;
  background: #eeeeee;
  color:#444444;
  -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
}
table th{
  color: #333333;
}
.panel-body{
  padding:0px 5px;
}
table.table{
  table-layout:fixed;
}
table.table td{
  white-space:nowrap; 
  overflow:hidden;
  text-overflow:ellipsis;
}

.btnCell {
  white-space:normal !important;
}

table.table td a{ padding: 0; margin: 0;  line-height: 1em;}
table.table tr { height: 30px;}
td.test{  
  width:50px;
}
.container{
  margin:0 auto;
}
.page-container{
  padding-top:70px;
}
.no-padding{
  padding:0;
}

.falseValidState {
    background-color: #5cb85c !important;
    color: white;
}

    .falseValidState::after {
        content: "Valid";
    }

    .falseValidStateDiv,.falseValidStateDiv:hover  {
    background-color: #5cb85c !important;
    color: white;
}

    .trueValidStateDiv, .trueValidStateDiv:hover{
         background-color: #d9534f !important;
    color: white;
    }

.trueValidState {
    background-color: #d9534f !important;
    color: white;
}

    .trueValidState::after {
        content: "Invalid";
    }
    
.popover-content {
    color: black;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}


.popover-title{
     background-color: #d9534f;
    color: white;
}
    
a.panel-link{
  text-decoration: none;
  color:#333333;
}

a.panel-link:hover .panel-heading{
  background:#dddddd;
}
a.panel-link:hover .panel-body{
  background: #999999;
  color:white;
}
a.panel-link:hover .panel{
  border:1px solid #bbbbbb;
}
a.panel-link .panel.selected .panel-heading,
a.panel-link .panel.selected .panel-body,
li.selected a{
  background: #f9dd56;
}

a.panel-link .panel.selected {
  border:1px solid #f9bc56;
}
.paginator{
  text-align: center;
}

ul.pagination{
  clear: both;
  margin:0;
}
ul.pagination li a{
  min-width: 40px;
  padding: 7px 2px;
}
.animate-enter, 
.animate-leave { 
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
} 
 
.animate-leave.animate-leave-active,
.animate-enter {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    height: 0px;
    opacity: 0;
}
 
.animate-enter.animate-enter-active,
.animate-leave {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    height: 30px;
    opacity: 1;
}



/* icons */

.icon24 {
    /* height:24px; 
    width:24px;	 */
}

.bgc01 {
    background: #0000DD;
}

.bgc-default {
    background: #a85eca;
}

.bgc-new {
    background: #32cd32;
}

.bgc-accepted {
    background: #4169e1;
}

.bgc-expired {
    background: grey;
}

.bgc-done {
    background: #cd853f;
}

.bgc-invalid  {
    background: #ff4500;
}

.bgc-new-accepted {
    background: #32cd32; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #32cd32 50%, #4169e1 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#32cd32), color-stop(50%,#4169e1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #32cd32 50%,#4169e1 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #32cd32 50%,#4169e1 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #32cd32 50%,#4169e1 50%); /* IE10+ */
    background: linear-gradient(135deg, #32cd32 50%,#4169e1 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32cd32', endColorstr='#4169e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

 .round-corner {
      -webkit-border-radius: 3px 3px 3px 3px; 
      -moz-border-radius: 3px 3px 3px 3px;
      -o-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
   }

.bgc-accepted-done {
    background: #4169e1; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #4169e1 50%, #cd853f 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#4169e1), color-stop(50%,#cd853f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #4169e1 50%,#cd853f 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #4169e1 50%,#cd853f 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #4169e1 50%,#cd853f 50%); /* IE10+ */
    background: linear-gradient(135deg, #4169e1 50%,#cd853f 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4169e1', endColorstr='#cd853f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bgc-new-done {
    background: #32cd32; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #32cd32 50%, #cd853f 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#32cd32), color-stop(50%,#cd853f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #32cd32 50%,#cd853f 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #32cd32 50%,#cd853f 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #32cd32 50%,#cd853f 50%); /* IE10+ */
    background: linear-gradient(135deg, #32cd32 50%,#cd853f 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32cd32', endColorstr='#cd853f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bgc-horizontal {
    background: #ff3236; /* Old browsers */
    background: -moz-linear-gradient(left,  #ff3236 50%, #7db9e8 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#ff3236), color-stop(50%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ff3236 50%,#7db9e8 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ff3236 50%,#7db9e8 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ff3236 50%,#7db9e8 50%); /* IE10+ */
    background: linear-gradient(to right,  #ff3236 50%,#7db9e8 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3236', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
}

.bgc-vertical {
    background: #ff3236; /* Old browsers */
    background: -moz-linear-gradient(top, #ff3236 50%, #7db9e8 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ff3236), color-stop(50%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff3236 50%,#7db9e8 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff3236 50%,#7db9e8 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff3236 50%,#7db9e8 50%); /* IE10+ */
    background: linear-gradient(to bottom, #ff3236 50%,#7db9e8 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3236', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

/* qrcode */

.qrcode-address {
    height: 145px;
}

.btc-tbl-btn {
    margin-left: 8px;
}

td.captionTd1 {
    width: 62px;
}