@charset "utf-8";
/***************************************************************************
 *                          (css) dm_repository.css
 *                          -----------------------
 *   begin                : 19-Apr-2015
 *   modified             : 20-Apr-2015
 *   copyright            : (C) 2015 Daniel Julivert
 *   email                : ghoulwiz@gmail.com
 *   description          : Repository CSS
 *
 ***************************************************************************/


@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/********************************************************************************
  Repository window
********************************************************************************/

.dmRepositoryArea {
	position: absolute;
	display: none;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	background-color: black;
	padding: 5px;
	border: 1px green solid;
	border-radius: 15px;
	box-shadow: 0px 0px 10px green;
}

.dmRepositoryArea h2 {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin-top: 0px;
	border-bottom: 1px solid green;
}


/********************************************************************************
  Repository table with list of programs
********************************************************************************/

.dmRepositoryArea table {
	width: 90%;
	text-align: center;
	margin: auto;
	border-collapse: collapse;
	font-size: 14px;
}

.dmRepositoryArea table thead tr {
	background-color: green;
	color: black;
}

.dmRepositoryArea table thead tr th:first-child,
.dmRepositoryArea table tbody tr td:first-child {
	text-align: left;
}

.dmRepositoryArea table tbody tr:nth-child(even) {
	background-color: #001100;
}

.dmRepositoryArea table tbody tr:nth-child(odd) {
	background-color: black;
}

.dmRepositoryArea table tbody td:last-child span {
	font-family: FontAwesome;
	font-size: 12px;
	cursor: pointer;
	margin: 0 3px;
}
.dmRepositoryArea table tbody td:last-child span:hover { color: lime; }

.dmRepositoryArea table tbody tr.dmClickable:hover {
	border: none;
	color: black;
	background-color: lime;
	border: none !important;
}


/********************************************************************************
  Close icon
********************************************************************************/

.dmRepositoryArea div.dmCloseIcon {
	font-family: FontAwesome;
	position: absolute;
	top: -3px;
	width: 15px;
	height: 15px;
	line-height: 13px;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	color: #32CD32;
	background-color: #000000;
	z-index: 100;
	border: 1px #32CD32 solid;
	right: -3px;
}
.dmRepositoryArea div.dmCloseIcon:hover {
	color: #000000;
	border: 1px #32CD32 solid;
	background-color: #32CD32;
}