/*
 * 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;
	 /*outline: none; */
}

.red{background:#E53935;font-weight: bold;}
.red a{color: #fff;font-weight: bold;}
.red a:hover{color: #fff;}
.green{background:rgba(0,110,0,1);}
.green a{color: #fff;font-weight: bold;}
.green a:hover{color: #fff;}
.orange{background:orange;}
.orange a{color: #fff;font-weight: bold;}
.orange a:hover{color: #fff;}

a {
    color:#15428B;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

#header {
    background: #7F99BE url(../images/layout-browser-hd-bg.gif) repeat-x center;
	visibility: hidden;
}
#header h1 {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    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;
}

/*===================================
/*   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(../extjs/resources/images/default/tabs/tab-strip-bg.gif) repeat-x scroll center bottom !important;*/
}

.x-form-item  {
	font-size: 12px; 
}
.x-form-field{
	font-size: 12px; 
}

.x-tree-node div.feeds-node{

    /*background:#eee url(../images/cmp-bg.gif) repeat-x;*/

    margin-top:1px;

    /*border-top:1px solid #ddd;

    border-bottom:1px solid #ccc;*/

    padding-top:2px;

    padding-bottom:1px;

}

.feeds-node .x-tree-node-icon {

    display:none;

}

#loading
{
	position: absolute;
	background: white;
	left: 50%;
	top: 40%;
	padding: 5px;
	z-index: 20001;
	height: auto;
	background:transparent;
}

#loading .loading-indicator
{
	background:white;
    padding:5px;
    margin:0;
    height:auto;
}
#loading-msg
{
	font: normal 9pt arial, tahoma, sans-serif;
	vertical-align: middle;
	font-weight: bold;
	margin-top: 15px;
}

.x-window-dlg .ext-mb-download {
	background:transparent url(../images/download.gif) no-repeat top left;
	height:46px;
}

img.foto {
    width: 96px;
    height: 124px;
    float: left;
    margin: 0px 5px 0px 0px; 
}
span.nama {
    font-size: 100%;
    color: #3764A0;
    font-weight: bold; 
}
#action-panel .x-panel {
	margin-bottom:3px;
	margin-right:0;
}
#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:#333333;
}
#action-panel .x-plain-body {
	background-color:#cad9ec;
    padding:3px 0 0 5px;
}
.x-air #action-panel .x-plain-body {
	padding-left:3px;
}
#action-panel .x-panel-body li a:hover {
	text-decoration:none;
	color:#111111;
}

 .x-check-group-alt {
     background: #D1DDEF;
     border-top:1px dotted #B5B8C8;
     border-bottom:1px dotted #B5B8C8;
 }
 
 .pic{
	top: 100px;
 }

div.navigation{
    box-shadow: 1px 0 6px #BCBBBB;
    z-index: 100;
}

div#content-panel {
    top: 0 !important;
}

div#content-panel {
    /*left: 306px !important;
    width: 100% !important;*/
}

#action-panel-xcollapsed{
    height: 25px;
}

.navegation-panel{
    font-size: 13px;
}

.sunat-aceptado{
    font-weight:bold;
    background-color:#00c292;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
}

.sunat-anulado{
    font-weight:bold;
    background-color:#fb9678;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
}

.sunat-pendiente{
    font-weight:bold;
    background-color:#01579B;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
}

.sunat-otro{
    font-weight:bold;
    background-color:#B71C1C;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
}

.pdf{
    font-weight:bold;
    background-color:#EF5350;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
    text-decoration: none
}

.xml{
    font-weight:bold;
    background-color:#039BE5;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
    text-decoration: none
}

.xml:hover{
    color: #fff;
    text-decoration: none;
    background: #0277BD;
}

.pdf:hover{
    color: #fff;
    text-decoration: none;
    background: #E53935;
}