@charset "UTF-8";

/*------------------------------
  Global
--------------------------------*/

/*------------------------------
  Base Design
--------------------------------*/
body {
	background-color: #fdfdea;
}

nav.navbar-ranking {
	background-color: #fef58f;
	border-color: #ffe846;
}

.navbar-ranking .navbar-brand,
.navbar-ranking .navbar-brand:hover {
	color: #a52a2a;
}

.navbar-default
.navbar-collapse,
.navbar-default .navbar-form {
	background-color: #f9f9e3;
}

.nav>li>a:focus,
.nav>li>a:hover {
	background-color: #f9f9e3;
}

.sidebar ul li {
	border-bottom: 1px solid #f9f9e3;
}
.sidebar ul li a.active {
	background-color: #f5f4cd;
}

footer {
	background-color: #fff;
	border-top: 1px solid #e7e7e7;
	padding: 10px;
}

#actions-sidebar {
	margin-top: 20px;
	margin-bottom: 10px
}

.actions .btn {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.vertical-table th {
	width: 20%;
}

fieldset {
	margin-bottom: 10px;
}

.related {
	border-top: 1px #999 solid;
	padding-top: 10px;
	margin-top: 40px;
}

ul.pagination ul.pagination {
	margin: 0;
}

.popover {
	max-width: 60%;
}
.popover-content {
	min-height: 130px;
}
.popover-content p {
	overflow: hidden;
	margin-top: 0.25em;
	margin-bottom: 0;
}
.popover-content .result-url {
	color: #006621;
	text-overflow: ellipsis;
}
.popover-content .result-date {
	color: #666;
	margin-top: -1.5em;
}

/*------------------------------
  tablesorter
--------------------------------*/
th.header,
th.tablesorter-header {
	background-image: url(../img/tablesorter-bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-left: 20px;
}

th.headerSortUp,
th.tablesorter-headerAsc {
	background-image: url(../img/tablesorter-asc.gif);
}

th.headerSortDown,
th.tablesorter-headerDesc {
	background-image: url(../img/tablesorter-desc.gif);
}

th.sorter-false {
	background-image: none;
	cursor: default;
}

/*------------------------------
  dashboard
--------------------------------*/
.dashboard {
}

.dashboard .panel h3 {
	font-size: 1.3em;
	margin: 0;
}

.dashboard h4 {
	margin: 0.5em 0;
}

.dashboard .stat-table table th {
	text-align: center;
	background-color: #fcf8e3;
}
.dashboard .stat-table table th:first-child {
	width: 50%;
}

/*------------------------------
  ranking
--------------------------------*/
.ranking .panel h3 {
	margin: 0;
}

.ranking h4 {
	margin: 0.5em 0;
}

.ranking .stat-table table th {
	text-align: center;
	background-color: #fcf8e3;
}
.ranking .stat-table table th.th-date {
	width: 8em;
}

.ranking .stat-table nav ul {
	margin: 0;
}

/*------------------------------
  search-google
--------------------------------*/
.search-google #google-goto-ranking {
	cursor: pointer;
	color: #2f6f9f;
}
.search-google #google-goto-ranking:hover {
	color: #ca0000;
}

.search-google table.table-ranking th {
	text-align: center;
	white-space: nowrap;
}

.search-google td.td-ranking {
	width: 3em;
	text-align: right;
}

.search-google td.td-detail {
	width: calc(100% - 3em - 42px);
}
.search-google td.td-detail h4 {
	width: 100%;
	font-size: 16px;
	margin: 0 0 5px;
}
.search-google td.td-detail h4 a {
	color: #1a0dab;
}
.search-google td.td-detail .result-link {
	height: 1.2em;
	color: #006621;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 0 5px;
}
.search-google td.td-detail p {
	color: #545454;
	font-size: 12px;
	margin: 0 0 5px;
}