/*
 * gitphpskin.css
 *
 * GitPHP look and feel stylesheet
 *
 * @author Christopher Han <xiphux@gmail.com>
 * @copyright Copyright (c) 2006-2011 Christopher Han
 * @package GitPHP
 */


/*
 * Base styles
 */
html {
	min-height: 100%;
	height: 100%;
}

body {
	font-size: 14px;
	background-color: white;
	color: gray;
	margin: 0;
	min-height: 100%;
	font-family: "SF UI Text", Helvetica, Arial, sans-serif;
}

* {
	box-sizing: border-box;
	-webkit-highlight: none;
	-webkit-tap-highlight-color: transparent;
	font-size: inherit;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

.empty {
	/* various empty / no data messages */
	color: gray;
}

/*
 * Page header
 * (topmost bar with project link, language bar, etc)
 */
div.page_header {
	position: relative;
	z-index: 1;
	padding: 10px 20px;
	font-size: 14px;
	overflow: hidden;
	border-bottom: 1px solid #ebebeb;
	line-height: 50px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.05);
}

div.page_header .logo {
	font-size: 36px;
	line-height: 33px;
}

div.page_header .project-path {
	line-height: 50px;
	display: inline-block;
	padding-left: 15px;
}

div.page_nav {
	margin-bottom: 10px;
}

div.adminheader {
    border-color: #000;
    border-width: 5px;
}

.page_body {
	margin: 0 50px;
}

/*
 * Navigation header links
 */
div.diff_modes {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}


/*
 * Page footer
 * (footer bar with project description and atom/rss links)
 */
div.page_footer {
	height: 17px;
	padding: 0px 4px 8px;
	background-color: #d9d8d1;
	display: none;
}

/*
 * Attribution footer
 * (bottommost footer)
 */
div.attr_footer {
	text-align: center;
	padding: 4px 8px;
	color: #888888;
	font-style: italic;
}

div.attr_footer a {
	color: #888888;
	font-style: italic;
	text-decoration: none;
}

div.attr_footer a:hover {
	text-decoration: underline;
}


div.page_footer_text {
	float: left;
	color: #555555;
	font-style: italic;
}


/*
 * Table displays
 */
table {
	padding: 8px 4px;
	width: 100%;
	border-spacing: 0;
}

tr:hover {
	background-color: #fafafa;
}

td, th {
	font-size: 14px;
	margin: 0;
	text-align: left;
	line-height: 19px;
}

td.link {
	/* navigation links on the right side of each row */
	font-family: sans-serif;
	font-size: 14px;
	white-space: nowrap;
	padding-left: 20px;
}

td.projectAge {
	white-space: nowrap;
}

.warning_hidden_files {
    color: #f00;
    font-weight: 900;
}

/*
 * Messages
 */
div.message {
	/* used to display information/error message to user */
	padding: 12px;
}

div.error {
	/* highlights error messages */
	color: #ff0000;
}


/*
 * Badges
 */
a.rss_logo {
	/* the rss/atom/opml/txt buttons */
	padding: 3px 0px;
	width: 35px;
	line-height: 10px;
	border: 1px solid;
	border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
	color: #ffffff;
	background-color: #ff6600;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}

a.rss_logo:hover {
	background-color: #ee5500;
}

span.tag {
	/* tag badge */
	padding: 0 4px;
	display: inline-block;
	font-size: 10px;
	font-weight: normal;
	background-color: #ffffaa;
}

img.logo {
	/* the git logo */
	border-width: 0px;
}

div.diff_modes a {
	padding: 12px;
	float: left;
	border: 1px solid #C9C9C9;
	border-width: 1px 0;
}

div.diff_modes a:hover {
	background-color: #fafafa;
}

div.diff_modes a:first-child {
	border-width: 1px 0 1px 1px;
	border: 10px 10px 0;
	border-radius: 10px 0 0 10px;
}

div.diff_modes a:last-child {
	border-width: 1px 1px 1px 0;
	border-radius: 0 10px 10px 0;
}

div.diff_modes a.is-active {
	border: 1px solid #000;
	background: #fdfbff;
}

.stretch-evenly {
	margin: 0 50px;
	display: flex;
	align-items: stretch;
	flex-direction: row;
	justify-content: inherit;
}

.stretch-evenly > div,
.stretch-evenly > span {
	flex: 1 1 auto;
	align-self: center;
}

/*
 * Title bar
 * (main header with commit message)
 */
div.title {
	overflow: visible;
	font-size: 16px;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #ddd;
	margin: 0 50px;
}

div.title.stretch-evenly {
	line-height: 1.5em;
}

div.title.compact {
	padding: 20px 20px 20px 0;
	border: 0;
	font-size: 14px;
}

div.title .simple-button {
	margin-right: 10px;
}

div.title.compact a.title {
	font-weight: normal;
}

div.title a.title {
	font-weight: bold;
	line-height: 1em;
}

div.title:hover {
	background-color: #fafafa;
}

div.title_text {
	padding: 6px 0px;
	border: solid #d9d8d1;
	border-width: 0px 0px 1px;
	margin: 0 50px;
}
div.title-right {
    text-align: right;
    white-space: nowrap;
}

/*
 * Language selector
 */
div.lang_select {
	font-size: 12px;
	font-weight: normal;
}


/*
 * Full log view
 */
span.age {
	/* Age display by each log commit */
	font-style: italic;
}

div.log_link {
	/* Links by each log commit */
	font-size: 10px;
	font-family: sans-serif;
	font-style: normal;
	float: right;
}

span.newfile {
	color: #008000;
}

span.deletedfile {
	color: #c00000;
}

span.changedfile {
	color: #777777;
}

span.movedfile {
	color: #777777;
}

span.latenight {
	/* highlights the time if it's after hours */
	color: #cc0000;
}

/*
	Log List
*/

tr.commit-head td > a {
	font-weight: bold;
}

tr.commit-body td {
	padding: 5px 0;
}


/*
 * Diff display
 */
div.pre {
	/* the entire diff output block */
	font-family: monospace;
	font-size: 12px;
}

div.diff_info {
	/* the from -> to file header */
	background-color: #f5f5f5;
	padding: 16px 20px;
	border-radius: 10px 10px 0 0;
	border-bottom: 1px solid #cfcfcf;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.diffplus {
	color: #008800;
}

.diffminus {
	color: #cc0000;
}

.diffat {
	color: #990099;
}

.diffBlob {
	border: 1px solid #d9d8d1;
	margin-bottom: 16px;
	border-radius: 10px;
}


/*
 * side-by-side-diff diff
 */
table.diffTable {
	font-family: monospace;
}

table.diffTable tr.diff-added {
	background-color: #C1FFC1;
}

table.diffTable tr.diff-modified {
	background-color: #DDEEFF;
}

table.diffTable tr.diff-deleted {
	background-color: #FFDDDD;
}

table.diffTable td.diff-left {
	border-right: 1px solid #d9d8d1;
}

/*
 * side-by-side commitdiff
 */
div.commitDiffSBS
{
	width: 100%;
}

div.commitDiffSBS div.SBSTOC
{
	word-wrap: break-word;
	overflow: scroll;
}

div.commitDiffSBS div.SBSTOC a
{
	text-decoration: none;
}

div.commitDiffSBS div.SBSTOC .listcount
{
	list-style-type: none;
}

div.commitDiffSBS div.SBSTOC .activeItem
{
	background-color: #edece6;
}

div.commitDiffSBS .SBSContent
{
	border-left: 1px solid #edece6;
	overflow: hidden;
}

div.commitDiffSBS .SBSFooter
{
	clear: both;
}

.SBSComparison {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	align-content: stretch;
	height: 100%;
	justify-content: stretch;
}

.SBSComparison .mergely-column {
	flex: 1 1 auto;
	float: none;
}

.SBSComparison div.mergely.d.CodeMirror-linebackground {
	background-color: #ffecec;
}

.SBSComparison div.mergely.a.CodeMirror-linebackground {
	background-color: #eaffea;
}

/*
 * Blob/blame display
 */
a.linenr {
	/* Line numbers (non-geshi only) */
	color: #999999;
	text-decoration: none;
}

table.code td {
	/* code table (non-geshi only) */
	padding: 0px 0px;
}

table.code td.num {
	text-align: right;
	font-family: monospace;
	font-size: 12px;
}

table.code td.codeline {
	padding-left: 5px;
	font-family: monospace;
	font-size: 12px;
}

table.code tr.light:hover {
	background-color: #ffffff;
}

table.code tr.dark:hover {
	background-color: #f6f6f0;
}

td#blameData {
	/* the blame info column */
	text-align: left;
}

td#blameData div.light:hover {
	background-color: #edece6;
}

td#blameData div.dark {
	background-color: #f6f6f0;
}

td#blameData div.dark:hover {
	background-color: #edece6;
}

/*
 * Project list page
 */
div.index_header {
	/* the customizable info header above the list of projects */
	border-width: 0px 0px 1px;
	padding: 12px 8px;
}

span.agehighlight {
	/* highlights recently changed project ages */
	color: #009900;
}

.projectSearch {
	/* the project search box */
	padding: 20px 50px;
	overflow: hidden;
}

.projectSearch input[type="text"] {
	min-width: 300px;
	margin-right: 10px;
}

.projectSearch form {
	float: left;
}

.projectSearch .create-project {
	float: right;
}

.project-filter-container,
.project-search-container {
	position: relative;
}

.project-search-container .search {
	position: absolute;
	right: 15px;
	top: -12px;
	height: 40px;
	width: 40px;
	display: block;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4NCiAgICA8Y2lyY2xlIGN4PSIxMC44IiBjeT0iMTAuMiIgcj0iNi42IiBzdHJva2U9IiM5NDk0OTQiIHN0cm9rZS13aWR0aD0iMiIvPg0KICAgIDxwYXRoIHN0cm9rZT0iIzk0OTQ5NCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTUuNiwxNS42IEwyMC40LDIwLjQiLz4NCiAgPC9nPg0KPC9zdmc+");
	background-repeat: no-repeat;
	border: 0;
	background-color: transparent;
	text-indent: -9999px;
	background-position: 8px 7px;
	cursor: pointer;
	outline: none;
}

.searchSpinner {
	width: 15px;
	height: 15px;
    vertical-align: middle;
}

.project-filter-container .searchSpinner {
	position: absolute;
	user-select: none;
	top: 0px;
	margin-left: -30px;
	right: 25px;
}

.project-filter-container .clearSearch {
	position: absolute;
	width: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	height: 38px;
	right: 16px;
	line-height: 1em;
	top: -11px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0iI0M0QzRDNCIvPg0KICAgIDxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik04LjQgOC40TDE1LjYgMTUuNk0xNS42IDguNEw4LjQgMTUuNiIvPg0KICA8L2c+DQo8L3N2Zz4=");
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 10px 6px;
}

.projectName .indent {
	/* indents projects underneath a category */
	margin-left: 8px;
}


/*
 * Tree view
 */
table.treeTable td {
	border: 0;
}
table.treeTable td.filesize {
	/* the file size column */
	text-align: right;
	padding-left: 30px;
	width: 20%;
}
table.treeTable td.link {
	width: 50%;
}

table.treeTable tr.row-loading > td:first-child {
	background-image: url("/images/loader.gif");
	background-repeat: no-repeat;
	background-position: 23px 50%;
	background-size: 15px 15px;
}

table.treeTable tr.is-loaded {
    animation-name: yellow-fade;
    animation-duration: 0.2s;
}

@keyframes yellow-fade {
    from {
		transform: translateY(-5px);
	}
    to {
		transform: translateY(0px);
	}
}

table.treeTable td a:visited {
	color: #112339;
}

table.treeTable {
	font-size: 14px;
	line-height: 24px;
}

table.treeTable .list a {
	vertical-align: middle;
}

table.treeTable .folderName .expander,
table.treeTable .fileName .expander,
.expander-folder {
	/* the javascript tree expander cell */
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	line-height: 24px;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	padding-right: 0;
	padding-left: 44px;
	background-position-x: 17px;
	user-select: none;
}

table.treeTable .folderName .expander,
.expander-folder {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.6 2H2.4A2.4 2.4 0 0 0 0 4.38v14.25A2.4 2.4 0 0 0 2.4 21h19.2a2.4 2.4 0 0 0 2.4-2.38V6c0-1.3-1.08-2-2.4-2H12L9.6 2z" fill="#C9C9C9"/></svg>');
}

table.treeTable .fileName .expander {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6 20h12V8.83L13.17 4H6v16zM4.01 4A2 2 0 0 1 6 2h8l6 6v12a2 2 0 0 1-2 2H5.99A2 2 0 0 1 4 20l.01-16z" fill="#979797"/><path d="M13 9h5v2h-7V4h2v5z" fill="#979797"/></svg>');
}

table.treeTable {
	padding: 10px;
}

table.treeTable .folderName .expander::before,
.expander-folder::before {
	content: "▶︎";
	width: 10px;
	height: 15px;
	display: block;
	position: absolute;
	color: #5c5c5c;
	left: 0;
	top: -1px;
	font-size: 10px;
}

table.treeTable .folderName .expander.expanded::before,
.expander-folder.expanded::before {
	content: "▼";
}


/*
 * Tag view
 */
table.tagTable td.link {
	/* links at the right end of each tag */
	text-align: right;
}

/*
 * Search view
 */
span.searchmatch {
	/* highlights string matches */
	color: #e00000;
}


.syntaxhighlighter .line.alt1.highlighted-line,
.syntaxhighlighter .line.alt2.highlighted-line {
        background-color: #f8eec7;
}

small.warning {
	color: red;
}

ul.owners-list {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: smaller;
}

.logo {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	background: url(/images/codeisok-logo.png) no-repeat;
    background-size: contain;
	text-indent: -9999px;
    width: 210px;
    height: 32px;
}

/*
	Login form
*/

.login-form-container {justify-content: center;align-items: center;display: flex;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #f8f8f8;background-image: url(/images/login-pattern.png);}

.login-form {padding: 40px;background: white;border-radius: 10px;width: 368px;box-shadow: 0 10px 20px -10px rgba(0,0,0,0.2);}

.login-form .logo {
	font-size: 36px;
	line-height: 36px;
	display: block;
	margin-bottom: 15px;
}

.login-form label,
.login-form strong {
	line-height: 2em;
	font-weight: normal;
}

.login-form label {
	color: #747474;
}

.login-form .login-error {
	margin-bottom: 10px;
	line-height: 1em;
}

.login-form .text-input {
	display: block;
	width: 100%;
	line-height: 2em;
	margin: 10px 0;
}

.login-form [type="submit"] {
	display: block;
	width: 100%;
	background: #000;
	color: white;
	padding: 10px 15px;
	margin-top: 10px;
	border-radius: 10px;
	border: 0;
}

/*
	Input Components
*/

.checkbox-input {
	border-radius: 100%;
	border: 1px solid #888;
	background: white;
	display: inline-block;
	width: 24px;
	-webkit-appearance: none;
	height: 24px;
	vertical-align: middle;
	outline: none;
	line-height: 24px;
}

.checkbox-input:checked {
	background: #000;
	border-color: #000;
}

.checkbox-input:checked::after {
	content: "";
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEzIDEwIj4NCiAgPHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgcG9pbnRzPSI2Ljk1OCAxMS44NjUgMTAuNjg1IDE1LjU5MiAxNy44MjkgOC40NDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02IC03KSIvPg0KPC9zdmc+");
	width: 24px;
    height: 24px;
    background-size: 13px 13px;
    background-position: 5px 5px;
    display: block;
    background-repeat: no-repeat;
}

.has-error .text-input {
	border-color: #FF4101;
}

.text-input,
.select-input {
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #eee;
	font-size: inherit;
	outline: none;
}

.text-input:focus,
.text-input:active,
.text-input:focus,
.text-input:active,
.select-input:focus,
.select-input:active,
.select-input:focus,
.select-input:active {
	border-color: #000;
}

.select-input {
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICA8cG9seWdvbiBmaWxsPSIjOTQ5NDk0IiBwb2ludHM9IjcuNDEgOCAxMiAxMi45NDUgMTYuNTkgOCAxOCA5LjUyMiAxMiAxNiA2IDkuNTIyIi8+DQogICAgPHBvbHlnb24gcG9pbnRzPSIwIDAgMjQgMCAyNCAyNCAwIDI0Ii8+DQogIDwvZz4NCjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-position: 97% 50%;
	padding-right: 30px;
}

/* Error Text Component */
.error-text {
	color: #FF4101;
}

/*
	Page Search
*/

.page-search {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.page_header + .page-search {
	margin: 0 50px;
}

.page-search.settings-visible .extra-settings {
	opacity: 1;
	pointer-events: all;
	transform: none;
}

.page-search.settings-visible .gear-icon {
	border-color: #000;
}

.page-search .search-panel {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
}

.page-search .search-panel .select-input {
	max-width: 300px;
}

.page-search .gear-icon {
	width: 40px;
	vertical-align: middle;
	height: 40px;
	position: relative;
	line-height: 40px;
	border: 1px solid #c9c9c9;
	border-radius: 100%;
	background-size: 20px 20px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4NCiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMyAtMykiPg0KICAgIDxwb2x5Z29uIHBvaW50cz0iMCAwIDI0IDAgMjQgMjQgMCAyNCIvPg0KICAgIDxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik0xOC43MTQwNjY4LDEyLjg4MiBDMTguNzUwMDY2OCwxMi41OTQgMTguNzc3MDY2OCwxMi4zMDYgMTguNzc3MDY2OCwxMiBDMTguNzc3MDY2OCwxMS42OTQgMTguNzUwMDY2OCwxMS40MDYgMTguNzE0MDY2OCwxMS4xMTggTDIwLjYxMzA2NjgsOS42MzMgQzIwLjc4NDA2NjgsOS40OTggMjAuODI5MDY2OCw5LjI1NSAyMC43MjEwNjY4LDkuMDU3IEwxOC45MjEwNjY4LDUuOTQzIEMxOC44MTMwNjY4LDUuNzQ1IDE4LjU3MDA2NjgsNS42NzMgMTguMzcyMDY2OCw1Ljc0NSBMMTYuMTMxMDY2OCw2LjY0NSBDMTUuNjYzMDY2OCw2LjI4NSAxNS4xNTkwNjY4LDUuOTg4IDE0LjYxMDA2NjgsNS43NjMgTDE0LjI2ODA2NjgsMy4zNzggQzE0LjI0MTA2NjgsMy4xNjIgMTQuMDUyMDY2OCwzIDEzLjgyNzA2NjgsMyBMMTAuMjI3MDY2OCwzIEMxMC4wMDIwNjY4LDMgOS44MTMwNjY4NCwzLjE2MiA5Ljc4NjA2Njg0LDMuMzc4IEw5LjQ0NDA2Njg0LDUuNzYzIEM4Ljg5NTA2Njg0LDUuOTg4IDguMzkxMDY2ODQsNi4yOTQgNy45MjMwNjY4NCw2LjY0NSBMNS42ODIwNjY4NCw1Ljc0NSBDNS40NzUwNjY4NCw1LjY2NCA1LjI0MTA2Njg0LDUuNzQ1IDUuMTMzMDY2ODQsNS45NDMgTDMuMzMzMDY2ODQsOS4wNTcgQzMuMjE2MDY2ODQsOS4yNTUgMy4yNzAwNjY4NCw5LjQ5OCAzLjQ0MTA2Njg0LDkuNjMzIEw1LjM0MDA2Njg0LDExLjExOCBDNS4zMDQwNjY4NCwxMS40MDYgNS4yNzcwNjY4NCwxMS43MDMgNS4yNzcwNjY4NCwxMiBDNS4yNzcwNjY4NCwxMi4yOTcgNS4zMDQwNjY4NCwxMi41OTQgNS4zNDAwNjY4NCwxMi44ODIgTDMuNDQxMDY2ODQsMTQuMzY3IEMzLjI3MDA2Njg0LDE0LjUwMiAzLjIyNTA2Njg0LDE0Ljc0NSAzLjMzMzA2Njg0LDE0Ljk0MyBMNS4xMzMwNjY4NCwxOC4wNTcgQzUuMjQxMDY2ODQsMTguMjU1IDUuNDg0MDY2ODQsMTguMzI3IDUuNjgyMDY2ODQsMTguMjU1IEw3LjkyMzA2Njg0LDE3LjM1NSBDOC4zOTEwNjY4NCwxNy43MTUgOC44OTUwNjY4NCwxOC4wMTIgOS40NDQwNjY4NCwxOC4yMzcgTDkuNzg2MDY2ODQsMjAuNjIyIEM5LjgxMzA2Njg0LDIwLjgzOCAxMC4wMDIwNjY4LDIxIDEwLjIyNzA2NjgsMjEgTDEzLjgyNzA2NjgsMjEgQzE0LjA1MjA2NjgsMjEgMTQuMjQxMDY2OCwyMC44MzggMTQuMjY4MDY2OCwyMC42MjIgTDE0LjYxMDA2NjgsMTguMjM3IEMxNS4xNTkwNjY4LDE4LjAxMiAxNS42NjMwNjY4LDE3LjcwNiAxNi4xMzEwNjY4LDE3LjM1NSBMMTguMzcyMDY2OCwxOC4yNTUgQzE4LjU3OTA2NjgsMTguMzM2IDE4LjgxMzA2NjgsMTguMjU1IDE4LjkyMTA2NjgsMTguMDU3IEwyMC43MjEwNjY4LDE0Ljk0MyBDMjAuODI5MDY2OCwxNC43NDUgMjAuNzg0MDY2OCwxNC41MDIgMjAuNjEzMDY2OCwxNC4zNjcgTDE4LjcxNDA2NjgsMTIuODgyIEwxOC43MTQwNjY4LDEyLjg4MiBaIE0xMi4wMjcwNjY4LDE1LjE1IEMxMC4yOTAwNjY4LDE1LjE1IDguODc3MDY2ODQsMTMuNzM3IDguODc3MDY2ODQsMTIgQzguODc3MDY2ODQsMTAuMjYzIDEwLjI5MDA2NjgsOC44NSAxMi4wMjcwNjY4LDguODUgQzEzLjc2NDA2NjgsOC44NSAxNS4xNzcwNjY4LDEwLjI2MyAxNS4xNzcwNjY4LDEyIEMxNS4xNzcwNjY4LDEzLjczNyAxMy43NjQwNjY4LDE1LjE1IDEyLjAyNzA2NjgsMTUuMTUgTDEyLjAyNzA2NjgsMTUuMTUgWiIvPg0KICA8L2c+DQo8L3N2Zz4=");
}

.page-search .extra-settings {
	position: absolute;
	z-index: 100;
	background: white;
	padding: 10px 15px;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	box-shadow: 0 10px 20px -10px rgba(0,0,0,0.2);
	overflow: hidden;
	opacity: 0;
	left: 0;
	transition: all 0.1s ease-in-out;
	top: 100%;
	pointer-events: none;
	margin-top: 10px;
	transform: translateY(-10px);
	width: 250px;
	left: -210px;
}

.page-search .extra-settings input {
	float: right;
	margin-left: 50px;
}

.page-search .extra-settings input[type="checkbox"] {
	margin-top: 8px;
}

.page-search .extra-settings .search-panel {
	display: block;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
	line-height: 40px;
}

.page-search .extra-settings .search-panel:last-child {
	border: 0;
	vertical-align: middle;
}

/*
	Project Brief
*/

.project-brief {
	width: 50%
}

.project-brief td {
	line-height: 30px;
}

.project-brief td:first-child {
	font-weight: bold;
}

/*
	Git table
*/

.git-table {
	width: 100%;
	padding: 0 50px;
}

.git-table td,
.git-table th {
	padding: 14px 10px 14px 0;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.git-table.git-table-expanded td,
.git-table.git-table-expanded th {
	padding: 16px 10px 16px 0;
}

.git-table tr:last-child td {
	border: 0;
}

.git-table th {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.git-table tr .actions {
	display: none;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -18px;
	text-align: right;
	background: #fafafa;
	padding-left: 20px;
}

.git-table tr:hover {
	background-color: #fafafa;
}

.git-table tr:hover .actions {
	display: block;
}


.git-table tr.selected td {
	background: #fafafa;
}

.git-table .categoryName {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 16px;
}

.git-table .categoryRow,
.git-table .subProjectFolder {
	cursor: pointer;
}

.git-table .subProjectFolder th {
	padding-left: 50px;
}

.git-table .subProjectFolder td:nth-child(2) {
	padding-left: 50px;
}

.git-table td.code-search-results > * {
	line-height: 14px;
	display: inline-block;
	vertical-align: middle;
}

.git-table td.code-search-results a {
	font-weight: bold;
}

.git-table td.code-search-results a.line-number {
	margin-left: 20px;
}

/*
	Tabs
*/

.git-tabs {
	display: block;
	margin: 0 50px;
}

.git-tabs__items {
	display: flex;
	border-bottom: 1px solid #C9C9C9;
}

.git-tabs__item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	height: 70px;
	padding: 0 15px;
	font-size: 12px;
	line-height: 16px;
}

.git-tabs__item--branch {
	margin-left: auto;
	pointer-events: none;
}

.git-tabs__item:hover {
	color: #000;
}

.git-tabs__item.is-active {
	pointer-events: none;
}

.git-tabs__item.is-active::before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 3px;
	background-color: #000;
	content: '';
}

.git-tabs__item.is-inactive {
	opacity: .3;
	pointer-events: none;
}

.git-tabs__icon {
	display: block;
	width: 24px;
	height: 24px;
	color: #6a6a6a;

}
.git-tabs__icon svg {
	fill: currentColor;
}

.git-tabs__item:hover .git-tabs__icon {
	color: currentColor;
}

.git-tabs__icon + .git-tabs__text {
	margin-left: 8px;
}

@media (max-width: 1100px) {
	.git-tabs__icon {
		display: none;
	}

	.git-tabs__icon + .git-tabs__text {
		margin-left: 0;
	}
}

.git-tabs__branch {
	display: block;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
}

.git-tabs__items + .git-tabs__branch {
	margin-top: 10px;
}

.simple-button,
.simple-button-highlighted {
	padding: 10px 20px 10px 20px;
	border: 1px solid #eee;
	border-radius: 10px;
	display: inline-block;
	background: white;
	text-decoration: none;
	line-height: 1.2em;
}

.simple-button:hover,
.simple-button:active,
.simple-button-highlighted:hover,
.simple-button-highlighted:active {
	border-color: #888;
	text-decoration: none;
}

.simple-button-highlighted {
	border-color: #000;
}


.projectName a {
	font-size: 16px;
}

.projectName span {
	display: block;
	line-height: 1.2em;
	color: #888;
}

.git-table th.project-select {
	width: 30px;
}

.git-table th.project-name {
	width: 20%;
	max-width: 40%;
}

.git-table th.project-desc {
	width: 30%;
	max-width: 40%;
}

.git-table th.project-owner {
	width: 1
}

.diff-controls {
	display: flex;
	flex-wrap: wrap;
	margin: 0 50px;
}

.git-tabs + .diff-controls {
	margin-top: 20px;
}

.diff-controls__options {
	display: flex;
	align-items: center;
}

.diff-controls__options + .diff-controls__options {
	margin-left: auto;
}

.diff-controls__item {
	display: block;
	flex: 0 0 auto;
}

.diff-controls__item + .diff-controls__item {
	margin-left: 24px;
}

.checkbox-link {
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
	cursor: pointer;
}


.checkbox-link:hover {
	color: #000;
}

.checkbox-link__control {
	display: block;
	flex: 0 0 auto;
	pointer-events: none;
}

.checkbox-link__control .checkbox-input {
	margin: 0;
}

.checkbox-link__label {
	display: block;
	flex: 1 1 auto;
	font-size: 14px;
	line-height: 24px;
}

.checkbox-link__control + .checkbox-link__label {
	margin-left: 8px;
}

