/*
*,
.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;
}