@import url(https://fonts.googleapis.com/css?family=Ropa+Sans);

*{
	font-size:12px;
}
body {
    /*font-family:'Ropa Sans', Calibri, sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
    padding:20px;
    font-size:13px;
    margin:0;
}
h2 {
    font-size:18px;
    font-weight:bold;
    margin:0;
    margin-bottom:15px;
}
.demo-info{
	background:#FFFEE6;
	color:#8F5700;
	padding:12px;
}
.demo-tip{
	width:16px;
	height:16px;
	margin-right:8px;
	float:left;
}

.texto1
{
	font-family: "Trebuchet MS", Courier, monospace;
	font-size: 28px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: center;
	color: #333333;
}

.texto5
{
	font-family: "Trebuchet MS", Courier, monospace;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: center;
	color: #333333;
}

.texto2
{
	font-family: "Trebuchet MS", Courier, monospace;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: center;
	color: #333333;
}
.paddingtop40
{
	padding-top:40px;
}
#lblTitleHome
{
	margin-top:5px;
	margin-left:200px;
	font-size: 28px;
	font-weight: bold;
	color:#ffffff;
}
.margin-t-20
{
	margin-top:20px;
	}
.margin-l-200
{
	margin-left:200px;
	}
.margin-r-20
{
	margin-right:20px;
	}
.texto3
{
	font-size: 18px;
	font-weight: bold;
	color:#ffffff;
}

.pos-right-center
{
	position:fixed;
	top:25px;
	left:60%;	
}

.form {
 overflow:hidden;
 margin:20px;
 }


 
.table {
	display: table;
}

.row  {
	display: table-row;
}

.row.alternate  {
	background-color:rgb(239,239,239);
}


.cell{
	display: table-cell;
	padding:5px;
}

.cell.b{
	font-weight:bold;
}

.clear{
	clear:both;
}
.align-r
{
	text-align:right;
}

.lblLoginTitle
{
	font-style:italic;
	font-size:18px;
	font-family:tahoma;	
}

a.link1
{
	color:#052A3A;
	text-decoration:none;
}

a.link1:hover
{
	text-decoration:underline;
}

.txt-readonly
{
	background-color:rgb(239,239,239);
	border:1px;
	border-style: solid;
	border-color: #D3D3D3;
}

/*JDLeon*/
body{font-size:13px;}
*{font-size:13px;}
a{color:#EC930D; text-decoration:none; font-weight:bold;}
a:hover{text-decoration:underline;}
.layout-panel-west{border-right:2px solid #053D5B;}
.panel-body{color:#333;}
.layout-panel-north .panel-body.panel-body-noheader, .layout-panel-south .panel-body.panel-body-noheader{background:#053D5B !important;}
/*.layout-panel-north .panel-body.panel-body-noheader{height:90px !important;}*/
/*.layout-panel-west, .layout-panel-center{top:90px !important;}*/
.table{background:#E7EEEF; border-radius:5px;}
.row.alternate{background:#D3E0E2;}
.cell{padding:10px;}
/*.datagrid-header .datagrid-cell span{font-size:16px;}*/
.datagrid-cell{padding:6px;}
.datagrid-cell:hover{background:#333; color:#FFF;}
.datagrid-htable, .datagrid-btable, .datagrid-ftable{background:#E7EEEF;}
.datagrid-htable tr:nth-child(2n), .datagrid-btable tr:nth-child(2n), .datagrid-ftable tr:nth-child(2n){background: #D3E0E2;}
.datagrid-htable{background:#053D5B; color:#FFF; font-weight:bold; text-transform:uppercase; border-radius:5px 5px 0 0;}
.datagrid-btable{border-radius:0 0 5px 5px;}
.datagrid-header td, .datagrid-body td, .datagrid-footer td{border-color:#053D5B; border:0;}
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{font-size:14px;}
div.datagrid-header, div.datagrid-body, div.datagrid-footer{border-width:0; border-color:transparent;}
.datagrid-header-inner{width:auto;}
.panel-header, .panel-body{border:0;}
.datagrid-row-over{background: #FDD9B5 !important;}
.datagrid-row-selected{background:#EC930D !important; font-weight:bold;}
/*.texto5{font-family:'Ropa Sans', Calibri, sans-serif;}*/
.layout-panel-center .panel-header{padding:10px;}
.layout-panel-center .panel-header .panel-title{text-transform:uppercase; font-size:16px;}
.logoT{padding:5px; float:left;}

input[type=text], input[type=email], input[type=password], select, textarea, .combo, .validatebox-invalid{background-color:#E7EEEF; border:1px solid #ccc; padding:5px; color:#053D5B; font-family:Arial, sans-serif; font-size:12px; height:auto !important; border-radius:5px;}
.combo-arrow{vertical-align:middle;}
.combo-panel{background:#D3E0E2; font-family:'Ropa Sans', Calibri, sans-serif;}
.combobox-item-hover{background:#333; color:#FFF;}
.combobox-item, .combobox-group{font-size:14px !important;}
.validatebox-invalid{background-color:#E7EEEF;}
a.l-btn{color:#000;}
.principalT{display: inline-block; text-align: center;}
.uperOne{float: left;}
.uperTwo{display: inline-block; font-size: 30px !important;}
.uperThree{float: right; padding-right: 10px;}
.uperTwo, .uperThree{padding-top: 20px;}
.mainmessage{display: inline-block; width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding: 15px; text-align: center;}
.messagebox{display: inline-block; max-width: 400px; padding: 15px; padding-left: 61px; background-color: #DBECFF; background-image: url(../images/not1.jpg); background-position: left center; background-repeat: no-repeat; border:1px solid #9FC7F5; border-radius: 5px; font-family: Arial; font-size: 16px; text-align: left;}
.messagebox .messa{font-size: 24px; color: #3471BB; display: block; margin-bottom: 7px;}

/*login*/
body.login{background: white;}
.mainlogin{display: inline-block; width:100%;}
.mainlogin .one, .mainlogin .two{float: left; width: 50%; text-align: right; padding: 50px 10px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size: 12px;}
.mainlogin .one .box{display: inline-block; width: 316px; vertical-align: middle; background: #003A4C; color: #FFF;}
.mainlogin .two{text-align: left;}
.title1{/*font-family:'Ropa Sans', Calibri, sans-serif;*/ font-family: Arial Black, Arial; font-size: 30px; color: #C4223A; font-style: oblique;}
.title2{font-size: 16px;}
.hipertext a{/*font-size: 10px; font-family: verdana;*/ color: #C4223A !important; font-weight: normal;}
.formform{display: block; margin: 15px 0 40px;}
.formform form{display: block; margin-bottom: 10px;}

/*Menu*/
ul.easyui-tree{margin: 15px 0 0 0; margin-left: -10px; padding-left: 0;}
ul.easyui-tree li{display: block; padding-bottom: 5px; color: #053D5B;}
ul.easyui-tree li > ul li{font-weight: bold;}
ul.easyui-tree li > ul li div .tree-title{font-size: 14px;}
ul.easyui-tree li > ul li > ul{margin-left: -20px;}
ul.easyui-tree li > ul li > ul li{font-weight: normal;}
ul.easyui-tree li > ul li > ul li div .tree-title{font-size: 12px;}
ul.easyui-tree li .tree-node{display: none;}
ul.easyui-tree li > ul li .tree-node{display: block;}
ul.easyui-tree li .tree-file{background-image: none;}
ul.easyui-tree li .tree-expanded, ul.easyui-tree li .tree-expanded{display: none;} /*display arrows in menu*/
ul.easyui-tree li .tree-folder-open{width: 20px; height: 20px; background-image: url(../images/t2.jpg); background-repeat: no-repeat; background-position: left;
}
ul.easyui-tree li:nth-child(4) .tree-folder-open{background-image: url(../images/t3.jpg)}
ul.easyui-tree li:nth-child(5) .tree-folder-open{background-image: url(../images/t4.jpg)}
ul.easyui-tree li:nth-child(6) .tree-folder-open{background-image: url(../images/t1.jpg)}
ul.easyui-tree li:nth-child(7) .tree-folder-open{background-image: url(../images/t5.jpg)}
ul.easyui-tree li > div.tree-node{background-color: transparent;}
ul.easyui-tree li > div.tree-node-hover .tree-title{text-decoration: underline; color: #E67D2A;}
ul.easyui-tree li > div.tree-node-selected .tree-title{color: #E67D2A; text-decoration: underline;}