.JP_cal_combo {
font-family: tahoma,arial,verdana,sans-serif;
font-size:15px;
}
.JP_cal_cellinner[marked=true] {
    background-color:#ff8181!important;
    color:white;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* chrome*/
}
.JP_cal_dayinner{
    width: 100%;
    height: 100%;
    background-color:#ededed;
    color: black;
    padding-left:5px;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* chrome*/
}
.JP_cal_day{
    width: 14.28%;
    height: 100%;
    background-color:white;
    float: left;
    padding:1px;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* chrome*/   
}
.JP_cal_cellinner {
    width: 100%;
    height: 100%;
    background-color: #ededed;
    padding-left: 5px;
    color: black;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* chrome*/
}
.JP_cal_cell {
    width: 14.28%;
    height: 16.66%;
    background-color:white;
    float: left;
    padding:1px;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* chrome*/   
}
.JP_cal_containerCal {
    width: 100%;
    height: 81%;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* chrome*/      
}
.JP_cal_containerDays {
    width: 100%;
    height: 9%;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* chrome*/
}
.JP_cal_calendar {
    font-family: tahoma,arial,verdana,sans-serif;
    font-size:14px;
    width: 100%;
    height:84%;
    background-color:white;	
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* chrome*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);      
}
.JP_cal_btnHoy {
    background-color:#1A5897!important;
    color: white!important;
    border:none!important;
    margin-left:0px!important;
    margin-right:0px!important;
}
.JP_cal_btnHoy:hover {
    background-color:#1A5897!important;
    color: white!important;
    border:none!important; 
}
.JP_table table tr[selected=true]{
  background-color:yellow!important;    
}
.JP_table table,tr{		
	border: 1px solid #c3c3c3;		
	border-collapse: collapse;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Firefox */
}
.JP_table td{
   overflow:hidden;
    max-width: 1px;
	padding:5px;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.JP_table_torso{
	background-color: white;
}
.JP_table table tr:nth-child(even) {
    background-color: #eee;
}
.JP_table table tr:nth-child(odd) {
    background-color: #fff;
}

.JP_table_content{
	background-color: white;
	border-top:1px solid #c3c3c3;
}
.JP_date{
color: #4B4B4B;    
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.JP_combo{
color: #4B4B4B;    
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.JP_dateDropbtn {
font-size: 15px;
border: none;
cursor: pointer;
overflow: hidden;
text-overflow:ellipsis;
background-color:rgb(230, 230, 230);
color: #4B4B4B;
}
.JP_dateDropdown {
position: relative;
display: inline-block;
}
.JP_comboDropdown {
position: relative;
display: inline-block;
}
.JP_comboDropdown input{
color: #4B4B4B;
}
.JP_dateDropdown-content {
height:150px;
overflow-y:auto;
display: none;
position: absolute;
background-color: #f9f9f9;
min-width:90px;
width:110px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}.JP_comboDropdown-content {
height:150px;
overflow-y:auto;
display: none;
position: absolute;
background-color: #f9f9f9;
min-width:90px;
width:110px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.JP_dateDropdown-content a {
color: black;
padding: 3px 14px;
text-decoration: none;
display: block;
}
.JP_comboDropdown-content a {
color: black;
padding: 3px 14px;
text-decoration: none;
display: block;
text-align: left;
}
.JP_dateDropdown-content a[active="false"] {
background-color: #d2caca;
}
.JP_comboDropdown-content a[active="false"] {
background-color: #d2caca;
}
.JP_dateDropdown-content a[active="true"]:hover {
background-color: #ccdcef;
}
.JP_comboDropdown-content a[active="true"]:hover {
background-color: #ccdcef;
}
.JP_dateDropdown[active="true"]:hover .JP_dateDropdown-content {
display: block;
}
.JP_comboDropdown[active="true"]:hover .JP_comboDropdown-content {
display: block;
}
.JP_dateDropdown[active="true"]:hover .JP_dateDropbtn {
background-color: #cac6c6;
color:black;
}
.JP_dateDropdown[active="false"] .JP_dateDropbtn {
background-color: #d2caca;
}
.JP_comboDropdown[active="false"] .JP_comboDropbtn {
background-color: #d2caca;
}
.JP_switch{
content: "";
display: inline-block;
width: 35px;
height: 15px;
background-color: rgba(80, 80, 80, 0.7);
border-radius: 15px;
margin-right: 10px;
transition: background 0.3s ease 0s;
vertical-align: middle;
margin-left: 5px;
}
input[type="checkbox"]+.JP_switch::after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: #F1F1F1;
border-radius: 20px;
position: relative;
box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
left: -1px;
top: -2px;
transition: left 0.3s ease 0s, background 0.3s ease 0s, box-shadow 0.1s ease 0s;
}
input[type="checkbox"]:checked+.JP_switch::after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: #E91E63;
border-radius: 20px;
position: relative;
box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
left: 15px;
top: -2px;
transition: left 0.3s ease 0s, background 0.3s ease 0s, box-shadow 0.1s ease 0s;
}
input[type="checkbox"]:checked+.JP_switch {
background-color:rgba(233, 30, 99, 0.5);
}
.JP_input{
color: #4B4B4B;
border: 1px solid #c3c3c3;
padding-left: 10px;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_file{
color: #4B4B4B;
}
.JP_label{
color: #4B4B4B;
float: left;
padding-right: 15px;
cursor:pointer;
}
.JP_fieldset{
border:1px solid #c3c3c3;
color:#4B4B4B;

}
.JP_field{
margin: 5px;
position: relative;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_group{	
margin: 1px;

}

.JP_ventana {
height: 250px;
width: 410px;
border:1px solid #c3c3c3;
border-radius:5px;
background-color:  	#ffffff;
top: 100px;
left: 400px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
position: absolute;
}
.JP_cabecera_ventana {
height: 35px;
background-color:  	#F3F3F3;
border-width:1px;
border-style: none none solid none;
border-color: #c3c3c3;
text-align: left;
position: relative;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_cabecera_titulo {
height: 18px;	
width: 75%;
margin-top: 9px;
margin-right: 9px;
margin-left: 9px;
margin-bottom: 9px;
overflow:hidden;
text-overflow:ellipsis;
position: absolute;
color: #4B4B4B;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 13px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_iconButtonMenu{
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
margin: 4px 3px;
background-color: #4B4B4B; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

.JP_contenido_ventana {
background-color:  	#ffffff;
margin: 5px;
overflow: hidden;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_resize_ventana {
border-radius:2px;
border-style: solid none none none;
border-color: #c3c3c3;
border-width:1px;
text-align: center;
background-color:  	#F3F3F3;
position: relative;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_button {
border-radius:2px;
border-style: solid;
border-color: #c3c3c3;
border-width:1px;
text-align: center;
background-color:  	#F3F3F3;
position: relative;
margin: 5px;
color: #4B4B4B;
cursor: pointer;
font-family: tahoma,arial,verdana,sans-serif;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_menubutton {
border-radius:2px;
border-style: solid;
border-color: #c3c3c3;
border-width:1px;
text-align: center;
background-color:  	#F3F3F3;
position: relative;
margin: 5px;
color: #4B4B4B;
font-family: tahoma,arial,verdana,sans-serif;

user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;

}
.JP_menuitem {
border-radius:2px;
border-style: none;
border-color: #c3c3c3;
border-width:1px;
text-align: center;
background-color:  	#FFF;
position: relative;
color: #4B4B4B;
cursor: pointer;
font-family: tahoma,arial,verdana,sans-serif;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_menubutton_content {
display: none;
border-radius:2px;
border:1px solid rgba(0, 0, 0, 0.15);
position: absolute;
text-align: left;
background-color: #FFF;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_menuitem_icon {
float: left; 
margin: 0px 6px 0px 2px;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_down_arrow {
content: " ";
display: inline-block;
width: 0px;
height: 0px;
vertical-align: middle;
margin-top:0px;
margin-left:2px;
margin-right: 3px;
border-width: 5px 5px 0px;
border-style: solid solid dotted;
border-color: #4B4B4B transparent transparent transparent;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_down_arrow_collapsible {
content: " ";
display: inline-block;
width: 0px;
height: 0px;
vertical-align: middle;
margin-top:-8px;
margin-left:2px;
margin-right: 3px;
border-width: 5px 5px 0px;
border-style: solid solid dotted;
border-color: #4B4B4B transparent transparent transparent;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_down_arrow_tabpanel {
content: " ";
display: inline-block;
width: 0px;
height: 0px;
vertical-align: middle;
margin-top:-8px;
margin-left:2px;
margin-right: 3px;
border-width: 5px 5px 0px;
border-style: solid solid dotted;
border-color: #4B4B4B transparent transparent transparent;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_right_arrow {
content: "";
width: 0px;
height: 0px;
margin-left: 8px;
margin-top: 4.4px;
margin-right: 0px;
border-width: 4px;
border-style: solid ;
border-color:  transparent  transparent transparent #4B4B4B;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:bordotted der-box;
}
.JP_right_arrow_tabpanel {
content: "";
border-width: 7px;
border-style: solid ;
border-color:  transparent  transparent transparent #4B4B4B;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:bordotted der-box;
}
.JP_left_arrow_tabpanel {
content: "";
border-width: 7px;
border-style: solid ;
border-color:  transparent  #4B4B4B transparent transparent;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:bordotted der-box;
}

.JP_up_arrow {
content: " ";
margin-top:-1px;
margin-left:2px;
margin-right: 3px;
border-width: 5px;
border-style: dotted solid solid ;
border-color: transparent transparent #4B4B4B transparent;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_menuitem:hover{
background-color: #c3c3c3;

}
.JP_tab{
float: left;
margin-right: 1px;
border: 1px solid #C3C3C3;
text-align: center;
background-color: rgb(243, 243, 243);
color: #4B4B4B;
padding: 9px;
text-decoration: none;
border-radius: 4px 4px 0 0;
font-size: 15px;
height: 37px;
font-family: tahoma,arial,verdana,sans-serif;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_tab:hover {
background-color: white;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_tabclosable{
margin-left:10px;
font-family: Arial, Helvetica, sans-serif;
cursor:pointer;
}
.JP_tabactive{
float: left;
margin-right: 1px;
border: 1px solid #C3C3C3;
text-align: center;
background-color: white;
color: #4B4B4B;
padding: 8px;
text-decoration: none;
border-radius: 4px 4px 0 0;
border-color: #C3C3C3;
border-style: solid; 
border-width: 1px 1px 7px;
font-size: 15px;
height: 43px;
font-family: tahoma,arial,verdana,sans-serif;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_tabnormal{
text-decoration: none;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_tabpanel{
overflow:hidden;
position:relative;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_tabs{
position:relative;
height:50px;
margin-top: 6px;
transition: left 200ms;
-webkit-transition: left 200ms; 
-moz-transition:left 200ms;
-o-transition:left 200ms;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_tabPanelContent{
border:1px solid rgb(195, 195, 195);
margin-top: -7.5px;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_tabContent{
border:none;
overflow: auto;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_scrollLeftTab{
width:25px;
background-color:#F3F3F3;
border:1px solid #C3C3C3;
height:42.5px;
position:absolute;
margin-top: 6px;
z-index:1;
}
.JP_scrollRightTab{
width:25px;
background-color:#F3F3F3;
border:1px solid #C3C3C3;
height:42.5px;
position:absolute;
margin-top: 6px;
z-index:1;
right:25px;
}
.JP_scrollDownTab{
width:25px;
background-color:#F3F3F3;
border:1px solid #C3C3C3;
height:42.5px;
position:absolute;
margin-top: 6px;
z-index:1;
right:-0.1px;
}
.JP_dropdownTabPanel{
position:relative;
margin-top: 14px;
margin-left: 3px;
width:25px;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_bar {
border-radius:2px;
border-style: solid;
border-color: #c3c3c3;
border-width:1px;
text-align: center;
background-color:  	#F3F3F3;
position: relative;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_separator {
margin: 9px;
height: 22px;
border-style: solid;
border-width: 0px 0px 0px 1px;
border-left: 1px solid #E1E1E1;
border-right: 0px solid #FFF;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_separator_horizontal {
margin-top: 22px;
margin-left: 0px;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-top: 1px solid #C3C3C3;
border-bottom: 0px solid #FFF;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_resize_ventana:hover {
cursor:ns-resize;
}
.JP_mini {
height: 27px;
width: 29px;
background-color: #ab1515;
color: #e8e2e2;
/* margin-right: 5px; */
/* margin-bottom: -3px; */
position: relative;
float: right;
text-align: center;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
padding-top: 8px;
}
.JP_mini:hover{
background-color:   #bf1616;
/*border-radius:5px;*/
color:white;
} 
.JP_button:hover,
.JP_input[type=submit]:hover,
.JP_input[type=button]:hover{
background-color:  #c3c3c3;
color:white;
}
.JP_menubutton:hover
{
background-color:  #c3c3c3;

}
.JP_menubutton[state=visible],button[state=visible]{
background-color:  #c3c3c3;
color:white;
}

.JP_menubuttondivcontenedor{
width: 100%;
height: 100%;
cursor: pointer;
color:#4B4B4B;
border: 0px none;
background-color: transparent;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

.JP_menubuttondivcontenedor[state=visible]>[class=JP_down_arrow]{
border-color: white transparent transparent transparent;
}

.JP_menubutton:hover [class=JP_down_arrow][disabled]{
border-color:  #4B4B4B transparent transparent transparent;
}
.JP_menubutton span{
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;

}
.JP_fieldset[disabled],
.JP_tab[disabled],
.JP_menubutton[disabled],
.JP_a[disabled],
.JP_button[disabled],
.JP_menubuttondivcontenedor[disabled],
.JP_menuitem[disabled],
.JP_input[readonly],
.JP_input[disabled],
.JP_input[disabled][type=submit],
.JP_input[disabled][type=button],
.JP_input[disabled][type=reset]{
 cursor: not-allowed;
 background-color:    #c3c3c3; 
}

.JP_button[disabled]:hover,
.JP_a[disabled]:hover,
.JP_menubutton[disabled]:hover,
.JP_input[disabled][type=submit]:hover,
.JP_input[disabled][type=button]:hover,
.JP_input[disabled][type=reset]:hover{
background-color:    #c3c3c3;
color:#4B4B4B;
}
.JP_a{
background-color: #F3F3F3;
color: #4B4B4B;
padding: 8px 15px 2px 15px ;
border: 1px solid #c3c3c3;
text-align: center;	
text-decoration: none;
display: inline-block;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 13px;
margin:5px;
cursor: pointer;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_a:hover, .JP_a:active {
background-color: #c3c3c3;
color:white;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_input[type=submit],.JP_input[type=button],.JP_input[type=reset]{
border-radius:2px;
border-style: solid;
border-color: #c3c3c3;
border-width:1px;
text-align: center;
background-color:  	#F3F3F3;
color: #4B4B4B;
cursor: pointer;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 13px;
margin: 5px;	
}
.JP_column{
font-weight: bold;
border-style: none solid none none; 
border-color: #c3c3c3;
border-width: 0px 1px 0px 0px;
padding-top: 5px;
padding-left: 2px; 
overflow: hidden;
background-color: white;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
float:left;
text-align:center;
position: relative;
}
.JP_column_content{
border-style: none none solid none; 
border-color: #c3c3c3;
border-width: 0px 0px 1px 0px; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
position: relative;
}

.JP_paging{
width:100%;
position: relative;
background-color: white; 
border-style: none solid solid solid;
border-color: #c3c3c3;
border-width: 0px 1px 1px 1px;
}

.JP_container{
border: 1px solid blue;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.JP_unselectable{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
}
.JP_fieldset_collapsed{
border:1px solid #c3c3c3;
color:#4B4B4B;
padding-bottom: 0px !important;
border-width: 1px 1px 0px !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes JP_mymove {    
0%   {top:-100px;}
50% {top:0px;}
100% {top:0px;}
}

/* Standard syntax */
@keyframes JP_mymove {	
0%   {top:-100px;}
50% {top:0px;}
100% {top:0px;}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes JP_flipcolor {

0% {background-color: white; }
50% {background-color: red; }
100% {background-color: white; }

}

/* Standard syntax */
@keyframes JP_flipcolor {	
0%   {background-color: white; }
50% {background-color: red; }
100% {background-color: white; }

}
.JP_anima{
width: 300px;
background: #F3F3F3 none repeat scroll 0% 0%;
color: #4B4B4B;
position: fixed;
font-size: 16px;
padding: 5px;
margin:1px;
text-align: center;
opacity: 1;
font-family: tahoma,arial,verdana,sans-serif;
top: -100px;
}
.JP_anima2{
width:85%;
text-align: center;
float:left;
margin:0px 10px 0px 0px;
}
.JP_closeAnim{
float:right;
margin:0px 10px 0px 0px;
width:20px;
cursor:pointer;
}