﻿/*
	@Package Name	: Armageddon Bugtracker
	@Author			: E. Darksider
	@Author URI		: http://code-path.com/profile/darksider/
	@Description	: to be written
	@Version		: 1.0
	@License		: Proprietary software License
	@License URI	: https://en.wikipedia.org/wiki/Proprietary_software
*/

/* Bugtracker
/*----------------------------------------------------------*/
.bugtracker {
    width: 100%;
    height: auto;
    clear: both;
    padding: 20px;
    display: block;
    box-sizing: border-box;
    background: #181a1f;
    border: 1px solid #3c3f44;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    color: #ccc;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Sección global del Bugtracker */
.bt_section:after {
    content: "";
    display: table;
    clear: both;
}

/* Clases de ayuda */
.bt_hidden {
    display: none !important;
}

.bt_invisible {
    visibility: hidden !important;
}

/* Estado de los bugs */
.bt_status-0 .bt_status, .bt_status-0 .item_title { color: #c79c6e; } /* Pendiente */
.bt_status-5 .bt_status, .bt_status-5 .item_title { color: #f58cba; } /* Confirmado */
.bt_status-10 .bt_status, .bt_status-10 .item_title { color: #fff569; } /* Duplicado */
.bt_status-15 .bt_status, .bt_status-15 .item_title { color: #abd473; } /* Inválido */
.bt_status-20 .bt_status, .bt_status-20 .item_title { color: #00ff96; } /* Arreglado */

/* Divisor */
.bt_divider {
    width: 100%;
    height: 2px;
    clear: both;
    display: block;
    background-color: #2e3136;
    margin: 10px 0;
}

/* Paginación */
.bt_pagination {
    color: #ddd;
    text-shadow: 0 1px 0 #000;
}

.bt_pagination a,
.bt_pagination strong {
    color: #ddd;
    margin: 0 7px;
    font-size: 12px;
    font-weight: bold;
}

.bt_pagination a:hover {
    color: #fff;
}

.bt_pagination strong {
    color: #f5a741;
}

/* Cabecera del Bugtracker */
.bt_header {
    margin: 0;
    padding: 10px;
    background: #23252b;
    border-radius: 6px 6px 0 0;
}

.bt_header ul li a {
    color: #bbb;
    background: #2f3238;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 0 5px;
    text-transform: none;
}

.bt_header ul li a:hover {
    background: #3c3f44;
    color: #ddd;
}

.bt_header ul li a.active {
    background: #4e535b;
    color: #fff;
}

/* Bugtracker - Section
/*----------------------------------------------------------*/
.bt_section {
	width: 100%;
	height: auto;
	clear: both;
	margin: 0 0 10px 0;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bt_section:last-child {
	margin: 0;
}

/* Bugtracker - Header section
/*----------------------------------------------------------*/
.bt_header {
	width: auto !important;
	margin: 2px 0 0 15px !important;
	display: inline-block;
	vertical-align: sub;
}

.bt_header ul li {
	float: left;
}

.bt_header ul li a {
	color: #444444;
	display: block;
	padding: 5px 10px;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.60);
	text-transform: uppercase;
	-webkit-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}

.bt_header ul li a:hover {
	color: #636363;
}

.bt_header ul li a.active {
	color: #adacac;
}

.bugtracker.create_issue #left,
.bugtracker.edit_issue #left {
	display: none;
}

.bugtracker.create_issue #right,
.bugtracker.edit_issue #right {
	width: 100%;
}

.bugtracker.create_issue #right .page_content .page_title,
.bugtracker.edit_issue #right .page_content .page_title {
	height: 74px;
}

.bugtracker.create_issue #right .page_content .page_title h2 a,
.bugtracker.create_issue #right .page_content .page_title h3,
.bugtracker.edit_issue #right .page_content .page_title h2 a,
.bugtracker.edit_issue #right .page_content .page_title h3 {
	line-height: 74px;
}

.bugtracker.create_issue #right .page_content .page_body,
.bugtracker.edit_issue #right .page_content .page_body {
	padding: 0;
}

/* Bugtracker - Welcome section
/*----------------------------------------------------------*/
.bt_welcome {
	min-height: 75px;
	padding: 15px;
	-webkit-box-shadow: inset 0 0 0 1px #0B0A0A;
	box-shadow: inset 0 0 0 1px #0B0A0A;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #151C21;
	background-image: url(../images/icon_gear.png);
	background-repeat: no-repeat;
	background-position: 20px center;
}

.bt_welcome .bt_welcome_body {
	color: #838383;
	padding: 0 0 0 60px;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-shadow: 0 1px 0 #000000;
}

/* Bugtracker - Report a bug section
/*----------------------------------------------------------*/
.bt_createreport {
	height: 78px;
	padding: 15px;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 0 rgba(0, 0, 0, 0.28);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 0 rgba(0, 0, 0, 0.28);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-size: 100% 78px;
	background-color: #151C21;
	background-repeat: no-repeat;
	background-position: top center;
}

.bt_createreport .bt_createreport_body {
	padding: 5px 10px;
}

.bt_createreport .bt_createreport_body span {
	color: #9d643a;
	display: inline-block;
	position: relative;
	font-size: 17px;
	font-family: NyalaRegular;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
}

.bt_createreport .bt_createreport_body span i {
	height: 14px;
	color: #d8a05d;
	top: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	font-size: 17px;
	font-style: inherit;
	font-family: NyalaRegular;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.40);
}

.webkit .bt_createreport .bt_createreport_body span,
.webkit .bt_createreport .bt_createreport_body span i {
	/* Webkit */
	font-weight: bold;
}

.bt_createreport .bt_createreport_body > i {
	color: #5f6e29;
	display: block;
	font-size: 10px;
	font-style: inherit;
	line-height: 10px;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-shadow: 0 1px 0 #000000;
}

.bt_createreport .bt_createreport_body .nice_button {
	float: right;
	margin: 2px 0 0 0;
	z-index: 99;
	vertical-align: middle;
}

/* Bugtracker - Navigation, search and back btn section
/*----------------------------------------------------------*/
.bt_navigation {
	padding: 5px 15px;
	-webkit-box-shadow: inset 0 0 0 1px #0B0A0A;
	box-shadow: inset 0 0 0 1px #0B0A0A;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #151C21;
}

.bt_panel {
	margin: 10px 0;
}

.bt_section_title {
	font-weight: bold;
	color: #ff8c00;
	margin-bottom: 10px;
	font-size: 13px;
	text-shadow: 0 1px 0 #000000;
}

.bt_button {
	display: inline-block;
	background: linear-gradient(#ffb45e, #ff8c00);
	color: #1a1a1a;
	border: 1px solid rgba(0,0,0,0.35);
	border-radius: 4px;
	padding: 8px 12px;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	cursor: pointer;
	text-shadow: 0 1px 0 rgba(255,255,255,0.25);
	box-shadow: 0 2px 0 rgba(0,0,0,0.25);
}

.bt_button:hover {
	filter: brightness(1.05);
}

.bt_button:active {
	transform: translateY(1px);
	box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

.bt_drop_zone {
	border: 2px dashed #ccc;
	padding: 20px;
	text-align: center;
	margin: 10px 0;
	background-color: transparent;
	border-radius: 5px;
	transition: all 0.3s ease;
}

.bt_drop_zone.dragover {
	border-color: #4CAF50;
	background-color: #e8f5e8;
}

.bt_drop_zone_text {
	color: #ff8c00;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;
}

.bt_image_preview {
	display: inline-block;
	margin: 5px;
	position: relative;
	border: 1px solid #ddd;
	padding: 5px;
	border-radius: 4px;
	background: #f9f9f9;
}

.bt_remove_image {
	position: absolute;
	top: -10px;
	right: -10px;
	background: #ff4444;
	color: white;
	border: none;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 12px;
	cursor: pointer;
	padding: 0;
	line-height: 1;
}

/* Editor avanzado (imágenes inline + menú contextual + resize handles) */
.inline-image {
	user-select: none;
	pointer-events: auto;
	position: relative;
	display: inline-block;
	cursor: move;
}

.inline-image.resizing {
	outline: 2px solid #007acc;
}

.inline-image-container.selected {
	outline: 2px solid #007acc;
	outline-offset: 2px;
	background: rgba(0, 122, 204, 0.1);
}

.image-context-menu {
	position: fixed;
	background: white;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	z-index: 10000;
	display: none;
	min-width: 150px;
	pointer-events: auto;
	font-size: 12px;
	margin: 0;
	padding: 0;
	transform: none;
	opacity: 1;
	visibility: visible;
}

.image-context-menu-item {
	padding: 8px 12px;
	cursor: pointer;
	border-bottom: 1px solid #eee;
	color: #333;
}

.image-context-menu-item:hover {
	background: #f5f5f5;
}

.image-context-menu-item:last-child {
	border-bottom: none;
}

.image-context-menu-separator {
	height: 1px;
	background: #eee;
	margin: 4px 0;
}

.resize-handle {
	position: absolute;
	background: #007acc;
	border: 1px solid white;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	opacity: 0;
	transition: opacity 0.2s;
}

.inline-image:hover .resize-handle,
.inline-image.resizing .resize-handle {
	opacity: 1;
}

.resize-handle.nw { top: -4px; left: -4px; cursor: nw-resize; }
.resize-handle.ne { top: -4px; right: -4px; cursor: ne-resize; }
.resize-handle.sw { bottom: -4px; left: -4px; cursor: sw-resize; }
.resize-handle.se { bottom: -4px; right: -4px; cursor: se-resize; }
.resize-handle.n { top: -4px; left: 50%; transform: translateX(-50%); cursor: n-resize; }
.resize-handle.s { bottom: -4px; left: 50%; transform: translateX(-50%); cursor: s-resize; }
.resize-handle.w { left: -4px; top: 50%; transform: translateY(-50%); cursor: w-resize; }
.resize-handle.e { right: -4px; top: 50%; transform: translateY(-50%); cursor: e-resize; }

/* - Navigation - */
.bt_navigation .bt_navigation_nav {
	width: auto;
	float: left;
	padding: 3px 0;
}

.bt_navigation .bt_navigation_nav a,
.bt_navigation .bt_navigation_nav span {
	color: #fbad66;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-shadow: 0 1px 0 #000000;
}

.gecko .bt_navigation .bt_navigation_nav a,
.gecko .bt_navigation .bt_navigation_nav span {
	/* Mozilla */
	line-height: 21px;
}

.bt_navigation .bt_navigation_nav a:before,
.bt_navigation .bt_navigation_nav span:before {
	top: 1px;
	color: inherit;
	margin: 0 5px;
	content: "\0203A";
	position: relative;
    font-size: 16px;
    font-family: "Georgia", "Apple Symbols", serif;
}

.bt_navigation .bt_navigation_nav a:first-child:before,
.bt_navigation .bt_navigation_nav span:first-child:before {
	display: none;
}

.bt_navigation .bt_navigation_nav a:hover,
.bt_navigation .bt_navigation_nav span:hover {
	color: #febe83;
}

.bt_navigation .bt_navigation_nav a:last-child,
.bt_navigation .bt_navigation_nav span:last-child {
	color: #707070;
}

.bt_navigation .bt_navigation_nav a:last-child:hover,
.bt_navigation .bt_navigation_nav span:last-child:hover {
	color: #8a8a8a;
}

/* - Search - */
.bt_navigation .bt_navigation_search {
	width: auto;
	float: right;
	padding: 0 0 0 10px;
	position: relative;
	border-left: 1px #232120 solid;
}

.bt_navigation .bt_navigation_search:before {
	width: 1px;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	content: "";
	background-color: #0f0d0d;
}

.bt_navigation .bt_navigation_search input[type="text"] {
	width: 160px;
	border: none;
	margin: 0;
	padding: 6px 38px 6px 6px;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: width ease-in-out 300ms, color ease-in-out 300ms, background ease-in-out 300ms;
	-o-transition: width ease-in-out 300ms, color ease-in-out 300ms, background ease-in-out 300ms;
	transition: width ease-in-out 300ms, color ease-in-out 300ms, background ease-in-out 300ms;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bt_navigation .bt_navigation_search input[type="text"]:focus {
	width: 360px;
	max-width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}

.bt_navigation .bt_navigation_search input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	height: 32px;
	width: 32px;
	line-height: normal;
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	background-image: url(../images/icon_search.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* - Go back button - */
.bt_navigation .bt_navigation_back_btn {
	width: auto;
	float: right;
	margin: 1px 0 0 0;
	padding: 0 0 0 10px;
	border-left: 1px #232120 solid;
}

.bt_navigation .bt_navigation_back_btn:before {
	width: 1px;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	content: "";
	background-color: #0f0d0d;
}

.bt_navigation .bt_navigation_back_btn a {
	color: #a8a8a8;
	padding: 7px 0;
	display: block;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-shadow: 0 1px 0 #000000;
}

.bt_navigation .bt_navigation_back_btn a:hover {
	color: #bcbcbc;
}

/* Encabezado de la tabla de reportes */
.bt_reports_table table thead {
    background-color: #33373e; /* Fondo oscuro para el encabezado de la tabla */
    color: #f4e77e; /* Color de texto inspirado en WoW para el encabezado */
}

.bt_reports_table table thead tr th {
    padding: 15px 10px; /* Espaciado interno para las celdas del encabezado */
    text-align: left; /* Alineación del texto a la izquierda */
    border-bottom: 2px solid #3c3f44; /* Borde inferior para separar del cuerpo de la tabla */
    font-size: 16px; /* Tamaño de fuente para el encabezado */
    font-weight: bold; /* Texto en negrita para el encabezado */
}

.bt_reports_table table thead tr th:first-child {
    border-top-left-radius: 6px; /* Redondea la esquina superior izquierda */
}

.bt_reports_table table thead tr th:last-child {
    border-top-right-radius: 6px; /* Redondea la esquina superior derecha */
}

/* Estilos adicionales para el encabezado de la tabla en dispositivos móviles */
@media (max-width: 768px) {
    .bt_reports_table table thead tr th {
        padding: 10px 5px; /* Reduce el espaciado interno en dispositivos móviles */
        font-size: 14px; /* Reduce el tamaño de la fuente para una mejor visualización */
    }
}

/* Tabla de reportes en el Bugtracker */
.bt_reports_table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background-color: #1e2127;
    color: #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.bt_reports_table th,
.bt_reports_table td {
    padding: 10px;
    border: 1px solid #3c3f44;
    text-align: left;
}

.bt_reports_table th {
    background-color: #33373e;
    color: #f4e77e;
    font-size: 14px;
}

.bt_reports_table tr:nth-child(even) {
    background-color: #26292f;
}

.bt_reports_table tr:hover {
    background-color: #2e3136;
    cursor: pointer;
}

.bt_reports_table .bt_status {
    font-weight: bold;
}

/* Iconos de estado en la tabla de reportes */
.bt_reports_table .bt_status-0 { color: #c79c6e; } /* Pendiente */
.bt_reports_table .bt_status-5 { color: #f58cba; } /* Confirmado */
.bt_reports_table .bt_status-10 { color: #fff569; } /* Duplicado */
.bt_reports_table .bt_status-15 { color: #abd473; } /* Inválido */
.bt_reports_table .bt_status-20 { color: #00ff96; } /* Arreglado */

/* Estilos adicionales para la tabla de reportes en dispositivos móviles */
@media (max-width: 768px) {
    .bt_reports_table,
    .bt_reports_table th,
    .bt_reports_table td {
        font-size: 12px; /* Reduce el tamaño de la fuente para una mejor visualización */
    }
}


/* Vista avanzada de la tabla de reportes */
.advanced_view .bt_reports_table {
    background-color: #20232a; /* Fondo oscuro para la vista avanzada */
    color: #d1d2d3; /* Texto claro para mejor contraste */
    border-spacing: 0; /* Elimina el espacio entre celdas */
}

.advanced_view .bt_reports_table th,
.advanced_view .bt_reports_table td {
    padding: 15px; /* Espaciado interno más generoso para una mejor legibilidad */
    border-bottom: 1px solid #3c3f44; /* Línea divisoria sutil entre filas */
}

.advanced_view .bt_reports_table th {
    background-color: #292c34; /* Fondo más oscuro para los encabezados */
    color: #f4e77e; /* Color de texto inspirado en WoW para los encabezados */
    text-transform: uppercase; /* Texto en mayúsculas para los encabezados */
    font-weight: normal; /* Peso normal del texto para los encabezados */
}

.advanced_view .bt_reports_table tr:last-child td {
    border-bottom: none; /* Elimina el borde inferior de la última fila */
}

.advanced_view .bt_reports_table tr:hover {
    background-color: #2e3136; /* Fondo al pasar el ratón para resaltar la fila */
}

.advanced_view .bt_reports_table .bt_status {
    font-weight: bold; /* Texto en negrita para el estado del reporte */
    font-size: 16px; /* Tamaño de fuente mayor para el estado del reporte */
}

/* Estilos adicionales para la vista avanzada en dispositivos móviles */
@media (max-width: 768px) {
    .advanced_view .bt_reports_table th,
    .advanced_view .bt_reports_table td {
        padding: 10px; /* Espaciado interno reducido para dispositivos móviles */
        font-size: 12px; /* Tamaño de fuente reducido para una mejor visualización en dispositivos móviles */
    }
}

.bt_reports_table table {
	position: relative;
	display: table;
	width: 100%;
	padding: 0;
	border: 1px #0B0A0A solid;
	border-bottom: none;
	border-spacing: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}

/* - Encabezado de tabla al estilo World of Warcraft - */
.bt_reports_table table thead {
  text-align: center;
  background-color: #1e2a33; /* Color oscuro para el fondo del encabezado */
}

.bt_reports_table table thead tr td {
  color: #c9b77c; /* Color dorado para el texto */
  padding: 10px 8px;
  font-size: 11px;
  box-shadow: inset 0 -1px 0 0 #0c0a0a, 0 1px 0 0 #282625;
  font-weight: bold;
  font-family: 'Belwe', sans-serif; /* Fuente similar a la utilizada en WoW */
  text-shadow: 0 1px 0 #000000;
}

.bt_reports_table table thead tr td:first-child {
  border-radius: 3px 0 0 0;
}

.bt_reports_table table thead tr td:last-child {
  border-radius: 0 3px 0 0;
}

.bt_reports_table table thead tr td.head_bt_status,
.bt_reports_table table thead tr td.head_bt_priority {
  width: 10%;
}

.bt_reports_table table thead tr td.head_bt_author,
.bt_reports_table table thead tr td.head_bt_assignee {
  width: 15%;
}

/* Efecto de hover para resaltar el borde de la celda */
.bt_reports_table table thead tr td:hover {
  outline: 2px solid rgba(255, 209, 0, 0.6); /* Borde amarillo alrededor de la celda */
  background-color: transparent; /* Mantiene el fondo de la celda transparente */
}
/* - Encabezado de tabla al estilo World of Warcraft - */
.bt_reports_table table thead {
  text-align: center;
  background-color: #1e2a33; /* Color oscuro para el fondo del encabezado */
}

.bt_reports_table table thead tr td {
  color: #c9b77c; /* Color dorado para el texto */
  padding: 10px 8px;
  font-size: 11px;
  box-shadow: inset 0 -1px 0 0 #0c0a0a, 0 1px 0 0 #282625;
  font-weight: bold;
  font-family: 'Belwe', sans-serif; /* Fuente similar a la utilizada en WoW */
  text-shadow: 0 1px 0 #000000;
}

.bt_reports_table table thead tr td:first-child {
  border-radius: 3px 0 0 0;
}

.bt_reports_table table thead tr td:last-child {
  border-radius: 0 3px 0 0;
}

.bt_reports_table table thead tr td.head_bt_status,
.bt_reports_table table thead tr td.head_bt_priority {
  width: 10%;
}

.bt_reports_table table thead tr td.head_bt_author,
.bt_reports_table table thead tr td.head_bt_assignee {
  width: 15%;
}

/* Efecto de hover para resaltar el borde de la celda */
.bt_reports_table table thead tr td:hover {
  outline: 2px solid rgba(255, 209, 0, 0.6); /* Borde amarillo alrededor de la celda */
  background-color: transparent; /* Mantiene el fondo de la celda transparente */
}


/* Cuerpo de la tabla de reportes */
.bt_reports_table table tbody {
    background-color: #1e2127; /* Fondo para el cuerpo de la tabla */
}

.bt_reports_table table tbody tr {
    border-bottom: 1px solid #3c3f44; /* Borde para separar las filas */
}

.bt_reports_table table tbody tr:nth-child(odd) {
    background-color: #20232a; /* Color de fondo para filas impares */
}

.bt_reports_table table tbody tr:hover {
    background-color: #2e3136; /* Color de fondo al pasar el ratón */
}

.bt_reports_table table tbody td {
    padding: 10px; /* Espaciado interno para las celdas */
    color: #ccc; /* Color de texto para las celdas */
    text-align: left; /* Alineación del texto a la izquierda */
}

.bt_reports_table table tbody .bt_priority {
    font-weight: bold; /* Texto en negrita para la prioridad */
}

/* Iconos de prioridad en la tabla de reportes */
.bt_reports_table table tbody .bt_priority-1 { color: #ff0000; } /* Alta */
.bt_reports_table table tbody .bt_priority-2 { color: #ffa500; } /* Media */
.bt_reports_table table tbody .bt_priority-3 { color: #ffff00; } /* Baja */

/* Estilos adicionales para el cuerpo de la tabla en dispositivos móviles */
@media (max-width: 768px) {
    .bt_reports_table table tbody tr {
        display: block; /* Las filas se muestran como bloques para adaptarse a pantallas pequeñas */
        margin-bottom: 10px; /* Espacio entre filas para una mejor visualización */
    }

    .bt_reports_table table tbody td {
        display: block; /* Las celdas se muestran como bloques para una mejor legibilidad */
        text-align: right; /* Alineación del texto a la derecha para las celdas en bloques */
        padding: 10px 5px; /* Espaciado interno reducido para las celdas */
    }

    .bt_reports_table table tbody .bt_priority {
        text-align: center; /* Centra la prioridad para destacarla */
    }
}


/* Títulos en la tabla de reportes */
.bt_reports_table .bt_title {
    font-size: 18px; /* Tamaño de fuente para los títulos */
    color: #f4e77e; /* Color de texto inspirado en WoW para los títulos */
    text-shadow: 0 1px 0 #000; /* Sombra de texto para mejorar la legibilidad */
    margin: 10px 0; /* Margen alrededor de los títulos */
    padding: 5px; /* Espaciado interno para los títulos */
    border-bottom: 2px solid #3c3f44; /* Línea divisoria debajo del título */
}

/* Estilos adicionales para los títulos en dispositivos móviles */
@media (max-width: 768px) {
    .bt_reports_table .bt_title {
        font-size: 16px; /* Reduce el tamaño de la fuente para dispositivos móviles */
        margin: 5px 0; /* Reduce el margen para dispositivos móviles */
    }
}



/* Pie de página de la tabla de reportes */
.bt_reports_table .bt_reports_foot {
    background-color: #1e2127; /* Fondo para el pie de página de la tabla */
    color: #ccc; /* Color de texto para el pie de página */
    padding: 10px; /* Espaciado interno para el pie de página */
    border-top: 1px solid #3c3f44; /* Borde superior para separar del cuerpo de la tabla */
}

.bt_reports_table .bt_reports_foot .bt_pagination {
    text-align: center; /* Centrado de la paginación en el pie de página */
    margin: 10px 0; /* Margen alrededor de la paginación */
}

.bt_reports_table .bt_reports_foot .bt_pagination a {
    color: #c79c6e; /* Color de los enlaces de paginación */
    margin: 0 5px; /* Espaciado entre enlaces de paginación */
    text-decoration: none; /* Sin subrayado en los enlaces de paginación */
    font-size: 14px; /* Tamaño de fuente para los enlaces de paginación */
}

.bt_reports_table .bt_reports_foot .bt_pagination a:hover {
    color: #ffffff;
}

/* Quick actions in issues listing */
.bt_quick_actions {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.bt_quick_form {
	margin: 0;
}

.bt_quick_form select {
	font-size: 11px;
	padding: 2px 4px;
	border: 1px solid #444;
	border-radius: 3px;
	background: #2a2a2a;
	color: #ccc;
	max-width: 100%;
}

.bt_quick_form.bt_quick_saving select {
	opacity: 0.75;
	border-color: #f5a741;
}

.bt_quick_form.bt_quick_ok select {
	border-color: #00ff96;
}

.bt_quick_form.bt_quick_error select {
	border-color: #ff4444;
}

.bt_quick_status select {
	width: 100%;
}

.bt_quick_assignee select {
	width: 100%;
}

.bt_quick_category select {
	width: 100%;
}

.bt_quick_subcategory select {
	width: 100%;
}

.bt_quick_priority select {
	width: 100%;
}

/* Estilos adicionales para el pie de página en dispositivos móviles */
@media (max-width: 768px) {
    .bt_reports_table .bt_reports_foot {
        padding: 5px; /* Reduce el espaciado interno para dispositivos móviles */
    }

    .bt_reports_table .bt_reports_foot .bt_pagination a {
        font-size: 12px; /* Reduce el tamaño de la fuente para dispositivos móviles */
    }
}

/* Bugtracker - Issue form section
/*----------------------------------------------------------*/
.bt_issueform {
	display: block;
	position: relative;
	height: auto;
	background-color: #151C21;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px #0B0A0A;
	box-shadow: inset 0 0 0 1px #0B0A0A;
	overflow: hidden;
}

.bt_issueform .bt_issueform_body {
	padding: 25px 50px;
}

/* - Row - */
.bt_issueform .bt_issueform_body .bt_row {
	display: block;
	width: 100%;
	margin-bottom: 25px;
}

.bt_issueform .bt_issueform_body .bt_row:last-child {
	margin: 0;
}

/* - Column - */
.bt_issueform .bt_issueform_body .bt_row .bt_column {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin-right: 5%;
}

.bt_issueform .bt_issueform_body .bt_row > .bt_column:first-child {
	float: left;
}

.bt_issueform .bt_issueform_body .bt_row > .bt_column:last-child {
	float: right;
	margin-right: 0;
}

.bt_issueform .bt_issueform_body .bt_row > .bt_column .bt_column {
	width: 44%;
	margin-bottom: 15px;
}

.bt_issueform .bt_issueform_body .bt_row > .bt_column .bt_column:last-child {
	margin-bottom: 0;
}

.bt_issueform .bt_issueform_body .bt_row .bt_column.bt_column_wide {
	width: 70%;
	margin-right: 0;
}

.bt_issueform .bt_issueform_body .bt_row .bt_column.bt_flags_container {
	width: 100%;
	margin-right: 0;
}

.bt_issueform .bt_issueform_body .bt_row .bt_flag_label {
	width: 50%;
	float: left;
}

/* label, input, select and textarea modifications */
.bt_issueform .bt_issueform_body .bt_row label {
	display: block;
	width: 100%;
	margin: 0 0 12px 0;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/* Estilos adicionales para las etiquetas en dispositivos móviles */
@media (max-width: 768px) {
    .bt_issueform .bt_issueform_body .bt_row label {
        font-size: 12px; /* Reduce el tamaño de la fuente para dispositivos móviles */
        margin-bottom: 3px; /* Reduce el espacio debajo de la etiqueta para dispositivos móviles */
    }
}


.bt_issueform .bt_issueform_body .bt_row input[type="text"],
.bt_issueform .bt_issueform_body .bt_row select,
.bt_issueform .bt_issueform_body .bt_row .sbHolder,
.bt_issueform .bt_issueform_body .bt_row textarea {
	width: 100%;
	margin: 0;
}

.bt_issueform .bt_issueform_body .bt_row input[type="text"],
.bt_issueform .bt_issueform_body .bt_row select,
.bt_issueform .bt_issueform_body .bt_row textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bt_issueform .bt_issueform_body .bt_row .sbHolder {
	height: 34px;
}

/* - Priority - */
.bt_issueform .bt_issueform_body .bt_row .bt_column label:not(:first-child) {
	width: 70%;
	margin: 0 auto 7px auto;
	text-align: left;
	white-space: nowrap;
}

.bt_issueform .bt_issueform_body .bt_row .bt_column label:last-child {
	margin: 0 auto;
}

.bt_issueform .bt_issueform_body .bt_row .bt_column input[type="radio"],
.bt_issueform .bt_issueform_body .bt_row .bt_column input[type="checkbox"] {
	vertical-align: text-top;
	margin-right: 5px;
}

.bt_issueform .bt_issueform_body .bt_row .bt_column .iradio {
	margin-top: 1px;
}

/* - Description - */
.bt_issueform .bt_issueform_body .bt_row textarea {
	height: 292px;
	max-height: 292px;
	resize: none;
	padding: 30px;
}

/* Description editor (contenteditable) */
.bt_issueform .bt_issueform_body #bt_issue {
	font-family: 'MuseoSans', Arial, Helvetica, Sans-serif;
	font-size: 14px;
	padding: 10px;
	color: #f7b10a;
	background-color: rgba(0, 0, 0, 0.4);
	border: 2px solid #334455;
	border-radius: 4px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	margin: 10px 0;
	transition: all 300ms ease-in-out;
	min-height: 200px;
	width: 100%;
	box-sizing: border-box;
}

.bt_issueform .bt_issueform_body #bt_image_preview_container {
	margin-top: 15px;
}

/* - Submit button - */
.bt_issueform .bt_issueform_body .bt_row input[type="submit"] {
	float: right;
	margin: 30px 0 0 0;
}

/* Bugtracker - Post and comment style section
/*----------------------------------------------------------*/
.bt_posts .bt_head, .bt_comments .bt_head {
	display: block;
	margin-bottom: 10px;
	clear: both;
}

.bt_posts .bt_head .bt_heading, .bt_comments .bt_head .bt_heading {
	display: inline;
	margin-right: 5px;
	font-size: 20px;
}

.bt_posts .bt_head .bt_heading span, .bt_comments .bt_head .bt_heading span {
	color: #dca123;
}

.bt_posts .bt_head > i, .bt_comments .bt_head > i {
	color: #545454;
}

.bt_post {
	margin: 0;
	background-color: #151C21;
	background-size: 100% 101%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-box-shadow: inset 0 0 0 1px #0B0A0A;
	box-shadow: inset 0 0 0 1px #0B0A0A;
	overflow: visible;
}

/* - Author info - */
.bt_post .bt_authorinfo, .bt_post .bt_contentinfo {
	display: table-cell;
	vertical-align: top;
}

.bt_post .bt_authorinfo {
	width: 120px;
	padding: 30px;
}

.bt_post .bt_authorinfo .item_avatar {
	display: block;
	width: 120px;
	height: auto;
}

.bt_post .bt_authorinfo .item_author {
	display: block;
	margin-top: 15px;
	text-align: center;
	color: #a1a1a1;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-shadow: 0 1px 0 #000000;
}

.bt_post .bt_authorinfo .item_author:hover {
	color: #b9b9b9;
}

.bt_post .bt_authorinfo .item_author img {
	vertical-align: sub;
}

/* - Content info - */
.bt_post .bt_contentinfo {
	position: relative;
	width: 100%;
	padding: 33px 30px 30px 0;
	color: #717171;
}

.bt_post .bt_contentinfo,
.bt_post .bt_contentinfo * {
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-shadow: 0 1px 0 #000000;
}

.bt_post .bt_contentinfo h2 {
	display: block;
	margin-top: -3px;
	margin-bottom: 15px;
}

.bt_post .bt_contentinfo h2 .item_title {
	font-size: 18px;
}

.bt_post .bt_contentinfo h2 .item_category,
.bt_post .bt_contentinfo h2 .item_subcategory {
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0 0 3px #5d5d5d;
}

.bt_post .bt_contentinfo .item_actions,
.bt_post .bt_contentinfo .item_views,
.bt_post .bt_contentinfo .item_date,
.bt_post .bt_contentinfo .item_note {
	float: right;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: middle;
	z-index: 1;
}

.bt_post .bt_contentinfo .item_actions > *:not(:first-child) {
	margin-left: 3px;
}

.bt_post .bt_contentinfo .item_content {
	text-align: justify;
	word-wrap: break-word;
	word-break: break-word;
	clear: both;
}

.bt_post .bt_contentinfo .item_extra {
	margin-top: 35px;
	clear: both;
}

.bt_post .bt_contentinfo .item_extra:empty {
	display: none;
}

.bt_post .bt_contentinfo .item_update,
.bt_post .bt_contentinfo .item_note {
	display: block;
	float: none;
	margin-left: 0;
	clear: both;
}

/* - Información del pie de página con estilo World of Warcraft - */
.bt_post .bt_footerinfo {
  clear: both;
  display: block;
  padding: 10px 30px;
  box-shadow: inset 0 0 0 1px #0B0A0A; /* Sombra interna para definir el contorno */
  background-color: rgba(21, 28, 33, 0.7); /* Fondo semi-transparente */
  color: #c9b77c; /* Color dorado para el texto */
  font-family: 'Belwe', sans-serif; /* Fuente similar a la utilizada en WoW */
  text-shadow: 0 1px 0 #000000; /* Sombra de texto para resaltar */
  border-radius: 5px; /* Bordes redondeados */
}

/* Adaptación a móviles para la información del pie de página */
@media (max-width: 768px) {
  .bt_post .bt_footerinfo {
    padding: 8px 20px; /* Menor relleno para pantallas pequeñas */
  }
}

@media (max-width: 480px) {
  .bt_post .bt_footerinfo {
    padding: 5px 15px; /* Relleno aún menor para dispositivos muy pequeños */
  }
}

/* Moderators posts style */
.bt_post.bt_bluepost .bt_contentinfo p {
	color: #00c0ff;
}

.bt_post.bt_bluepost .bt_authorinfo .item_author {
	color: #2a88c8;
}

/* Moderators footer style */
.bt_post .bt_footerinfo,
.bt_post .bt_footerinfo * {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-shadow: 0 1px 0 #000000;
}

.bt_post .bt_footerinfo .bt_footerinfoleft > a,
.bt_post .bt_footerinfo .bt_footerinforight > a,
.bt_post .bt_footerinfo .bt_footerinfoleft > span,
.bt_post .bt_footerinfo .bt_footerinforight > span {
	color: #8b8a8a;
	padding: 3px 7px;
	display: inline-block;
}

.bt_post .bt_footerinfo .bt_footerinfoleft > span,
.bt_post .bt_footerinfo .bt_footerinforight > span {
	padding: 3px 7px 3px 0;
}

.bt_post .bt_footerinfo .bt_footerinfoleft > a:first-child,
.bt_post .bt_footerinfo .bt_footerinforight > a:first-child {
	padding: 3px 7px 3px 0;
}

.bt_post .bt_footerinfo .bt_footerinfoleft > a:last-child,
.bt_post .bt_footerinfo .bt_footerinforight > a:last-child {
	padding: 3px 0 3px 7px;
}

.bt_post .bt_footerinfo .bt_footerinfoleft > a:hover,
.bt_post .bt_footerinfo .bt_footerinforight > a:hover {
	color: #a8a8a8;
}

/* Footer info left */
.bt_post .bt_footerinfoleft {
	width: 50%;
	float: left;
	white-space: nowrap;
}

.bt_post .bt_footerinfoleft .item_edit:before {
	width: 20px;
	height: 22px;
	float: left;
	margin: -2px 7px 0 0;
	content: "";
	position: relative;
	background-size: 100% 100%;
	background-color: transparent;
	background-image: url(../images/icon_gear.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.bt_post .bt_footerinfoleft .item_edit + i {
	color: #373737;
	font-style: inherit;
}

.bt_post .bt_footerinfoleft form {
	display: inline-block;
	position: relative;
	width: 40%;
	top: -2px;
	margin: -5px -8px -5px 15px;
}

.bt_post .bt_footerinfoleft form.hidden {
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	visibility: hidden;
	opacity: 0;
}

.bt_post .bt_footerinfoleft form select {
	display: inline-block;
	width: inherit;
	margin: 2px 0 0;
}

.bt_post .bt_footerinfoleft form .sbHolder {
	margin: 0;
}

/* Footer info right */
.bt_post .bt_footerinforight {
	float: right;
	text-align: right;
}

.bt_post .bt_footerinforight .item_voteup {
	color: #397614 !important;
}

.bt_post .bt_footerinforight .item_voteup:hover {
	color: #479319 !important;
}

/* - Moderators post style - */
.bt_post.bt_bluepost .bt_authorinfo .item_avatar {
	border: 1px solid #2a88c8 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.bt_post .bt_authorinfo .item_avatar img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.bt_post.bt_bluepost .bt_authorinfo .item_author {
	color: #2a88c8;
}

.bt_post.bt_bluepost .bt_authorinfo .item_author:hover {
	color: #229EF3;
}

.bt_post.bt_bluepost .bt_authorinfo .item_author img {
	vertical-align: sub;
}

/* - Comments - */
.bt_comment {
    position: relative;
	margin: 10px auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	z-index: 1;
}

.bt_comment.bt_bluepost {
	background-image: none;
	background-color: #171c1f;
	background-color: rgba(4, 36, 47, 0.3);
	-webkit-box-shadow: 0 0 5px 1px #181515, inset 0 1px 0 0 rgba(87, 82, 82, 0.5), inset 0 0 5px 0 #254c63;
	box-shadow: 0 0 5px 1px #181515, inset 0 1px 0 0 rgba(87, 82, 82, 0.5), inset 0 0 5px 0 #254c63;
}

.bt_comment.bt_bluepost:before {
	position: absolute;
	display: table;
	content: "";
	width: 100%;
	height: 259px;
	top: -180px;
	left: -105px;
	background-size: auto 100%;
	background-color: transparent;
	background-image: url(../images/blizzard_logo.png);
	background-repeat: no-repeat;
	background-position: top left;
	-webkit-transform: rotate(-26deg);
	-moz-transform: rotate(-26deg);
	-ms-transform: rotate(-26deg);
	-o-transform: rotate(-26deg);
	transform: rotate(-26deg);
	opacity: 0.7;
	z-index: -1;
}

.bt_comment.bt_bluepost:hover:before {
	opacity: 1;
}

/* Bugtracker - Pagination holder section
/*----------------------------------------------------------*/
.bt_pagination_holder {
	padding: 5px 7px 10px;
}

/* Bugtracker - Comment form section
/*----------------------------------------------------------*/
.bt_commentform {
	-webkit-box-shadow: inset 0 0 0 1px #0B0A0A;
	-o-box-shadow: inset 0 0 0 1px #0B0A0A;
	box-shadow: inset 0 0 0 1px #0B0A0A;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-size: 100% 691px;
	background-color: #151C21;

	background-repeat: no-repeat;
	background-position: center -79px;
}

.bt_commentform .bt_commentform_body {
	padding: 30px;
}

.bt_commentform .bt_commentform_body.not_logged_in,
.bt_commentform .bt_commentform_body.no_permissions {
	position: relative;
	line-height: 150px;
	height: 150px;
	font-size: 40px;
	text-align: center;
	vertical-align: middle;
}

.bt_commentform .bt_commentform_body textarea {
	width: 100%;
	height: 200px;
	max-height: 400px;
	padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bt_commentform .bt_commentform_body label {
	display: inline-block;
	clear: both;
}

.bt_commentform .bt_commentform_body label:first-of-type {
	margin-top: 10px;
}

.bt_commentform .bt_commentform_body label input[type="radio"],
.bt_commentform .bt_commentform_body label input[type="checkbox"] {
	vertical-align: text-top;
}

.bt_commentform .bt_commentform_body input[type="submit"] {
	float: right;
}

/* Bugtracker - Search section
/*----------------------------------------------------------*/
.bt_search, .bt_advanced_search {
	position: relative;
	width: auto;
	height: auto;
	padding: 25px 20px 20px;
	white-space: nowrap;
	background-color: #151C21;
	/*background-image: url(../images/texture_light_2.gif);*/
	background-repeat: repeat;
	background-position: top left;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6), 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.015), inset 0 1px 0 rgba(255, 255, 255, 0.05);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6), 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.015), inset 0 1px 0 rgba(255, 255, 255, 0.05);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.6), 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.015), inset 0 1px 0 rgba(255, 255, 255, 0.05);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.bt_search:before, .bt_advanced_search:before {
	display: block;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: url(../images/texture-stripes.png);
	background-repeat: repeat;
	background-position: center center;
	-webkit-transition: all 300ms 0ms linear;
	-o-transition: all 300ms 0ms linear;
	transition: all 300ms 0ms linear;
	cursor: wait;
	z-index: -1;
}

.bt_search.loading:before, .bt_advanced_search.loading:after {
	background-color: #151C21;
	opacity: .6;
	z-index: 99;
}

.bt_search form {
	display: table;
	width: 100%;
	text-align: center;
}

.bt_search form > *, .bt_advanced_search form > * {
	vertical-align: middle;
	line-height: inherit;
}

.bt_search form input[type="text"], 
.bt_search form select, 
.bt_search form .sbHolder, 
.bt_search form .js-select {
	margin-left: 0;
	margin-right: 1%;
}

.bt_search form input[type="text"], 
.bt_search form select, 
.bt_search form .js-select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bt_search form input[type="text"] {
	width: 57%;
	width: calc(100% - 270px);
}

.bt_search form select, 
.bt_search form .sbHolder, 
.bt_search form .js-select {
	width: 160px;
	display: inline-block;
}

.bt_advanced_search .bt_row {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	border-spacing: 0;
	border-collapse: collapse;
}

.bt_advanced_search .bt_row:last-child {
	width: 40%;
}

.bt_advanced_search .bt_row > .bt_column {
	display: table-cell;
	width: .01%;
	padding: 10px;
	vertical-align: top;
}

.bt_advanced_search .bt_row > .bt_column:last-child {
	margin-right: 0;
}

.bt_advanced_search .bt_row input,
.bt_advanced_search .bt_row select,
.bt_advanced_search .bt_row textarea,
.bt_advanced_search .bt_row .sbHolder {
	width: 100%;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bt_advanced_search .bt_row [type=submit],
.bt_advanced_search .bt_row [type=reset],
.bt_advanced_search .bt_row [type=radio],
.bt_advanced_search .bt_row [type=checkbox] {
	width: auto;
	margin-right: 5px;
	vertical-align: text-top;
}

.bt_advanced_search .bt_row input[type="submit"] {
	min-width: 90px !important;
}

/* Override específico para el botón Buscar del bugtracker (más fuerte) */
.bt_navigation_search input[type="submit"],
.bt_navigation_search input[type="submit"].nice_button,
.bt_advanced_search .bt_row input[type="submit"],
.bt_advanced_search .bt_row input[type="submit"].nice_button,
.bt_advanced_search .bt_row input[type="submit"]:not([class]),
#bt_search_submit {
	min-width: 90px !important;
	width: auto !important;
	max-width: none !important;
}

.bt_advanced_search .bt_row label {
	display: block;
	margin-top: 10px;
}

/* Bugtracker - Flags styling
/*----------------------------------------------------------*/
.bt_flags_container {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 10px;
	align-items: flex-start;
	align-self: flex-start;
	width: 100%;
}

.bt_issueform .bt_issueform_body .bt_row .bt_column.bt_flags_container label {
	width: auto;
	margin: 0;
	text-align: left;
	white-space: normal;
}

.bt_flag_wrapper {
	display: flex;
	align-items: flex-start;
	width: 100%;
}

.bt_flag_label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 6px 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.2);
	cursor: pointer;
	transition: all 0.2s ease;
	font-size: 13px;
	color: #ccc;
	width: 100%;
	box-sizing: border-box;
}

.bt_flag_label:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.2);
}

.bt_flag_highlight .bt_flag_label {
	border-color: rgba(247, 177, 10, 0.3);
	color: #f7b10a;
}

.bt_flag_highlight .bt_flag_label:hover {
	border-color: #f7b10a;
	background: rgba(247, 177, 10, 0.15);
}

.bt_flag_staff .bt_flag_label {
	border-color: rgba(76, 175, 80, 0.3);
	color: #4CAF50;
}

.bt_flag_staff .bt_flag_label:hover {
	border-color: #4CAF50;
	background: rgba(76, 175, 80, 0.15);
}

.bt_flag_title {
	font-weight: bold;
	margin-bottom: 2px;
}

.bt_flag_desc {
	font-size: 11px;
	opacity: 0.7;
	line-height: 1.2;
}

.bt_flag_label input[type="checkbox"] {
	margin: 2px 0 0 0;
	width: auto;
	height: auto;
	flex-shrink: 0;
}

/* Bugtracker - Reports section
/*----------------------------------------------------------*/
.bt_reports {
	margin: 20px 0;
}

.bt_reports .bt_reports_inner {
	margin: -20px -20px 0 0;
}

.bt_reports .bt_reports_inner .bt_reports_box {
	width: -webkit-calc(100% / 3 - 20px);
	width: expression(100% / 3 - 20px);
	width: -moz-calc(100% / 3 - 20px);
	width: -o-calc(100% / 3 - 20px);
	width: calc(100% / 3 - 20px);
	height: 133px;
	float: left;
	margin: 20px 20px 0 0;
}

.bt_reports .bt_reports_inner.four_cols .bt_reports_box {
	width: -webkit-calc(100% / 4 - 20px);
	width: expression(100% / 4 - 20px);
	width: -moz-calc(100% / 4 - 20px);
	width: -o-calc(100% / 4 - 20px);
	width: calc(100% / 4 - 20px);
}

.bt_reports .bt_reports_inner .report_box,
.bt_reports .bt_reports_inner .submit_box {
	text-transform: uppercase;
}

.bt_reports .bt_reports_inner .report_box {
	width: 213px;
	text-align: center;
	text-shadow: 0 0 5px #000;
	background-color: #151C21;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.015), inset 0 0 15px rgba(0, 0, 0, 0.015);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.015), inset 0 0 15px rgba(0, 0, 0, 0.015);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.015), inset 0 0 15px rgba(0, 0, 0, 0.015);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.bt_reports .bt_reports_inner .report_box .count {
	color: #4b4842;
	font-size: 92px;
	line-height: 120%;
	font-weight: bold;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bt_reports .bt_reports_inner .report_box .name {
	color: #403d38;
	font-size: 14px;
	font-weight: bold;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	line-height: 0;
}

/* Approved */
.bt_reports .bt_reports_inner .approved {
	/* background-color: #272116; */
	background-color: #383017;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.015), inset 0 0 15px rgba(0, 0, 0, 0.015), inset 0 0 15px rgba(0, 255, 0, 0.05), inset 0 0 0 1px rgba(0, 255, 0, 0.05);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.015), inset 0 0 15px rgba(0, 0, 0, 0.015), inset 0 0 15px rgba(0, 255, 0, 0.05), inset 0 0 0 1px rgba(0, 255, 0, 0.05);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.015), inset 0 0 15px rgba(0, 0, 0, 0.015), inset 0 0 15px rgba(255, 224, 0, 0.05), inset 0 0 0 1px rgba(255, 195, 0, 0.05);}

/* Assigned */
.bt_reports .bt_reports_inner .assigned {
	background-color: #1a2238;
}

/* Fixed */
.bt_reports .bt_reports_inner .fixed {
	background-color: #1d2716;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.015), inset 0 0 15px rgba(0, 0, 0, 0.015), inset 0 0 15px rgba(0, 255, 0, 0.05), inset 0 0 0 1px rgba(0, 255, 0, 0.05);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.015), inset 0 0 15px rgba(0, 0, 0, 0.015), inset 0 0 15px rgba(0, 255, 0, 0.05), inset 0 0 0 1px rgba(0, 255, 0, 0.05);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.015), inset 0 0 15px rgba(0, 0, 0, 0.015), inset 0 0 15px rgba(0, 255, 0, 0.05), inset 0 0 0 1px rgba(0, 255, 0, 0.05);
}

.bt_reports .bt_reports_inner .approved .count {
	color: #a9a7a1;
}

.bt_reports .bt_reports_inner .approved .name {
	color: #86827e;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.03);
}

/* Submit */
.bt_reports .bt_reports_inner .submit_box {
	width: 248px;
	display: block;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.03), 0 0 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #000, inset 0 0 0 2px #1f1e1b;
	-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.03), 0 0 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #000, inset 0 0 0 2px #1f1e1b;
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.03), 0 0 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #000, inset 0 0 0 2px #1f1e1b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.bt_reports .bt_reports_inner .submit_box span {
	color: #958e7f;
	opacity: 0.4;
	display: block;
	padding: 19px 0;
	font-size: 28px;
	font-weight: bold;
	font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
	letter-spacing: 1.5px;
}

.bt_reports .bt_reports_inner .submit_box span:before {
	top: -3px;
	margin: 0 10px 0 0;
	content: "+";
	position: relative;
	font-size: 70px;
	vertical-align: middle;
}

.bt_reports .bt_reports_inner .submit_box:hover span {
	opacity: 0.8;
}

/* Bugtracker - Info section
/*----------------------------------------------------------*/
.bt_info {
	color: #59554d;
	margin: 0 0 20px 0;
	padding: 15px;
	background-color: rgba(0, 0, 0, 0.4);
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 1px 1px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: inset 0 0 11px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.02);
	-moz-box-shadow: inset 0 0 11px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.02);
	box-shadow: inset 0 0 11px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.02);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.bt_info span {
	color: #949088;
	padding: 0 1px;
	font-size: 13px;
}

.bt_info i {
	color: #3f3c37;
	margin: 0 0 0 3px;
	font-style: italic;
}

/* Bugtracker - Guide section
/*----------------------------------------------------------*/
.bt_guide {
	color: #474643;
	padding: 20px 0 0 0;
	font-size: 13px;
	border-top: 2px #302f29 solid;
	text-shadow: 0 0 4px #000, 0 1px 0 #000;
}

.bt_guide .bt_guide_title {
	color: #c7962c;
	font-size: 14px;
	font-weight: bold;
}

.bt_guide .bt_guide_description {
	margin: 15px 0 0 0;
}

.bt_guide .bt_guide_description .row {
	margin: 15px 0 0 0;
	display: block;
}

.bt_guide .bt_guide_description .row-1 {
	color: #79736a;
	margin: 0;
	font-weight: bold;
}

.bt_guide .bt_guide_description .row-2 {
	color: #656059;
}

.bt_guide .bt_guide_description .row-3 {
	color: #79736a;
	font-style: italic;
}
