/* Extraido de LargeScale-8 */

.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 !important; /* Requiere important porque BS lo sobrescribe */
    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 {
    width: 100%; /* Genera border-bug en tags editor */
    /* font-size: 11px; */
    margin-bottom: 5px;
}

.ktkPanelTitle2 {
    font-size:14px;
    font-weight:600;
    color:#FFFFFF;
    padding: 0px;
    padding: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 {
    width:32px !important; /* BD hace width: auto; para form-control*/
    text-align:right;
}

.ktkDateYYYY {
    width:52px !important; /* BD hace width: auto; para form-control*/
    text-align:right;
}

.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-top-right-radius: 8px;
    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;
}

.browse-file-button {
    margin-left: 8px;
    vertical-align: bottom;
}