body {
    background: #E7ECEA;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

.layout {
     min-height:400px;    
     margin:auto;
}

.content-menu {
    background: #DCE6F2;
    background-image: url('../Images/fondomenu.png');
    float: left;
    width: 1060px;
    margin: 0;
    padding: 0;
    padding-left:10px;
    border-bottom: none;
}

.content {
    width :1070px;
    margin:auto;
    border:1px solid #EAEAEA; 
    background-color:#fff;
}

.header {
    background:#1F2532;
    height:86px;
    color:#fff;    
    width :1070px;
    margin:auto;   
}

.header-content {
   width:1070px;
   margin:auto;     
}

.logo {
    width: 300px;
    float: left;
    margin: 5px 0 0px 15px;
}

.header-action {
    width:720px;      
    height:22px;  
    float:right;
    margin:auto;
    line-height:22px;
    margin-right:15px;
}

.header-action-item {
    width:auto;
    float:right;    
    font-size:11px;
}

.header-action-img {
     float:right;    
     width:10px;
     height:10px;
     margin-right:3px
}

.header-action-item a {
    color:#fff;
    font-family:"Lucida Grande", "Lucida Sans Unicode",Tahoma,Arial;        
    text-decoration:none;
}

    .header-action-item a:hover {
    color:#fff;
    text-decoration:underline;
}

.header-action-item-sep {
    color:#fff;
    margin:0 8px;
    float:right;
}

.logo-text {
    color: rgb(255, 255, 255);
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
    font-size: 1.75em;
    font-weight: 300;
    letter-spacing: 0px;
    margin-top:30px;
    padding-left:20px;         
}

.logo-user {
    color:rgb(255,255,255);
	font-size : 0.9em;
    padding-left:20px;    
}


   
.header-action-text {
    width:auto;
    float:right;
    margin-left:10px;
    font-weight:bold;
}

.login-form {
    width:450px;
    margin:auto;
    margin-top:120px;
    margin-bottom:120px;
    background-color:#fff;
    border:1px solid #D0DFEA;
    border-radius: 9px;    
}

.login-header {
    background-image:url('../images/login.png');
    background-position:right;    
    background-repeat:no-repeat;
    background-color:#588EB4;
    color:#fff;
    height:30px;
    padding:15px;
    font-size:15px;
    font-weight:bold;
    line-height:30px;
    text-transform:uppercase;
    border-radius: 9px;
}

.login-content {
    padding:20px;
}

.login-row {
    background-color:#E9F1F8;
    height:45px;
    width:auto;
    margin:10px 0;
    border-radius: 6px;   
}


.login-label {
    width:120px;
    float:left;
    text-indent:20px;
    line-height:45px; 
    font-weight:bold;   
}

.login-control {
    float:left;
    width:auto;
    line-height:45px;    
}

.controllogin {
    width:240px;
    background-color:#FAFCFE;
    height:24px;
    border:1px none;
    color:#5289B1;
    font-size:12px;
    border-radius: 4px;
    text-indent:10px;
    font-size:12px;
}

.login-action {
    text-align:center;
    margin:auto;
    margin-top:20px;
}

.footer {
    width:1070px; 
    font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;	
    margin:auto;
	margin-top:0px;
    background-color:#FFFFFF;
    padding-top:10px;
    padding-bottom:10px;
    border: 1px solid #EAEAEA;
}

.search-content {
    background-color:#EDF5FC;
    border:1px solid #D9E8F3;
    padding:15px;
    width:auto;   
    border-radius: 4px;
    margin-bottom:20px;
}

    .search-content input[type='text'] {
    background-color:#fff;
    width:100px;
}

    .search-content select {
    background-color:#fff;  
    width:150px;  
}

.form-title {
    margin-top:20px;	   
	margin-bottom:5px;
	font-size:18px;
	text-transform:uppercase;
	width:auto;
	text-align:center;
    clear:both;
}

.popup-title {
    width:auto;
    border-bottom:2px solid #D9E8F3;
    line-height:30px;
}

    .popup-title span {
    color:#3D90CB;
    font-size:15px;
    font-weight:bold;
}

.popup-text {
    margin:15px 0;
    color:#245C86;
}

.action-message {
	margin-top:10px;
	background:#E8F6FF url('../images/ico-info.gif') no-repeat 10px 50%;
	border:2px solid #58c0ff; 
	padding:10px;
	text-indent:30px;	    
	border-radius: 5px;
    margin-bottom:10px;
}

.action-error {
	margin-top:10px;
	background:url("../images/ico-delete.gif") 10px 50% no-repeat;
	border:2px solid #FFAEAE; 
	background-color:#FEEBEB;
	padding:10px;
	text-indent:30px;	    
	border-radius: 5px;
    margin-bottom:10px;
}

.action-exito {
	margin-top:10px;
	background:url("../images/ico-done.gif") 10px 50% no-repeat;
	border:2px solid #BBDF8D; 
	background-color:#EAF7D9;
	padding:10px;
	text-indent:30px;	   
	border-radius: 5px;
    margin-bottom:10px;
}

.action-alert {
	margin-top:10px;
	background:url("../images/ico-warning.gif") 10px 50% no-repeat;
	border:2px solid #F2DD8C; 
	background-color:#FFF5CC;
	padding:10px;
	text-indent:30px;	   
	border-radius: 5px;
    margin-bottom:10px;
}

    .action-message ul, .action-error ul, .action-exito ul, .action-alert ul {
    margin:0px;
    margin-left:20px;
}

        .action-message ul li, .action-error ul li, .action-exito ul li, .action-alert ul li {
    margin-left:0;
    text-indent:0px;
    padding-left:0px;
}

.acciones-rigth {
    float:right;
    text-align:right;
    margin-bottom:15px;
}

.loading {
	display:none;
	width:200px;
	height:50px;
	padding:13px;
	background-color:#fff;
	border:3px solid #3D90CB;
	border-radius: 10px;	
	position:absolute;
	z-index:20000; 
}

.loading-image {
	width: 60px;
	float: left;
}

.loading-text {
	width:120px;
	float:left;
	color:#6797BA;
	font-weight:bold;
	line-height:50px;
	font-size:13px;
}

.resultado-stock {
    width:300px;
    text-indent:0;
    margin-left:40px;    
}

.resultado-copiar {
    width:350px;
    text-indent:0;
    margin-left:40px;  
    overflow-x: scroll;
    max-height:100px;
    text-wrap:none;
}

    .resultado-copiar li {
    min-width:700px;
}

    .resultado-copiar::-webkit-scrollbar {
    height:10px;
    width:10px;    
}

    .resultado-copiar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #E8F6FF; 
    border-radius: 5px;
}

    .resultado-copiar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px  #E8F6FF;
    background-color:#B8E2FB 
}

.panel-popup {
    background-color:#fff;
    border-radius:6px 6px 6px 6px;
    box-shadow:0 0 25px 5px #999;
    color:#111;
    display:none;
    min-width:320px;
    padding:25px;
    position:absolute;
    z-index:1000;
    margin:5px;
}

.botoncerrar {
    background-color:#6BA9D0;
    border-radius:3px;
    box-shadow:0 2px 3px rgba(0,0,0,0.3);
    color: #fff;
    cursor: pointer;
    display:inline-block;
    padding:2px 6px;
    text-align:center;
    text-decoration:none;
    float:right
}

    .botoncerrar .b-close {
    border-radius:4px 4px 4px 4px;
    box-shadow:none;
    font:bold 131% sans-serif;
    padding:0 6px 2px;
    position:relative;
    float:right;
}

.home-content {
    width:90%;
    margin:auto;
    margin-top:35px;
    min-height:400px;
}

.home-img {
    width:28%;   
    float:left;
}

    .home-img img {
    width:100%;
}

.info-img {
    width:60%;   
    float:left;
}

    .info-img img {
}

.home-txt {
    width:68%;
    float:right;
    font-size:12px;
    line-height:20px;
}

    .home-txt a {
    color:#3D90CB;
    text-indent:5px;
    padding-left:5px;
}

        .home-txt a:hover {
    color:#FF770D;
} 


.info-txt {
    width:38%;
    float:right;
    font-size:12px;
    line-height:20px;
}

    .info-txt a {
    color:#3D90CB;
    text-indent:5px;
    padding-left:5px;
}

        .info-txt a:hover {
    color:#FF770D;
}

.oculto {
    display:none;
}

.frame {
    width:1050px;
    border:1px none;
    min-height:650px;
}


/**CARGA DE ARCHIVOS**/

.file-ok {
    margin-top:10px;
	background:url("../images/csv.png") 10px 50% no-repeat;
	border:2px solid #BBDF8D; 
	background-color:#EAF7D9;
	padding:10px;
	text-indent:30px;	
	border-radius: 6px 6px 6px 6px;	
    margin-bottom:20px;
}

.file-alert {
    margin-top:10px;
	background:url("../images/ico-warning.gif") 10px 50% no-repeat;
	border:2px solid #F2DD8C; 
	background-color:#FFF5CC;
	padding:10px;
	text-indent:30px;	
	border-radius: 6px 6px 6px 6px;
    margin-bottom:20px;
}

.etapa-progress {
	background:url("../images/loading2.gif") 10px 50% no-repeat;
	border:2px solid #F2DD8C; 
	background-color:#FFF5CC;
	padding:10px;
	text-indent:30px;	
    width:260px;
	border-radius: 6px 6px 6px 6px;	
    margin-bottom:10px;   
}

.etapa-alert {
	background:url("../images/ico-warning.gif") 10px 50% no-repeat;
	border:2px solid #F2DD8C; 
	background-color:#FFF5CC;
	padding:10px;
    width:260px;
	text-indent:30px;	
	border-radius: 6px 6px 6px 6px;	
    margin-bottom:10px;   
}

.etapa-error {
	background:url("../images/ico-delete.gif") 10px 50% no-repeat;
	border:2px solid #FFAEAE; 
	background-color:#FEEBEB;
	padding:10px;
    width:260px;
	text-indent:30px;	
	border-radius: 6px 6px 6px 6px;	
    margin-bottom:10px;    
}

.etapa-ok {
	background:url("../images/ico-done.gif") 10px 50% no-repeat;
	border:2px solid #BBDF8D; 
	background-color:#EAF7D9;
	padding:10px;
    width:260px;
	text-indent:30px;	
	border-radius: 6px 6px 6px 6px;	
    margin-bottom:10px;   
}

.etapa-content {
    width:auto;
    height:auto;
}

.etapa-item {
    width:auto;
    min-height:30px;
}

.etapa-label {
    float:left;
    width:200px;
}

.etapa-control {
    float:left;    
    margin-left:10px;
}

.content-scroll {
    position:relative; 
    margin:0px auto; 
    padding:0px;    
    width: 1020px; 
    height: 610px; 
    overflow: scroll; 
    padding-right:2px;
}

.scroll-popup {
    position:relative; 
    margin:0px auto; 
    padding:0px;    
    width: auto; 
    height: 200px; 
    overflow: scroll; 
    padding-right:2px;
}

input[type=button], input[type=submit], #btnGrabar {
	background-image:url('../images/fndboton.png');
	background-repeat:repeat-x;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	padding:0 10px;  
	cursor:pointer;
	height:25px;
	line-height:20px;
	padding-bottom:2px;
	border:1px solid #6CBCE8;
	border-radius: 4px 4px 4px 4px;	
	margin-left:4px;
}

    input[type=button]:hover, input[type=submit]:hover, #btnGrabar:hover {
	background-image:url('../images/fndboton-hover.png');
	background-repeat:repeat-x;
	color:#ffffff;
	border-color:#7FB5D2;
}

.tabla-adicional tbody tr td, thead tr th {
    white-space: nowrap;
    overflow: hidden;
    font-size:11px;
    border:1px solid #dddddd;
}

.tabla-adicional tbody tr td {
    white-space: nowrap;
    overflow: hidden;
    font-size:11px;
    text-align:left;
    border:1px solid #dddddd;
}

.tabla-adicional tfoot tr td {
    white-space: nowrap;
    overflow: hidden; 
    border:1px solid #dddddd;
}

.tabla-icono tbody tr td {
    vertical-align:middle;
    padding:0px 2px;
     white-space: nowrap;
    overflow: hidden;
    font-size:11px;
    text-align:left;
    border:1px solid #dddddd;
}

    .tabla-icono tbody tr td a img {
    width:18px;
    height:18px;
    margin-top:1px;   
}

.paginado {
    height:25px;    
    width:auto;
    float:right;   
    margin-bottom:10px;
    margin-top:10px;
}

    .paginado div {
    float:left;
    height:25px;
    width:25px;
    width:auto;   
    line-height:25px;
}

        .paginado div a {
    color:#3498DB;
    text-decoration:none;
    padding:0 4px;   
}

        .paginado div:hover {
    font-weight:bold;
    background-color:#3498DB; 
}

            .paginado div:hover a, .paginado div a:hover {
    color:#fff;
} 

.paginado-activo {
    background-color:#3498DB; 
}

    .paginado-activo a span {
   color:#fff;
}

.pag-ini {
    font-weight:bold;       
}

.pag-fin {
   font-weight:bold;
}

.search-content {
	background-color:#EDF5FC;
	border:1px solid #D9E8F3;
	padding:15px;
	width:auto;   
	border-radius: 4px;	
	margin-bottom:20px;
}

    .search-content input[type='text'] {
	background-color:#fff;
	width:100px;
}

    .search-content select {
	background-color:#fff;  
	width:150px;  
}

.form-manual {
float:right;
text-align:right;
clear:both;
}

    .form-manual a {
        color:#d86438;
    }

.pdf {
	width: 100%;
    min-width:600px;	
    height:550px;
	margin: auto;	
    margin-bottom:10px;
}


/**ESTILOS ADICIONALES JCP**/

.form-title_intranet {
	font-size:20px;
	color:#3D90CB;
	text-align:left;
    text-indent:15px;
	width:auto;	
    height:60px;
    line-height:50px;
    background-image:url('../images/fnd-map.png');
    background-position:bottom;
	background-repeat:repeat-x;         
}

.content-titulo
{
    width:auto;
    float:left;
    font-size:20px;
	color:#3D90CB;
}

.content-botonera {
    float: right;
    height: 30px;
    width: auto;
    margin-right: 20px;
}

.botonera-item {
    width:auto;
    float:left;
    height:30px;
}

.content-hijo {
    padding:15px;
    min-height:480px;
}

.formulario-label {
	color:#5289B1;
	font-weight:bold;
	width:120px;
	float:left;
	text-indent:15px;
	line-height:35px;    
}

.formulario-control {
	width:230px;
	float:right;
	line-height:35px;
	margin-right:15px;
}

.formulario-item {
	background-color:#D9E8F3;
	height:35px;
	width:auto;
	margin:10px 0;
	 border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}
div#contenidoPopup table {
    text-align: left;
    position: relative;
    border-collapse: collapse;
}




    div#contenidoPopup table:not(.pretty ) th {
        background: white;
        position: sticky;
        top: 0; /* Don't forget this, required for the stickiness */
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    }



/*table.thead-fixed {
    text-align: left;
    position: relative;
    border-collapse: collapse;
}




    table.thead-fixed th {
        background: white;
        position: sticky;
        top: 0;*/ /* Don't forget this, required for the stickiness */
        /*box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    }*/

table.thead-fixed {
    text-align: left;
    position: relative;
    border-collapse: collapse;
}




    table.thead-fixed thead {
        background: white;
        position: sticky;
        top: 0;
    }

.info-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top:35px;
}

.info-column {
    width: 50%;
    font-size: 12px;
    line-height: 20px;
}


/*.tab a {
    text-decoration: none;
    color: black;
    padding: 10px;
    display: block;
}

    .tab a.active {
        background-color: yellow;
        color: blue;
    }*/