/* HOTFIXES */

/* El menú tapa el método de cierre del menú */

.x-form-trigger-wrap.x-form-trigger-wrap-default {
    max-height: 22px !important;
}
/*
.x-tagfield ul.x-tagfield-list {
    padding:0;
}*/

#action_panel-body {
}

#action_panel {
    background-color: #cad9ec;
}

#action_panel_header { 
    z-index: 2;
}

/* /HOTFIXES */

.icon-test {
    background-image: url(../ext/resources/images/default/tree/drop-add.gif) !important;
}

.icon-userbusines {
    background-image: url(../img/btn-userbusiness.png) !important;
}

.icon-home {
    background-image: url(../img/btn_home.png) !important;
}

.icon-clock {
    background-image: url(../img/btn-clock.gif) !important;
}

.icon-help {
    background-image: url(../img/btn_questionmark.png) !important;
}

.icon-report {
    background-image: url(../img/btn_report.png) !important;
}

.icon-logoff {
    background-image: url(../img/btn_logoff.png) !important;
}

.icon-logs {
    background-image: url(../img/btn_logs.gif) !important;
}

.icon-users {
    background-image: url(../img/btn_users.gif) !important;
}

.icon-password {
    background-image: url(../img/btn_password.gif) !important;
}

.icon-theme {
    background-image: url(../img/btn_theme.png) !important;
}

.icon-table {
    background-image: url(../img/btn_table.png) !important;
}

.icon-validate {
    background-image: url(../img/btn_validate.png) !important;
}

.icon-validate2 {
    background-image: url(../img/btn_validate2.png) !important;
}

.icon-seguridad {
    background-image: url(../img/btn_permisos.png) !important;
}

.icon-comercial {
    background-image: url(../img/btn_comercial.png) !important;
}

.icon-duplicar {
    background-image: url(../img/btn_duplicar.png) !important;
}

#action_panel .x-panel {
    margin-bottom: 5px;
    width: 97%;
}

#action_panel .x-panel-body {
    border: 0 none;
}

#action_panel .x-panel-body li {
    margin: 3px;
}

#action_panel .x-panel-body li img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 2px;
    margin-bottom: 2px;
}

#action_panel .x-panel-body li a {
    text-decoration: none;
    color: #3764A0;
}

#action_panel .x-plain-body {
    background-color: #cad9ec;
    padding: 3px 0 0 5px;
}

#action_panel .x-panel-body li a:link {
    font-weight:normal;
}

#action_panel .x-panel-body li a:hover {
    text-decoration: underline;
}

.propHelp .x-panel-header {
    background: white;
}

.read-only-row .x-grid-cell {
    background-color: #dddddd;
}

.important-row .x-grid-cell {
    background-color: #CC6666;
}

.custom-green-row .x-grid-cell {
    background-color: #e2ffe2; 
    color: #0C570C; 
    height: 30px;
} 

.custom-red-row .x-grid-cell {
    background-color: #ffe2e2; 
    color: #662222; 
    height: 30px;
}

.custom-yellow-row .x-grid-cell {
    background-color: #FAE99A; 
    color: #706326; 
    height: 30px;
}

.custom-white-row .x-grid-cell {
    background-color: #FFFFFF;  
    height: 30px;
}

.x-item-disabled_new {
    color: black;
    background: #DDDDDD;
    cursor: default;
}

.combobox_selectable {
    background: #F5F5F5;
}

.ux-filtered-column {
    font-style: italic;
    font-weight: bold;
    background-image: url(../img/btn_clearfilter.gif) !important;
    background-repeat: no-repeat;
    background-position: right;
    background-color: transparent;
}

.ayuda {
    font-size: 12px;
}

table.fineTable td {
    border-bottom: 1px dotted #6699CC;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    padding: 3px;
}

h1.report {
    font-size: 26px;
    color: darkblue;
}

h2.report {
    font-size: 12px;
    color: RoyalBlue;
}

table.report {
    border-collapse: collapse;
}

th.report {
    border: 1px solid white;
    color: white;
    background-color: RoyalBlue;
    padding: 4px 2px 4px 2px;
}

td.report {
    padding: 2px;
}

@media print {
    input#btnPrint {
        display: none;
    }
    input#btnReturn {
        display: none;
    }
}

/* fix for plain option in Ext.TabPanel */
.x-border-layout-ct .x-tab-panel {
    background: transparent;
}

.x-tab-panel-body {
    background: transparent;
}

.red {
    color: #C00000;
}

.red .x-grid3-col-PresentadaPTotal,.red .x-grid3-col-PresentadaNota,.red .x-grid3-col-PresentadaPosTotal
{
    display: none;
}

.blue {
    color: darkblue;
}
.bold { font-weight:bold; }

/* shared styles for the ActionColumn icons */
.x-action-col-cell img {
    height: 16px;
    width: 16px;
    cursor: pointer;
}

/* custom icon for the "buy" ActionColumn icon */
.x-action-col-cell img.access-add {
    background-image: url(../img/btn_add.gif);
}

/* custom icon for the "alert" ActionColumn icon */
.x-action-col-cell img.access-del {
    background-image: url(../img/btn_delete.png);
}

.x-ie6 .x-action-col-cell img.access-add {
    background-image: url(../img/btn_add.gif);
}

.x-ie6.x-action-col-cell img.access-del {
    background-image: url(../img/btn_delete.png);
}

.x-ie6 .x-action-col-cell img {
    position: relative;
    top: -1px;
}

ul {
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
}

li {
    list-style: none outside none;
}

#Contenido  {
    margin:5px;
    overflow:auto;
}

#divFiltro {
    margin-bottom:.5em;
}

#divGraph {
    margin-bottom:.5em;
}

.tabladatos {
    border-collapse:collapse;
    margin-left:auto;margin-right:auto;border-width: 1px;border-style: solid;
}
.tabladatos td, .tabladatos th {
    padding:3px 7px;
}

.tabladatos th {
    padding-top: .5em;
    padding-bottom: .5em;
}

.x-form-display-field {
    font-weight: bold;
}

.grey {
    color: #808080;
}

.exito {
    background-color: green;
}

.fallo {
    background-color: #ff0000;
}

.diviflotyleft {
    width:50%;
    float:left;
}

.diviflotyright {
    width:50%;
    float:right;
}

.diviflotytop {
    vertical-align: top;
    height:500px;
}

.diviflotybottom {
    vertical-align: bottom;
    height:400px;
}

.pure-button {
    /* Structure */
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*csslint outline-none:false*/

.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
    outline: 0;
}
.pure-button-active,
.pure-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    border-color: #000\9;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
    border: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=40);
    -khtml-opacity: 0.40;
    -moz-opacity: 0.40;
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
}

.pure-button-hidden {
    display: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner{
    padding: 0;
    border: 0;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}


.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}

.azure   { background: #38B1CC; }
.emerald { background: #2CB299; }
.violet  { background: #8E5D9F; }
.yellow  { background: #EFC32F; }
.red     { background: #E44C41; }


.button-round {
    width:30px;
    height:30px;
    border-radius:30px;
}

.x-grid-updated-cell {
    background: url("../img/updated.png") no-repeat 0 0;
}


.fbaseline {
    color:#9b59b6;
    font-weight: bold;
}

.fforecast{
    color:#e67e22;
    font-weight: bold;
}

.freal {
    color:green;
    font-weight: bold;

}

.osp {
    background-color: #e1f1ff;
}

.jobtype {
    background-color: #dad9d8;
}

.pdt {
    background-color: #ffffff;
}

.jobtype_pdt{
    background-color: #84afd4;
}

.legend3Lines .x-legend .x-legend-items {    
     display:inline-block !important;    
}

.legend3Lines .x-legend .x-legend-item {
     float: left !important;
     width:120px !important;    
     overflow: hidden;
}

.legend3Lines .x-legend {    
     height:90px !important;    
     width:635px !important;    
}  

.demo {
    border:1px solid #000000;
    border-collapse:collapse;
    padding:5px;
}
.demo th {
    border:1px solid #000000;
    background:#EFEFEF;
}
.demo td {
    border:1px solid #000000;
}

.like_disabled {
    opacity: .5;
}

/***
    BUTTONS P-R-S
**/
#pdt_icon  span, #reco_icon  span, #solpro_icon span {
    font-weight: 900;
    opacity: 1;
    color: white;
}

#pdt_icon {
    background: #3399ff;
    pointer-events: none;
} 

#reco_icon {
    background: #cc0033;
    pointer-events: none;
} 

#solpro_icon {
    background: darkgoldenrod;
    pointer-events: none;
}

.solpro_icon {
    opacity: 0.6 !important;
    background: darkgray !important;
}
.reco_icon {
    opacity: 0.6 !important;
    background: darkgray !important; 
}
.pdt_icon {
    opacity: 0.6 !important;
    background: darkgray !important;
}


.pdt_cls > .x-column-header-inner   {
    background: #3399ff;
    color: white;
}

.reco_cls > .x-column-header-inner   {
    background: #cc0033;
    color: white;
}

.solpro_cls > .x-column-header-inner   {
    background: darkgoldenrod;
    color: white;
}

.allChecks {
    font-weight: bold;
    background-image: none !important;
}

.markAllChecks{
    background-color: #5EA2DA;
    border-color: #6EB2EA;
}

.markAllChecks:hover, .markAllChecks:active{
    background-color: #4E92CA;
}

.unmarkAllChecks {
    background-color: #D5D6D6;
    border-color: #E5E6E6;
}

.unmarkAllChecks:hover,  .unmarkAllChecks:active{
    background-color: #C5C6C6;
}

.unmarkAllChecks span{
    color: #929496;
}

.markAllChecks span{
    color: white;
}