/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21/06/2014, 11:17:38
    Author     : adingianna
*/

body {
    margin: 0;
    background: silver;
    font-family: Arial;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 11px;
}

table {
    border-collapse: collapse;
}

table, td, th {
    border: 1px silver solid;
}

td, th {
    padding: 3px 6px;
}

td {
    text-align: left;
    vertical-align: top;
}

ul {
	list-style: circle;
}

a {
	color: #045FB4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#main {
    width: 100%;
    background: white;
    margin: 0;
}

#header-darkbluecustom {
    padding: 10px;
    color: whitesmoke;
    background: #2f7097;
    margin: 0;
}
#header-darkbluecustom h1,h2,h3{
    display:inline-block;
}

#header-classiccustom {
    padding: 10px;
    color: whitesmoke;
    background: #058537;
    margin: 0;
}

#header-classiccustom h1,h3{
    display:inline-block;
}


#header-classiccustom h2{
    display:inline-block;
    color: lightyellow;
    font-weight: bold;    
}

#header-darkbluecustom h2{
    display:inline-block;
    color: darkred;
    font-weight: bold;    
}

#contenido {
    padding: 10px;
}

#contenido h2 {
    color: darkred;
    font-weight: bold;
}

#footer-darkbluecustom {
    background: #2f7097;
    color: white;
    padding: 10px;
}

#footer-classiccustom {
    background: #058537;
    color: white;
    padding: 10px;
}

#user_area {
    float: right;
    width: 350px; 
}

#user_area a{
    color:white;
}

#error_area {
    color: red;
}

.tbl_filter{
    border-style: none;
}

.tbl_filter td{
    border-style: none;
}

.tbl_filter label{
    float:right;
    padding-top: 2px;
}

.boton{
    margin:10px;
}

.boton a:hover{text-decoration:none;}

.boton a{text-decoration:none;}

#loading {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block; z-index: 99}

#loading-image {position: absolute;top: 40%;left: 45%;z-index: 100}

.jqx-textbox-darkbluecustom {
    border: solid 1px #003399; 
    color:#0044cc; 
    padding: 1px 3px 1px 2px;
}

.jqx-textbox-classiccustom {
    border: solid 1px #006633; 
    color: #058537; 
    padding: 1px 3px 1px 2px;
}


.orange1 {
    color: black\9;
    background-color: orange\9;
}
.white1 {
    color: black\9;
    background-color: white\9;
}
.window1 {
    color: black\9;
    background-color: #1faeff\9;
}
.green1 {
    color: black\9;
    background-color: green\9;
}
.yellow1 {
    color: black\9;
    background-color: yellow\9;
}
.red1 {
    color: black\9;
    background-color: red\9;
}
.gray1 {
    color: black\9;
    background-color: #BDBDBD\9;
}
.green1:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: green;
}
.yellow1:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: yellow;
}
.red1:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: red;
}
.gray1:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: #BDBDBD;
}
.orange1:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: orange;
}
.window1:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: #1faeff;
}
.white1:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: white;
}

.element-invisible { 
    position: absolute !important; 
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
    clip: rect(1px, 1px, 1px, 1px); 
}

 .cellnoeditable-darkbluecustom {
     color: #0044cc;
     /*background-color: #7FD4FF;*/
 }
 
 .cellnoeditable-darkbluecustom:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
     color: #0044cc;
     /*background-color: #7FD4FF;*/
 } 

 .cellnoeditable-classiccustom {
     color: #058537;
     /*background-color: #7FD4FF;*/
 }
 
 .cellnoeditable-classiccustom:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
     color: #058537;
     /*background-color: #7FD4FF;*/
 } 

 
 .radical {
    position: relative;
    font-size: 1.6em;
    vertical-align: middle;
}
.n-root {
    position: absolute;
    top: -0.333em;
    left: 0.333em;
    font-size: 45%;
}
.radicand { 
    padding: 0.25em 0.25em;
    border-top: thin black solid;
}

.fraction {
    display: inline-block;
    vertical-align: middle; 
    margin: 0 0.2em 0.4ex;
    text-align: center;
}
.fraction > span {
    display: block;
    padding-top: 0.15em;
}
.fraction span.fdn {border-top: thin solid black;}
.fraction span.bar {display: none;}