/* Defaults */

html[data-darkreader-scheme="dark"] .header-section, /* SF */
html[data-darkreader-scheme="dark"] .ktkHeader /* PR */
 {
	/* Hide logo in "Dark Reader" extension */
	display: none;
}

/* TEMP: Probando resolver bug reciente (chrome?) */
frameset, frame {
	height:100%;
}

/* Hace que textarea 100% con padding, no exceda 100% */
textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body, html {
	margin:0px;
	padding:0px;
	border:none;
}

html {
	/* Necesario para editor en HTML5 */
	/* Genera problema en IE */
	height:100%;
}

body {
	height:100%;
}

a img {
	border:0px;
}

/* Bug in Chrome */
/* Genera problemas en IE
form {
	height:100%;
}
*/

.ktkTransparent {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
}

.ktkCheckBoxDisabled {
	opacity: 0.35;
	filter: alpha(opacity=35);
	-moz-opacity: .35;
}

.ktkQuickFilter {
	background-color:#d0FFd0;
	vertical-align: top;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:5px;
	border:1px outset #F0F0F0;
	border-radius:6px;
	white-space: nowrap;
}

.ktkQuickFilter label {	
	margin-top:2px;
	margin-bottom:0;
	font-weight:inherit;
	
	/* Fix Bootstrap */
	padding-left: 0;
}

.ktk-quickfilter-container {
	border-collapse:separate;
	border-spacing: 10px;
}

.ktkQuickFilterDisabled {
	background-color:#fbfafd;
}

.ktkTextAreaListViewOverflow {
	margin: 0 20px;
	text-overflow:ellipsis;
	overflow:hidden;
	border: 1px dashed #333;
	height: 50px;
	padding: 10px;
}

.ktkEmptyTable td {
	text-align: center;
}

.ktkButtonNoHover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
}

/* Editor Button Styles */

.ktkEditorButton {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#C0FFC0;

	opacity: 0.2;
	filter: alpha(opacity=20);
	-moz-opacity: .2;
}

.ktkEditorImageButton {
	opacity: 0.2;
	filter: alpha(opacity=20);
	-moz-opacity: .2;
}

.ExampleText,.ExampleText * {
	font-size:9px;
	color:#999999;
}

.ScreenshotVersionCaption {
	font-size:9px;
	position:absolute;
	bottom:5;
	right:5;
	background-color:#FFFF99;

	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
}

.ImageBorder {
	border:1px inset gray;
}

.ktkVersionLabel {
	position:absolute;
	top:1px;
	right:1px;
	background-color:#F0F0F0;
	padding:3px;
	padding-top:1px;
	padding-bottom:1px;
	font-size: 10px;
	line-height: 1;
	text-align: right;

	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	z-index: 173271689;
}

.ktkListViewLink {
	text-decoration:none;
}

.ktkListViewLink:hover {
	text-decoration:underline;
}

.ktkContent {
	vertical-align: top;
}

/* Para corregir Bug en Chrome (scroll al pasar por ícono de edición de registro, en la vista de listado) */
.ktkFitHeightEndNode {
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	box-orient: vertical;

	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}

.ktkFitHeight {
	width:100%;	/* Necesario para Firefox */

	display: -moz-box;
	display: -webkit-box;
	display: box;

	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	box-orient: vertical;

	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}

.ktkFitHeightNoWidth {
	display: -moz-box;
	display: -webkit-box;
	display: box;

	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	box-orient: vertical;

	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}

.ktkFitBoth {
	/*
	HACK: En Chrome no se usaba 100% width en tablas con pocos campos
	display: -moz-box;
	display: -webkit-box;
	display: box;
	*/
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	box-orient: vertical;

	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}

.ktkNormalContent {
	padding:10px;
}

.ktkEditorMenu {
	color:lightgray;
}

.sasm-bs-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	background-image: url(/GTS/lib/ktk/web/images/loader-light.gif);
	width:32px;
	height:32px;
	margin-left:-16px;
	margin-top:-16px;
}

.ktkWindow {
	-webkit-box-shadow: 5px 5px 1.5em hsla(0, 0%, 0%, 1.0);
	-moz-box-shadow: 5px 5px 1.5em hsla(0, 0%, 0%, 1.0);
	box-shadow: 5px 5px 1.5em hsla(0, 0%, 0%, 1.0);
	z-index: 2000;
}

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

.ktkBlockingDiv {
	width:0px;
	left:0px;
	top:0px;
	visibility:visible;
	position:fixed;
}

.ktkAlphaImageButton a {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
}

.ktkAlphaImageButton a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.ktkPageLinks a,
.ktkCurrentPageLink {
	font-size: 13px;
}

.ktkPageLinks a {
	text-decoration: none;
}

.ktkPageLinks a:hover {
	text-decoration: underline;
}

.ktkCurrentPageLink {
	color:black;
	font-weight: bold;
}

.ktkListViewError {
	color:red;
	font-size:16px;
}

/* --- Header/Footer --- */

#ktkContentWrapper {min-height: 100%;}

#ktkFooter {
	position: relative;
	clear:both;
	width:100%;
}

#ktkContentMain {
	padding-bottom: 0px; /* Padding reservado para el footer */
}

.main-panel {
	width: 100%;
}

#sasm-content {
	margin:0 auto;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

@media screen {
	.sasm-print {
		display:none;
	}
}

@media print {
	.sasm-no-print,
	.no-print, /* BWC: Usado por SASM */
	.sasm-sheet-separator,
	.ktkHeader, .ktkVersionLabel, #ktkFooter {
		display:none !important;
	}
	#ktkContentMain {
		padding-bottom:0 !important;
	}
	.sasm-fluid-margin {
		padding:0 !important;
	}
	html {
		/* Evitar que se agregue hoja en blanco al imprimir por el height:100%; */
		height:inherit;
	}
}

.sasm-fluid-margin {
	padding:20px;
}

.sasm-vertical-margin {
	padding-top:16px;
	padding-bottom:16px;
}

/* HACK: Fixes BS container-fluid after Chrome update */
.sasm-fluid-margin,
.sasm-vertical-margin {
	margin-left:0;
	margin-right:0;
}

.ktk-no-margin {
	padding:0px;
}

.sb-frame-container {
	padding-right:2px;
	padding-top:5px;
	width:100%;
	text-align: center;
}

.sb-process-button-cell {
	/* background-color: #BAA !important;*/
	vertical-align: top;
	width: 10px;
}

.sasm-control-group {
	/*
	DISABLED: Para que se respete width de .sasm-number-input
	WAS: width:100%;
	*/
	border:0 !important;
	border-spacing:0;
}

.sasm-control-group input[type="search"] { /* Fix Normalize.css */
	-webkit-box-sizing: border-box;
}

/* === Bootstrap Hacks === */

.ktkQuickFilter .checkbox input[type=checkbox] {
	float: inherit;
}

/* Fix search-cancel-button */
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;
}

.form-control {
	display:inline;
}

.ktkQuickFilter .form-control {
	width:inherit;
}

.table .text-right {text-align: right}
.table .text-left {text-align: left}
.table .text-center {text-align: center}

.sasm-field-group td {
	border:none;
	padding:0px;
}

td.sasm-field-group-padding {
	padding-left:4px;
}

.sb-frame-container .table th {
	padding: 4px;
	font-size: 12px;
	text-align: center;
}

.btn {
	white-space:nowrap;
}

/* Fix menú SASM */
div.item label.checkbox {
	display: inline;
	min-height: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px !important;
	padding-left: 0px;
}

/* Fix checkboxes in catalog and menus */
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
	position: inherit;
	margin-left: 0px;
}

.horbar {
	padding-top:4px;
	padding-left:10px;
}

.ktkPropertyTableTH {
	padding-right: 8px;
}

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

/* Para botones en editor */
a img {
	width: none;
	max-width: none;
}

img {
	/* WAS: max-width: none !important; */
	max-width: none;
}

/* Evitar que figuren links al imprimir */
@media print {
  a[href]:after {
    content: none !important;
  }
}

/* Soportar size */
/* REMOVED: No sirve, porque para fechas queremos respetar width de la clase "ktkDateDD" (en vez de heredar del padre) */
/*
input[size][type="text"] {
	width: inherit;
}
*/

/* === */

.sasm-date-time-container input {
	padding:6px;
}

.ktkBorder,
.ktkBorderDisabled {
	display:inline;
	vertical-align:middle;
}

.sb-formfield-help,
.sb-formfield-help:hover {
	cursor: help;
	border-bottom: 1px dotted #999;
	
	color:inherit;
	text-decoration: inherit;
}

.ktkPurified, .ktkPurified * {
	background-color: lightgreen;
}

.sb-hidden-forms { 
	overflow: hidden;
	height: 1px;
	width: 1px;
	position: absolute;
	top: 0;
	right: 0;
}

/* Se define también en ktkContent.php */
@media print {
	.sasm-no-print,
	.sasm-sheet-separator {
		display: none !important;
	}
}
 
.sasm-sheet-separator {
	display:block;
	width:100%;
}

.sasm-sheet-separator-space {
	display:block;
	width:100%;
	height:50px;
}

.sasm-input-ok {
	color:green !important;
}

.sasm-input-error {
	color:red !important;
}

/* --- Tocify --- */

@media (max-width: 992px) {
    #toc {
        position: relative;
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
}

.ktkPanel {
	width: 100%;
}

.sasm-img-expanded {
	background-image: url(/GTS/lib/ktk/web/images/panel_expand.gif);
}

.sasm-img-collapsed {
	background-image: url(/GTS/lib/ktk/web/images/panel_collapse.gif);
}

.sasm-lv-super-header {
	text-align: center;
}

/* FIX BS: Necesario para tooltips dentro de un div con white-space:nowrap */
.tooltip {
	white-space: normal;
}

@media only screen and (max-device-width: 480px) {
	.horbaritem a:hover,
	.item a:hover {
		text-shadow: none !important;
		text-decoration: none !important;
	}
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.ktkDateDD {
	width:30px !important; /* Evitar que BS lo sobrescriba */
	text-align:right;
}

.ktkDateYYYY {
	width:46px !important;
	text-align:right;
}

.form-horizontal h3 {
	font-size: 14px;
}

.form-horizontal h4 {
	font-size: 13px;
	padding-left:12px;
	font-weight: bold;
	color: #777;
	margin-bottom: 0;
}

.sasm-number-input {
	text-align: right;
	max-width: 160px;
}

/* To overwrite default BS style. Apply on table */
.sasm-centered-th th {
	text-align: center;
}

.sasm-framework-error {
	background-color:#FFFF00;
	border:5px solid black;
	padding:10px;
	font-weight:bold;
}

.sasm-framework-error p,
.sasm-framework-error span {
	color: black !important;
}

.sasm-header-right-content  {
	position: absolute;
    top: 5px;
	right: 0px;
}

.ktkBackground .sasm-header-right-content .ktkQuickFilter,
.ktkBackground #sasm-content {
	color: white;
}

/* Deshace la regla anterior (evita que los textos queden en blanco) */
/* TODO: Usar :not(...) */
textarea,
.ktkQuickFilter,
.sb-listview-container,
.well,
table,
.modal-content,
.ktkPanelContainer
 {
	color: #333;
}

.sasm-header-right-content .ktkQuickFilter {
	background-color: inherit;
	border: inherit;
	padding-left: 0;
	padding-right: 0;
}

/* --- Tags Editor --- */

/*
Genera problemas acá: http://autofacturacion.testing.local:5080/pages/cobranzas?empresa=2&dashboard=1
TODO: Mostrar checkbox y texto al lado derecho. Dejar en blanco el lado izquierdo. Los checkboxes tienen a tener captions más largos.
.form-group .control-label {
	white-space: nowrap;
}
*/

.sasm-tags-panel {
	width:80%;
}

.sasm-node-panel {
	min-width:400px;
}

.sasm-panel-close-button {
	top:2px;
	right:10px;
	position:absolute;
	width:10px;
}

/* --- Tests --- */

/* Para que los checkboxes estén alineados en: http://autofacturacion.testing.local:5080/pages/cobranzas */
.form-group {
	display: flex;
	align-items: center;
}