.hidden {
    display: none;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

ol.round li {
    margin: 25px 0;
    padding-left: 45px;
}

ol.round li.zero {
    background: url("Images/orderedList0.png") no-repeat;
}

ol.round li.one {
    background: url("Images/orderedList1.png") no-repeat;
}

ol.round li.two {
    background: url("Images/orderedList2.png") no-repeat;
}

ol.round li.three {
    background: url("Images/orderedList3.png") no-repeat;
}

ol.round li.four {
    background: url("Images/orderedList4.png") no-repeat;
}

ol.round li.five {
    background: url("Images/orderedList5.png") no-repeat;
}

ol.round li.six {
    background: url("Images/orderedList6.png") no-repeat;
}

ol.round li.seven {
    background: url("Images/orderedList7.png") no-repeat;
}

ol.round li.eight {
    background: url("Images/orderedList8.png") no-repeat;
}

ol.round li.nine {
    background: url("Images/orderedList9.png") no-repeat;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

/*
label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}
*/

/* info and errors */
.message-info {
    /*border: 1px solid;*/
    border: 1px dotted #808080;
    background-color: #F7F7F7;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1em;
    font-weight: bold;
    margin: 10px 0 10px 0;
    border: 1px solid #e80c4d;
    padding: 5px;
}

.message-success {
    color: #459ebf;
    /*font-size: 1em;*/
    /*font-weight: bold;*/
    margin: 10px 0 10px 0;
    border: 1px solid #459ebf;
    padding: 5px;
}

.message-warning {
    color: #fafc9a;
    /*font-size: 1em;*/
    /*font-weight: bold;*/
    margin: 10px 0 10px 0;
    border: 1px solid #f28e0d;
    padding: 5px;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    /*font-weight: bold;*/
    /*display: block;*/
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors
{
    color: #e80c4d; 
    /*font-weight: bold;*/ 
    /*font-size: 1.1em;*/
    margin-bottom: 6px;
    background-color: #FFFFCC;
    padding: 6px;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
/*
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1em;
    text-align: left;
    border: none 0px;
    padding-left: 0.25em;
    font-weight: bold;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

td {
    padding: 0.25em 0.25em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

th.row-actions,
td.row-actions {
    padding: 0;
    border: 0 none;
    width: 50px;
    white-space: nowrap;
}

*/

/*
*----------------------------------------------------------------
* OVERRIDES
*----------------------------------------------------------------
*/

.ui-dialog .ui-resizable-se {
    background-position: -64px -224px;
    bottom: 1px;
    height: 12px;
    right: 1px;
    width: 12px;
}

table#user-list,
table#table-comments,
table#table-log,
table#list-docs,
table#table-list {
    font-size: 0.85em;
}

table#table-list-lecturas {
    font-size: 0.80em;
}

table.tableRoles {
    font-size: 0.85em;
}

table.tableRoles td {
	padding: 0px 6px 0px 0px;
}

table.dataTable td {
	padding: 3px 5px;
}

table.dataTable thead th
{
    background-color: #F5F5F5;
    text-transform: uppercase;
    text-align: left;
    padding-left: 3px;
    padding-right: 15px;
}

table.dataTable thead th.checklist
{
    padding-left: 0px;
    padding-right: 0px;
}

table.dataTable thead th.simple
{
    background-color: transparent;
    border-bottom: 1px dashed #b5b5b5;
    font-weight: normal;
}

table#table-comments.dataTable thead th,
table#table-log.dataTable thead th
{
    border-bottom: 1px dashed #b5b5b5;
}

table.dataTable td.right {
    text-align: right;
}

table.dataTable th.right {
    text-align: right; 
    padding-right: 3px;
}

/*
div.ui-tooltip-content label {
    font-weight: bold;
}
*/

table.dataTable tr.even.row_selected td {
	background-color: rgba(114, 231, 62, 0.33); /*#72e73e;*/
}

table.dataTable tr.odd.row_selected td {
	background-color: rgba(114, 231, 62, 0.33); /*#72e73e;*/
}

.cursorHand {
    cursor: pointer;
}

/*--------------------------------------------------
TABS
---------------------------------------------------*/

.ui-tabs-vertical { min-width: 840px; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: 60em;}

div#tabs-lecturas.ui-tabs ul.ui-tabs-nav, 
div#tabs-recargas.ui-tabs ul.ui-tabs-nav
{
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: inherit;
    height: 800px;
    background: #ffffff;
    width: 40px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

div#tabs-lecturas.ui-tabs ul.ui-tabs-nav li.ui-state-default a,
div#tabs-recargas.ui-tabs ul.ui-tabs-nav li.ui-state-default a {
    width: auto;/*87%;*/
}


.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    display: block;
    padding: 0.5em;
}

/*div#tabs div#tabs-1.ui-tabs-panel div#tabs-lecturas.ui-tabs {
    border: 0;
}*/

.ui-front {
    z-index: 900;
}

table.dataTable tr.odd.hover,
table.dataTable tr.even.hover {
    background-color: #ffffcc;
    border: 1px solid #e54850;
}

table.dataTable tr.odd.GeneralActiveRate,
table.dataTable tr.even.GeneralActiveRate {
    background-color:  greenyellow;
    color: black;
}

.timePicker {
    position: absolute;
    height: 120px;
    width: 85px; /* needed for IE */
    overflow: auto;
    background: #fff;
    border: 1px solid #aaa;
    z-index: 99;
    margin: 0;
    left: 325px;
}

.timePicker-12hours {
    width: 6em; /* needed for IE */
}

.timePicker ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.timePicker li {
    cursor: pointer;
    height: 10px;
    font: 12px/1 Helvetica, Arial, sans-serif;
    padding: 4px 3px;
}

    .timePicker li.selected {
        background: #0063CE;
        color: #fff;
    }

.shortdate {
    clear: both;
    color: #000000;
    display: block;
    margin-bottom: 3px;
}

/**************************************************************
Legend 
**************************************************************/
.legend {
    margin: 1% 0 1% 0;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

    .legend > div {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin-left: 5px;
        margin-right: 5px;
        height: 18px;
        width: 18px;
    }

/**************************************************************
 Integration
**************************************************************/
.legend-integration {
    margin: 0 0 3px 74%;
}

    .legend-integration span {
        padding: 1%;
        vertical-align: 47%;
    }

.values-result {
    background-color: #ECE9E6;
}