/*
*,
.ktkButton,
input[type=button],
input[type=submit] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
*/

/* START: Angel */

div#ktkItemListDiv {
	overflow-x: inherit !important;
}

/* Add scrollbar to menu */
/*
div.horbar {
	overflow-x: scroll;
	overflow-y: hidden;
}
*/

div.horbar::-webkit-scrollbar {
    display: block;
    width: 100x;
	height: 100px;
}

/* END: Angel */

#tableContainer {
	padding: 10px;
    background: white;
    border-radius: 15px;
}
body.ktkBackground h1 {
	text-shadow: inherit;
}
::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}
::-webkit-scrollbar-track {
	background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
	background: #888;
}
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

div.horbar {
	height: 42px;
    padding: 10px 10px;
}
div.horbar::-webkit-scrollbar {
	height: 3px;
}
div.horbar::-webkit-scrollbar-track {
	background: #f1f1f1;
}
div.horbar::-webkit-scrollbar-thumb {
	background: #888;
}
div.horbar::-webkit-scrollbar-thumb:hover {
	background: #555;
}

div.horbaritem a:hover {
	text-shadow: inherit;
}

div.horbar, div.subframe {
	background: #0D0630;
}

.header-title.header-link {
	text-shadow: inherit;
	font-family: inherit;
	font-weight: 700;
}
.ktkHeader.ls-header {
	background-color: #18314F;
	background: #18314F;
}
#ktkFooter {
	display: none;
}

/* ESTILOS NUEVOS */

#top-panel {
	height: 160px;
	background-color: #18314F;
	border-radius: 0% 0% 50% 0%;
	padding: 30px 30px 0px 30px;
	color: white;
	margin-bottom: 50px;
}

.important-text-container {
	position: relative;
	top: 35px;
	width: auto;
	border-radius: 25px;
	background-color: #0D0630;
	padding: 15px;
	text-align: center;
	color: white;
}

.table-container {
	margin: 30px;
	background-color: white;
	border-radius: 15px;
	padding: 15px;
	box-shadow: #00000040 0px 0px 230px 0px;
	color: black;
}

.table-container p, .table-container h2 {
	color: black;
}

.table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.table td, .table th {
	padding: 5px !important;
}

.table tr:nth-child(even){background-color: #f2f2f2}
/* END ANGEL */

.ktkBackground h1 {
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}

.ktkBackground .ktkPanel h2 {
	color: black;
}

/*.ktkBackground p { */ /* TODO: BUG: Se muestra en blanco cuando está dentro de SASM_UserWarning() */
.ktkBackground > p { /* Not tested */
	color: white;
}

h1, .title3 {
	font-size: 24px;
	font-weight: bold;
	margin-top:5px;
	margin-bottom:20px;
}

h2, .title4 {
	font-size: 15px;
	font-weight: bold;
	color: #444444;
}

h3 {
	font-size: 14px;
	font-weight: bold;
}

.normal {
	color: #333333;
	font-size: 12px;
	line-height: 18px;
}

/* Afecta botones Bootstrap
a:link, a:visited {
	color:#000080;
}
*/

a:active, a:hover{
	color:#8080FF;
}

/*
input,
textarea {
	font-family:"Courier New", Courier, mono;
}
*/

/*
.ktkHeader {
	background-color: RGB(102,119,132);
}
*/

.table {
	background:white;
}

.ktkStaticTable {
	width:100%;
	border-width:0px;
	border-collapse:collapse;
}

.ktkStaticTable table {
	border-width:1px;
	border-color:#000000;
	border-style:solid;
}

.ktkStaticTable tr:focus {
	background-color: black;
	border-color:#000000;
	color:red;
}

.ktkStaticTable th {
	background:#6D8091;
	height:25px;
	color:#FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
	white-space: nowrap;
}

.ktkStaticTableSubHeader th {
	background-color: #9F98B1;
}

.ktkStaticTable th a:link, .ktkStaticTable th a:visited {
	text-decoration:none;
	color: white;
}

.ktkStaticTable th a:hover {
	text-decoration:underline;
}

.ktkStaticTable td {
	background-color: #EAEAEA;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px; /* Para ListView */
	padding-bottom: 10px; /* Para ListView */
	vertical-align:text-top;	
}

.ktkStaticTableOver td {
	background-color: #E8F1FF;
	cursor:pointer;
}

.ktkStaticTableSelected td {
	background-color:#D5DDE0;
}

.ktkStaticTableSecondRow td {
	background-color: #F4F4F4;
}

/* Shadows */

.ktkFormFrame {
	box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
}

/* --- */

.ktkFormFrame {
	border-radius:8px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: #E4E4F1;
	border-width: 1pt;
	border-style: solid;
	border-color: black;
	margin-bottom:5px;
}

.ktkErrors {
	font-weight: bold;
	color: #610C0C;
}

.ktkCellEditor {
	width: 98%;
	border-width: 0;
}

.ktkQueryTable td {
	text-align: left;
}

.ktkPropertyTable {
	background-color:#F4F4F4;
	width: 100%;
	/*
	border-width: 1px;
	border-style:outset;
	*/
}

.ktkPropertyTableWithCloseButton {
	background-color:#F4F4F4;
	width: 100%;
	font-size: 10px;
	border-width: 1px;
	border-style:outset;
}

.ktkPropertyTableWithCloseButton td {
	text-align: left;
}

.ktkPropertyTable td {
	padding: 0px;
	text-align: left;
}

.ktkPropertyTableTH  {
	padding: 2px;
	width: 30%;
	font-weight:normal;
}

.ktkPropertyTableTH2  {
	padding: 2px;
	width: 10%;
}

.ktkPropertyTitle {
	font-size: 12px;
	font-weight: bold;
	color: #444444;
}

.ktkPropertyTable select {
	font-size:13px;
}

.ktkPanel {
	background-color: #E9E9E9;
	width: 100%; /* Genera border-bug en tags editor */
	font-size: 11px;
	margin-bottom: 5px;
}

.ktkPanelTitle2 {
	background:#6D8091;
	height:28px;
	font-size:14px;
	font-weight:600;
	color:#FFFFFF;
	padding: 0px;
	padding-top:2px;
	padding-left:8px;
	text-align: left;
	position: relative;
}

.ktkFormFrame .ktkPanelTitle2 {
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}

.ktkPanelContainer {
	border-width: 1px;
	border-style:outset;
	background-color:#F3F3F3;
}

/* Usado en el filtro de fechas de ktkHTMLFormsEditor.php */
.ktkSmall {
	font-size: 10px;
}

.ktkIcon {
	cursor:pointer;
}

.ktkTraceRecords {
	background-color:#F4F4F4;
	width: 100%;
	font-size: 10px;
	border-width: 1px;
	border-style:solid;
}
.ktkTraceRecords td {
	padding: 5px;
	text-align: left;
}

.ktkTraceRecords th {
	padding: 5px;
	width: 30%;
	vertical-align: top;
}

* {
	SCROLLBAR-FACE-COLOR: white;
	SCROLLBAR-HIGHLIGHT-COLOR: white;
	SCROLLBAR-SHADOW-COLOR: buttonface;
	SCROLLBAR-3DLIGHT-COLOR: buttonface;
	SCROLLBAR-ARROW-COLOR: buttonshadow;
	SCROLLBAR-TRACK-COLOR: silver;
	SCROLLBAR-DARKSHADOW-COLOR: buttonshadow;
	SCROLLBAR-BASE-COLOR: buttonface;
}

.ktkHelp {
	opacity: 0.9;
	width: 100%;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
}

.ktkButtonPanel {
	background-color:#F3F3F3;
	color:#4D4D4D;
}

.ktkButton {
	font-size: 14px;
}

.ktkMenuStatus	{
	white-space: nowrap;

	font-size: 10px;

	color: white;
}

.ktkDateDD {
	border:0;
	width:16px;
	text-align:right;
}

.ktkDateYYYY {
	border:0;
	width:32px;
	text-align:right;
}

/*
.ktkBorder {
	border:1px solid #CCC;
	border-radius: 2px;
	display:inline;
	padding-left: 1px;
	padding-right: 1px;
	padding-top:6px;
	padding-bottom:9px;
}
*/

.ktkTab,
.ktkTabActive,
.ktkTabInactive {
	font-size: 14px;

	padding-top:5px;
	padding-left:14px;
	padding-right:14px;

	border-right-width:1px;

	cursor:pointer;
	white-space:nowrap;
	text-align:center;

	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

.ktkTabActive {
	height: 26px; /* Necesario para mantener .ktkTabActive más alto que .ktkTabInactive */

	background-color: #DFEDF5;
	border:1px outset;
	border-bottom-style:hidden;
}

.ktkTabInactive {
	height: 23px; /* Necesario para mantener .ktkTabActive más alto que .ktkTabInactive */
	margin: 1px;

	background-color: #C5C5C5;
	border-width:1px;
	border-style:outset;
}

.ktkTabNone {
	border-bottom-width:1px;
	border-bottom-style:inset;
	margin-right:8px; /* top-right border has radius */
}

.nav-tabs {
	margin-bottom: 0px;
}

.sb-tab-content-border {
	border-top: none;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.sb-listview-container {
	border-radius: 8px;
}

.sb-container-margin {
	padding:10px;
}

.ktkWhiteTable {
	background-color: white;
	border-style:none;
}

.ktkListBoxLabel {
	background-color: white;
	border-style:inset;
	border-width:1px;
    padding-left: 2px;
    padding-right: 2px;
	width:180px;
    display:block;
	overflow:hidden;
    float:left;
}

.ktkListBoxLink {
    cursor: pointer;
}

.ktkListBoxContainer {
	padding: 0px;
	border-width:0px;
}

.ktkFile {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.ktkFileDiv {
	position: relative;
	display:inline;
}

.ktkFileLabel {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.ktkWidth10px th {
	width:10px;
}

.ktkNoPadding {
	width:100%;
	padding:0px;
	margin:0px;
}

.ktkDisabled {
	background-color:#F3F3F3;
	border-width:0px;
}

.ktkBorderDisabled {
	display:inline;
	/*
	border:1px;
	border-style:solid;
	border-color:#C0C0C0;
	*/
	background-color:#F3F3F3;
	padding-left: 1px;
	padding-right: 2px;
}

/* Windows */

.ktkWindow .border {
	margin: 0px;
	padding: 0px;
	border-style: outset;
	border-width: 2px;
	height: 100%;
	background-color: white;
	border-color: #AAAAAA;
}

/* Celda que contiene la tabla con el título y el botón */
.ktkWindow .headerCell {
	background:#3D5061 url(../images/panel_bg.jpg) repeat-x;
	height:25px;
}

/* TD que contiene el título */
.ktkWindow .titleCell {
	color: #FFFFFF;
	padding: 0px;
	font: sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.ktkWindowShadow {
	background-color:black;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: .3;
}

/* Traceability */

div.queryProperties {
	background:#4D6071 url(../images/panel_bg.jpg) repeat-x;
	height:25px;
	color:#FFFFFF;
	padding: 8px;
	font-size: 14px;
	display: block;
	vertical-align: top;
	line-height: 22px;
	text-align: left;
}

.queryTitle {
	font-size: 20px;
	line-height: 40px;
}

div.queryProperties a:link, div.queryProperties a:active, div.queryProperties a:visited {
	color:#84A7BB;
}

div.queryProperties a:hover {
	color:white;
}

/* --- Traceabilty --- */

.ktkBatchIcon {
	width:80px;
	height:80px;
	background-color:#009999;
	text-align:center;
	color:white;
	cursor:pointer;
}

.ktkBatchIconHover {
	width:80px;
	height:80px;
	background-color:#10b9b9;
	text-align:center;
	color:white;
	cursor:pointer;
}

/* --- Scrollable Table with Fixed Header --- */

DIV.tableContainer {
	CLEAR: both;
	OVERFLOW: auto;
	HEIGHT: 250px; /* TODO: Debe ajustarse automáticamente */
	position:relative;
}

HTML DIV.tableContainer {
	padding:0px;
}

DIV.tableContainer TABLE {
	FLOAT: left;
	WIDTH: 100%;
}

HTML DIV.tableContainer TABLE {
	MARGIN: 0px -16px 0px 0px
}

THEAD.fixedHeader TR {
	POSITION: relative;
	TOP: expression(document.getElementById("tableContainer").scrollTop);
}

PRE {
	font-family: "Courier New", Courier, mono
}

.ktkGrid td {
	border: 1px solid gray;
	padding: 2px;
}

/* Backwards Compatibility */

.ktkFormFrame .ktkPanelTitle th {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.ktkPanelTitle td {
	font-size: 12px;
}

.ktkPanelTitle th {
	background:#6D8091;
	height:25px;
	font-size: 14px;
	color:#FFFFFF;
	padding: 1px;
	text-align: left;
}

/* --- Boostrap Overwrites --- */

form:last-child {
	margin-bottom: 5px;
}

/* Fix Login box */
label {
	margin-top: 5px;
	margin-bottom: 0;
}