html, body {
	height : 100%;
	margin : 0px;
	font-size : 1em; /* Normalize view on firefox */
	line-height : 1.5em; /* Normalize view on firefox */
	caret-color: transparent;
}

.fill {
	min-height: 100%;
	height: 100%;
	min-width: 100%;
	width: 100%;
}

.no-gutters {
	margin-right: 0px;
	margin-left: 0px;
	> .col,
	> [class*="col-"] {
		padding-right: 0px;
		padding-left: 0px;
	}
}

/* ==============================
   Commits List
   ==============================
*/

.list-group-item {
	user-select: none;
}

.list-group input[type="checkbox"] {
	display: none;
}

.list-group input[type="checkbox"] + .list-group-item {
	background-color: #222;
	color: #dbdbdb;
	font-family: monospace;
	padding: 1px;
	margin: 4px;
	border-radius: 5px;
}

.list-group input[type="checkbox"] + .list-group-item:before {
	color: transparent;
	font-weight: bold;
}

.list-group input[type="checkbox"]:checked + .list-group-item {
	background-color: #111;
	color: #fff;
	border-radius: 5px;
}

.list-group input[type="checkbox"]:checked + .list-group-item:before {
	color: inherit;
}

/* ==============================
   Scrollbar
   ==============================
*/

.scrollbox {
	overflow: auto;
	visibility: hidden;
}

.scrollbox-content,
.scrollbox:hover,
.scrollbox:focus {
	visibility: visible;
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-thumb {
	background: rgba(90, 90, 90);
}

::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.2);
}

/* ==============================
   Toolbar buttons
   ==============================
*/

.btn-group input[type="radio"] {
	display: none;
}

.btn-group input[type="radio"] + .btn-group-item {
	font-family: monospace;
}

.btn-group input[type="radio"] + .btn-group-item:before {
}

/* ==============================
   Layers List
   ==============================
*/

.list-group input[type="radio"] {
	display: none;
}

.list-group input[type="radio"] + .list-group-item {
	background-color: #222222;
	color: #dbdbdb;
	font-family: monospace;
	padding: 2px;
	margin: 4px;
}

.list-group input[type="radio"] + .list-group-item:before {
	color: transparent;
	font-weight: bold;
}

.list-group input[type="radio"]:checked + .list-group-item {
	background-color: #111111;
	color: #FFF;
}

.list-group input[type="radio"]:checked + .list-group-item:before {
	color: inherit;
}

/* ==============================
   ==============================
*/

#diff-container {
/*	border: 1px solid #111;*/
	margin-top: 15px;
	background-color: #000000;
	border-radius: 5px;
}

#svg-id {
/*	border: 1px solid #111;*/
	margin-top: 15px;
	background-color: #222;
	border-radius: 5px;
}

/* ==============================
   Layers colors
   ==============================
*/

.F_Cu {
	filter : invert(28%) sepia(50%) saturate(2065%) hue-rotate(334deg) brightness(73%) contrast(97%);
}

.In1_Cu {
	filter : invert(69%) sepia(39%) saturate(1246%) hue-rotate(17deg) brightness(97%) contrast(104%);
}

.In2_Cu {
	filter : invert(14%) sepia(79%) saturate(5231%) hue-rotate(293deg) brightness(91%) contrast(119%);
}

.In3_Cu {
	filter : invert(14%) sepia(79%) saturate(5231%) hue-rotate(293deg) brightness(91%) contrast(119%);
}

.In4_Cu {
	filter : invert(14%) sepia(79%) saturate(5231%) hue-rotate(293deg) brightness(91%) contrast(119%);
}

.B_Cu {
	filter : invert(44%) sepia(14%) saturate(2359%) hue-rotate(70deg) brightness(103%) contrast(82%);
}

.F_Mask {
	filter : invert(27%) sepia(51%) saturate(1920%) hue-rotate(269deg) brightness(89%) contrast(96%);
}

.B_Mask {
	filter : invert(22%) sepia(56%) saturate(2652%) hue-rotate(277deg) brightness(94%) contrast(87%);
}

.F_Paste {
	filter : invert(57%) sepia(60%) saturate(6%) hue-rotate(314deg) brightness(92%) contrast(99%);
}

.B_Paste {
	filter : invert(91%) sepia(47%) saturate(4033%) hue-rotate(139deg) brightness(82%) contrast(91%);
}

.F_SilkS {
	filter : invert(46%) sepia(44%) saturate(587%) hue-rotate(132deg) brightness(101%) contrast(85%);
}

.B_SilkS {
	filter : invert(14%) sepia(27%) saturate(2741%) hue-rotate(264deg) brightness(95%) contrast(102%);
}

.Edge_Cuts {
	filter : invert(79%) sepia(79%) saturate(401%) hue-rotate(6deg) brightness(88%) contrast(88%);
}

.Margin {
	filter : invert(74%) sepia(71%) saturate(5700%) hue-rotate(268deg) brightness(89%) contrast(84%);
}

.Dwgs_User {
	filter : invert(40%) sepia(68%) saturate(7431%) hue-rotate(203deg) brightness(89%) contrast(98%);
}

.Cmts_User {
	filter : invert(73%) sepia(10%) saturate(1901%) hue-rotate(171deg) brightness(95%) contrast(102%);
}

.Eco1_User {
	filter : invert(25%) sepia(98%) saturate(2882%) hue-rotate(109deg) brightness(90%) contrast(104%);
}

.Eco2_User {
	filter : invert(85%) sepia(21%) saturate(5099%) hue-rotate(12deg) brightness(91%) contrast(102%);
}

.F_Fab {
	filter : invert(71%) sepia(21%) saturate(4662%) hue-rotate(21deg) brightness(103%) contrast(100%);
}

.B_Fab {
	filter : invert(60%) sepia(0%) saturate(0%) hue-rotate(253deg) brightness(87%) contrast(90%);
}

.F_Adhes {
	filter : invert(38%) sepia(49%) saturate(1009%) hue-rotate(254deg) brightness(88%) contrast(86%);
}

.B_Adhes {
	filter : invert(24%) sepia(48%) saturate(2586%) hue-rotate(218deg) brightness(88%) contrast(92%);
}

.F_CrtYd {
	filter : invert(73%) sepia(1%) saturate(0%) hue-rotate(116deg) brightness(92%) contrast(91%);
}

.B_CrtYd {
	filter : invert(79%) sepia(92%) saturate(322%) hue-rotate(3deg) brightness(89%) contrast(92%);
}

/* ==============================
** ============================*/

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

label#layers, label#pages {
	margin-top: 0px;
	margin-bottom: 4px;
	white-space: nowrap;
	width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align:top;
}

#server_offline {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
	z-index: 2;
	cursor: pointer;
}

/* ==============================
** ============================*/

a:link {
	color: #28a745;
}

a:visited {
	color: #28a745;
}

a:hover {
	color: #28a745;
}

a:active {
	color: #28a745;
}

#commit1_legend_hash {
	color: #28a745;
}
#commit2_legend_hash {
	color: #28a745;
}

/* ==============================
** ============================*/

.hidden_iframe {
	position:absolute; top:-1px; left:-1px; width:1px; height:1px;
	display: none;
}

.shortcut_col {
	width: 150px;
	text-align: right;
	padding-right: 15px;
}

.modal-content {
  background: #333;
}

hr {
	background-color: white;
	height: 1px;
	border: 0;
}