/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
*/

/*===================================
/*   Basic page styles
/*===================================*/

body {
    font-family:'lucida grande',tahoma,arial,sans-serif;
    font-size:11px;
    overflow: hidden;

}


.btn-large {
    font-size: large !important;
}

.x-btn-green .x-btn-wrap .x-btn-button .x-btn-icon-el {
    color: #fff !important;
}
.x-btn-green .x-btn-wrap .x-btn-button .x-btn-inner-default-toolbar-large {
    color: #fff !important;
}

.x-btn-red {
    background-color: #f00 !important;
}
.x-btn-green {
    background-color: #00cc33 !important;
}
.x-btn-orange {
    background-color: #f68035 !important;
}

.full-monto-orden {
    background-color: #ffcc66 !important;
    font-size: 20px;
    font-weight: bold;
}

.x-tool-tool-el {
    color: #472929 !important;
    text-align: center;
}
/* data picker start*/



/* data picker end*/


.x-grid-group-hd {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #d0d0d0;
    padding: 8px 10px;
    background: #fff;
    cursor: pointer;
}

.x-group-hd-container {
    overflow: hidden;
}

.x-grid-group-hd-collapsible .x-grid-group-title {
    padding: 0 0 0 24px;
}
.x-grid-group-title {
    color: #606060;
    font: 400 13px/15px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}
.x-grid-group-title {
    position: relative;
}


.x-grid-group-hd-collapsed .x-grid-group-title::before {

    content: "\f0fe";
    font-size: 14px;
    font-family: FontAwesome;
    color: #919191;

}

.x-grid-group-hd-collapsible .x-grid-group-title::before {
    content: "\f146";
    font-size: 14px;
    font-family: FontAwesome;
    color: #919191;
}

.x-grid-group-title::before {
    position: absolute;
    left: 0;
}

.green {
    color: #81cb31 !important;
}

.red {
    color: #cc0000 !important;
}

/*modifciando los combos para ext 6 admin theme*/

.x-boundlist {
	border-width:1px;
	border-style:solid;
	border-color:#e1e1e1;
	background:#fff
}

.x-boundlist-item {
	padding:0 6px;
	font:normal 15px helvetica, arial, verdana, sans-serif;line-height:30px;
	cursor:pointer;
	cursor:hand;
	position:relative;
	border-width:1px;
	border-style:dotted;
	border-color:#fff;
	color:#000
}
.x-boundlist-selected {
	background:#c2ddf2;
	border-color:#c2ddf2
}
.x-boundlist-item-over {
	background:#d6e9f6;
	border-color:#d6e9f6
}
.x-boundlist-floating {
	border-top-width:0
}
.x-boundlist-above {
	border-top-width:1px;
	border-bottom-width:1px
}



.main {
  /*  background-image: url('../images/lock-screen-background.jpg');
    background-width: 100%;
	background-height: 100%; */
   
}

.qtip-item.color1 {
    background-color: #e91e63;
}
.qtip-item.color2 {
    background-color: #009900;
}

.qtip-item {
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    cursor: default;
}


.barraDeIdioma{
    text-align: center !important;
}
.barraDeIdioma table{
    margin-top: 1px;
}
.colorText{
    color: red;
}
.noMarginBottom{
    margin-bottom: 0px !important;
}

#phones {
    background-color: #fff;
    text-shadow: #fff 0 1px 0;
    position: relative;
    display: block;
    height: 150;
}

#phones div.phone img {
    margin-bottom: 0px;
}

.phonePu {
/*    background-color: #006dcc;
    display: block;
    text-align: center;*/
color: #e84d1c;
}

.celda_fondo{
    background-color: #f2e3b2;
}

#phones div.phone {
    float: left;
    padding: 8px 17px;
    margin: 2px;
    background-color: #f2e3b2;
    z-index: 5;
/*    margin: 10px 0 0 25px;*/
    text-align: center;
    line-height: 14px;
    color: #333;
    font-size: 10px;
    font-family: "Helvetica Neue",sans-serif;
    height: 170px;
    width: 120px;
    overflow: hidden;
    border-top: 1px solid transparent;
    cursor: pointer;
}

.x-ie6 #phones div.phone,
.x-ie7 #phones div.phone,
.x-ie8 #phones div.phone {
    border-top: none;
    padding: 3px 2px;
    margin: 2px;
}

#phones div.phone-hover {
    background-color: #eee;
}

#phones .x-item-selected {
    background-color: #D3E1F1 !important;
}

#phones div.phone strong {
    color: #000;
    display: block;
}

#phones div.phone span {
    color: #999;
}

a {
    color:#15428B;
}

a:link, a:visited {
    text-decoration: none;
}

#miimagen img{
    width: 100%;
    height: 140px;
     padding:2px;
     margin:2px;
}

element.style {
    text-align: left !important;
}

#wrapper {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    width: 600px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    /*border-color: #A0A0A0;*/
    border-radius: 0 0 4px 4px;
    border-style: none;
    border-width: 0 0px 0px;

}

#login_box {
    text-align: center;
    height:420px;

    background-color: #ebebeb;
}

#login_top {
    /* background-image: url("images/ui-icon-active.png");*/
    width: 100%;
    height: 40%;
    background: white;
}

#logo {
    background-image: url("../images/logo.png");
    height: 44px;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    top: 35px;
    width: 297px;
}

#grafica_login {
    background-image: url("../images/grafica_login.png");
    height: 148px;
    margin: -80px auto 0;


    width: 606px;
}

#form_position {
    position: relative;
    padding-left: 35%;
}


.img-fondo{
    background-image: url('../images/derpLogo.png') !important;
    background-repeat: no-repeat;
    background-position: right;
    /*-moz-opacity: .5;
    filter:alpha(opacity: .5);
    opacity: .5;*/
}

a:hover {
    text-decoration: underline;
}
#erp-img{
    text-align: center;
    padding-top: 50px;
}
#erp-img img{
    width : 40%;
    height: 40%;
}

#header {
    background: #7F99BE url(images/layout-browser-hd-bg.gif) repeat-x center;
    letter-spacing:1px;
}
#header h1 {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    padding: 5px 10px;
}
#start-div h2 {
    font-size: 12px;
    color: #555;
    padding-bottom:5px;
    border-bottom:1px solid #C3D0DF;
}
#start-div p {
    margin: 10px 0;
}
#details-panel h2 {
    padding:10px 10px 0;
    font-size:12px;
    color:#15428B;
}
#details-panel p {
    padding:10px 10px 0;
}
#details-panel pre {
    border-top:1px dotted #ddd;
    border-bottom:1px dotted #ddd;
    margin-top:10px;
    padding:0 5px;
    background:#f5f5f5;
}
#details-panel .details-info {
    margin:15px;
    padding:15px;
    border:1px dotted #999;
    color:#555;
    background: #f9f9f9;
    text-align:justify;
}

/*===============================*/
#footer{
    height: 20px;
}
#footer *{

}
#nombreEmpresaInfo{
    position: absolute;
    top: 5px;
    left: 10px;
}
#nombreEmpresaInfo span{
    font-weight: bold;
}
#derecha{
    position: absolute;
    top: 5px;
    right: 10px;
}
#derecha{
    position: absolute;
    top: 5px;
    right: 10px;
}
#derecha #separator{
    margin-left   : 5px;
    margin-right  : 5px;
    vertical-align: bottom;
}
/*===============================*/
.detalles{
    background-image:url(../images/main/help.png) !important;
}
.conected{
    background-image:url(../images/main/user.gif) !important;
}
.calendar {
    background-image:url(../images/main/calendar.gif) !important;
}
.archivo-menu {
    background-image: url(../images/main/menu-show.gif) !important;
}
.herramientas-menu {
    background-image: url(../images/main/herram.png) !important;
}
.delete {
    background-image: url(../images/main/herram.png) !important;
}

.totales{
    border: 1px solid #BFBFBF;
    background-color: #ffffcc;
    border-top: 1px solid black;
    text-align: left;
    width: 150px;
    padding-left: 5px !important;
    margin-right: 5px;
}
.accountInfo{
    border: 1px solid #BFBFBF;
    background-color: #ffffcc;
    border-top: 1px solid black;
    text-align: left;
    font-weight:bold;
    color: red;

}
.totalesUltimo{
    background-color: #ffffcc;
    border: 1px solid #BFBFBF;
    border-top: 1px solid black;
    text-align: left;
    width: 150px;
    padding-left: 5px !important;
    margin-right: 18px;
}
#south{
    margin-left:5px;
}
/*===================================
/*   Customized layout styles
/*===================================*/

/* Remove the border around the tabs and override the default white background: */
.x-tab-panel-header-plain .x-tab-strip-top {
    background: #DFE8F6 url(../js/ria/extCore/images/main/default/tabs/tab-strip-bg.gif) repeat-x scroll center bottom !important;
}

/* Custom CSS applied to a single panel in an accordion: */
.custom-accordion .x-panel-body {
    font-family:georgia,serif;
    padding:20px 80px !important;
    background:#ffe;
    font-size:18px;
    text-align:center;
    color:#15428B;
}
.custom-accordion .x-panel-header-text {
    font-weight:bold;
    font-style:italic;
    color:#555;
}

/* Custom style for the FormLayout footer so that it integrates into the border layout nicely: */
#form-panel .x-panel-footer {
    background:#DFE8F6;
    border-color:#99BBE8;
    border-style:none solid solid;
    border-width:0pt 1px 1px;
}

/* Customize the TableLayout html using standard CSS rules: */
#table-panel .x-table-layout {
    padding:5px;
}
#table-panel .x-table-layout td {
    vertical-align:top;
    padding:5px;
    font-size: 11px;
}

/* Para los iconos de las barras y el tree*/
.icon-send {
    background-image:url(../images/main/email_go.png) !important;
}
.icon-mail {
    background-image:url(../images/main/email_go.png)  !important;
}
.icon-save {
    background-image:url(../images/main/disk.png) !important;
}
.icon-quienes {
    background-image: url(../images/main/quienes.gif) !important;
}
.icon-print {
    background-image:url(../images/main/printer.png) !important;
}
.icon-spell {
    background-image:url(../images/main/spellcheck.png) !important;
}
.icon-attach {
    background-image:url(../images/main/page_attach.png) !important;
}
.icon-desktop{
    background-image:url(../images/main/escritorio.gif) !important;
}
.add-user {
    background-image:url(../images/main/user-add.gif) !important;
}
.add-roles {
    background-image:url(../images/main/permision.gif) !important;
}
.edit-user {
    background-image:url(../images/main/user-edit.png) !important;
}
.delete-user {
    background-image:url(../images/main/user-delete.gif) !important;
}
.search-user {
    background-image:url(../images/main/user-search.png) !important;
}
.delete-roles {
    background-image:url(../images/main/permision-delete.png) !important;
}

div.links-icon{
    float: right;
    font-weight:normal;
    margin:3px 0 5px 5px;
    width:120px;
    display:block;
    clear:none;
}
div.links-icon *{
    vertical-align:middle;
}

div.links-icon a:hover{
    text-decoration:none;
    color:black;
}

/*=================================
Opciones de transacciones
/*============================*/
div #links-icon{
    padding-top:3px;
}
div #links-icon *{
    padding-right:3px;
    vertical-align:middle;
}
div.textInfo{
    font:bold 10px tahoma,arial,verdana,sans-serif;
    color:#15428b;
}
div.textUpInfo{
    font:bold 14px tahoma,arial,verdana,sans-serif;
    color:#15428b;
}

div.textDSS{
    font:bold 14px tahoma,arial,verdana,sans-serif;
}

.tab-inicio {
    background-image:url(../images/main/tab-inicio.png)!important;
}

/*
/* Iconos para los modulos del tree y los tabs. Cada modulo tiene uno predeterminado
/* al incluio otro modulo debe especificar el icono que utilizará,
/* para ello cree una clase con el prefijo tab- seguido del nombre identificador del modulo
*/

.finanzas-icon{
    background-image:url(../images/main/tesoreria.gif)!important;
    background-repeat: no-repeat;
}
.facturacion-icon{
    background-image:url(../images/main/facturacion.png)!important;
    background-repeat: no-repeat;
}
.gabinete-icon{
    background-image:url(../images/main/icon-gabine.png)!important;
    background-repeat: no-repeat;
}
.srm-icon{
    background-image:url(../images/main/proveedor.gif)!important;
    background-repeat: no-repeat;
}
.orgEmp-icon{
    background-image:url(../images/main/modules/almacen.png)!important;
    background-repeat: no-repeat;
}
.almacen-icon{
    background-image:url(../images/main/inventario.gif)!important;
    background-repeat: no-repeat;
}
.contabilidad-icon{
    background-image:url(../images/main/modules/contabilidad.png)!important;
    background-repeat: no-repeat;
}
.crm-icon{ 
    background-image:url(../images/main/modules/crm.png)!important;
    background-repeat: no-repeat;
}
.vitae-icon{
    background-image:url(../images/main/modules/rrhh.png)!important;
    background-repeat: no-repeat;
}
.hacienda-icon{
    background-image:url(../images/main/modules/facturacion.png)!important;
    background-repeat: no-repeat;
}
.seguridad-icon{
    background-image:url(../images/main/modules/seguridad.png)!important;
    background-repeat: no-repeat;
}
.labranza-icon{
    background-image:url(../images/main/icon-labranza.png)!important;
}
.germina-icon{
    background-image:url(../images/main/icon-germina.png)!important;
}
.sumario-icon{
    background-image:url(../images/main/icon-sumario.png)!important;
}
.camarada-icon{
    background-image:url(../images/main/icon-camar.png)!important;
}

.msg-icon{
    background-image:url(../images/main/icon-msg.png)!important;
}
.terra-icon{
    background-image:url(../images/main/icon-terra.png)!important;
}




.template-mouse-over{
    background-color: #eee;
    font-size: 11px;
}
.text-wizard{
    padding-top:5px;
    color:#555;
    font-weight: bold;
}
label.x-form-item-label{
    font-size:11px;
    font-weight: bold;
}

.legend-fieldset{
    padding:10px;
    margin:0 5px 0 5px;
}

.buscar-icon{
    background-image: url(../images/main/buscar-bg.png) !important;
}

p.ruta{
    font-size:11px;
    font-weight:bold;
    color: #333333;
    padding-left: 2px;
}
.okMsg{
    border: 1px solid #00cc33;
    margin-top:2px;
    background-color: #ccffcc;
    font-weight: normal;
    padding-left:40px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-image: url('../images/main/ok-msg.png') !important;
    color: black;
}
.okMsg #title{
    font-weight: bold;
    text-transform: uppercase;
}
.infoMsg{
    border: 1px solid #00cc33;
    margin-top:2px;
    background-color: #ccffcc;
    font-weight: normal;
    padding-left:40px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-image: url('../images/main/info-msg.png') !important;
    color: black;
}
.infoMsg #title{
    font-weight: bold;
    text-transform: uppercase;
}
.errorMsg{
    border: 1px solid #cc0000;
    margin-top:2px;
    background-color: #ff6666;
    font-weight: normal;
    padding-left:40px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-image: url(../images/main/error-msg.png) !important;    
    color: black;
}
.errorMsg #title{
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 5px;
}
.denyMsg{
    border: 1px solid #cc0000;
    margin-top:2px;
    background-color: #ff6666;
    font-weight: normal;
    padding-left:40px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-image: url(../images/main/deny-access.gif) !important;
    color: black;
}
.denyMsg #title{
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 5px;
}
.loginMsg{
    border: 1px solid #cc0000;
    background-color: #ff6666;
    padding: 2px;
    padding-left:36px;
    font-weight: normal;
    background-image: url(../images/main/deny-access.gif) !important;
    background-repeat: no-repeat;
    background-position: 1px 1px;
    color: black;
}
.loginMsg .title{
    font-weight: bold;
    padding-top:2px !important;
    padding-bottom: 2px !important;
    text-transform: uppercase;
    padding-right: 5px;
}
div#msgInicioLogin{
    border: 1px solid #00cc33;
    padding: 2px;
    padding-left: 20px;
    background-color: #ccffcc;
    font-weight: normal;
    background-repeat: no-repeat;
    background-image: url(../js/ria/extCore/images/default/grid/loading.gif) !important;
    background-position: 4px 4px;
    color: black;
}
div#msgInicioLogin div.info{
    padding: 4px;
}
#cuerpo-msg div span{
    vertical-align: middle;
}
#cuerpo-msg img{
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

div.icon-logon{
    display:block;
}
div.icon-logon *{
    vertical-align:top;
    padding-right: 5px;
}
div.clear{
    clear: both;
}
#header {
    background: #7F99BE url(../images/main/layout-browser-hd-bg.gif) repeat-x center;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
}

#loading-mask{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:20000;
    background-color:white;
}
#loading{
    position:relative;
    padding:2px;
    width:100%;
    height:100%;
    z-index:20001;
    height:auto;
}
#loading img {
    margin-bottom:5px;
}

.loading-icon{
    background:transparent url(../images/download.gif) no-repeat top left;

}

#loading .loading-indicator{
    background:white;
    width: 567px;
    color:#555;
    font:bold 13px tahoma,arial,helvetica;
    padding:10px;
    margin:0;

    /*background: url(../images/wallpapers/blue.jpg) no-repeat;*/
    position: relative;
    top: 20%;
    left: 28%;
    /* width: 100%;*/
    /* height: 100%;*/
}
.loading-indicator #texto-cargando{
    position: absolute;
    color: black;
    font-size: 14px;
    font-weight: normal;
    top:120px;
    left:260px;
}


#background{
    position: absolute;
    z-index: -9999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
#inicio-div{
    background: #eeeeee;
    width: 100%;
    height: 100%;
}

.tdgris{
    background: #eeeeee;
    border: 2px solid white;
}


div#menuDatosUsuarioEmpresa{
    position: absolute;
    right: 5px;
    top: 0px;
}
#barraOpciones{
    background: transparent !important;
    border-bottom: 0px !important;
}
#barraOpciones button{
    color: white !important;
}
#barraOpciones .overBtnMenu button {
    color: #85672e !important;
    border: 0px !important;
}
hr{
    height: 1px;
    color:  #999;
}

.loginRecordarPass *{
    text-align: left;
    vertical-align: middle;
}

.loginRecordarPass input{
    position: relative;
    bottom:4px;
}

.iconoNuevoElemento {
    background-image:url(../images/main/nuevo.png)!important;
}

.iconoModificarElemento {
    background-image:url(../images/main/modificar.png)!important;
}

.iconoBuscarElemento {
    background-image:url(../images/main/buscar.png)!important;
}

.menu-title{
    background: #ffffcc;
    border-style: solid;
    border-color:#DAE6F4 #99bbe8 #99bbe8 #DAE6F4;
    border-width: 1px;
    margin:-2px -2px 0;
    color:black;
    font:bold 10px tahoma,arial,verdana,sans-serif;
    display:block;
    text-align: center;
    padding:3px;
}
.buscar-persona {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:3px 10px 3px 10px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#555;
}
.buscar-persona:hover {
    cursor: pointer;
    background-color: #ffffcc;
}
.buscar-persona h3 {
    display:block;
    font:inherit;
    font-weight:bold;
    color:#222;
}
/*#tree-modulos * .x-tree-elbow, #tree-modulos * .x-tree-elbow-plus, #tree-modulos * .x-tree-elbow-end-plus, #tree-modulos * .x-tree-elbow-minus, #tree-modulos * .x-tree-elbow-end-minus{
    background: transparent !important;
    width: 10px;
}
#tree-modulos * li div{
    padding-left: 0px !important;
}*/




/*   ----- MODO IMPINGAOOO  */