/* Defaults */

html[data-darkreader-scheme="dark"]:not(.show-header-in-darkmode) .header-section, /* SF */
html[data-darkreader-scheme="dark"]:not(.show-header-in-darkmode) .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;
}