body {
    padding-top: 50px;
}

.tlogo {
  background: url('/img/logo.svg') no-repeat top left;
	margin-top: -20px;
	margin-left: -20px;
}

.tlogo-xs {
	background-size: 3em;
	width: 3em;
	height: 3em;
}

@media (min-width: 768px) {
	.tlogo-sm {
		background-size: 5em;
		width: 5em;
		height: 5em;
	}
}

@media (min-width: 992px) {
	.tlogo-md {
		background-size: 5em;
		width: 5em;
		height: 5em;
	}
}

@media (min-width: 1400px) {
	.tlogo-lg {
		background-size: 8em;
		width: 8em;
		height: 8em;
	}
}

.collapse-btn{
  font-size: 140%;
}

.no-background {
  background: none!important;
}

.affixed-container {
  display: none;
}

.affixed-container > .hidden-tooltip {
  display: none;
  visibility: hidden;
}

.transac-header {
  top: 0;
  left: 0;
  right: 0;
  padding: 60px 0 10px;
  position: fixed;
  background: rgba(245,245,245,0.88);
  box-shadow: 0 0 2px #999;
  z-index: 1000;
}

.transac-header.affix {
  padding: 15px;
  box-shadow: none;
  background: none;
  z-index: 9999;
}

.transac-header.affix-done {
  -o-transition:.9s;
  -ms-transition:.9s;
	-moz-transition:.9s;
	-webkit-transition:.9s;
	transition:.9s;
	color: #999;
}

.transac-header.affix .glyphicon-search {
  margin-left: 5px;
  top: 2px;
}

.transac-header.affix .glyphicon-search:hover {
	cursor: pointer;
}

.transac-detail {
  margin-top: 120px;
  position: relative;
}

.transac-list {
  margin-top: 180px;
  position: relative;
}

.date {
  margin-bottom: 20px;
}

.tab-content .lead {
  margin-top: 20px;
}

.result-table {
  width: 100%;
  border-collapse: collapse;
}

.event dt:hover{
  background-color: #F7F7F7;
}

.dropdown-menu.pull-right.myDropDown {
  max-height: 300px;
  overflow: auto;
  left: 0;
  right: 0;
}

.header-title {
  font-size: 30px;
}

.affixed-container > .header-title,
.affixed-container >.dropdown > .header-title {
  font-size: 21px;
  top: 4px;
}

.dropdown-history-table {
  margin: 2px 0;
  width: 100%;
  border-collapse: collapse;
}

.result-table th, .result-table td {
  padding: 8px;
  text-align: center;
}

.result-table > tbody > tr > td:first-child {
  text-align: right;
}

.red-icon {
  color: red;
}

.blue-icon {
  color: blue;
}

.green-icon {
  color: green;
}

.orange-icon {
  color: orange;
}

.gray-icon {
  color: gray;
}

.event{
  padding-left: 30px;
}

.event .time{
  color: #777;
  font-size: 80%;
}

.event .label{
  color: #777;
  font-size: 100%;
}

.message{
  font-style: italic;
  padding-top: 10px;
  padding-left: 20px;
}

.event_begin { background-image: url(/img/begin.png); background-repeat: no-repeat;}
.event_info { background-image: url(/img/info.png); background-repeat: no-repeat;}
.event_commit { background-image: url(/img/commit.png); background-repeat: no-repeat;}
.event_error { background-image: url(/img/error.png); background-repeat: no-repeat;}
.event_abort { background-image: url(/img/abort.png); background-repeat: no-repeat;}
.event_warning { background-image: url(/img/warning.png); background-repeat: no-repeat;}