/* # Login
============================================*/
body {
	/*font-family: 'Bookman Old Style', Helvetica, Arial, sans-serif;*/
	font-family: 'Tahoma';
	font-size: 12px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-Attachment:fixed;
	overflow-x: hidden;
}

.form-login {	
	width: 500px;
	margin: auto;
	padding-top: 36px;
	padding-bottom: 36px;
	margin-top: 95px;
	background-color: #fcfcfc;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 0px solid #000000;  	

}
.contenedor-login {
	background-image: url(../img/portada.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #fff;
	position: absolute;
	left:0px;
	right: 0px;
	width: 100%;
	bottom: 0px;
	height: 100%;
	z-index: 999;
}

/* # HEADER
============================================*/
/* header 1 */
/* menu 1*/
.menu-principal {
	background-image: url(../img/menu_base.png);
	background-repeat: no-repeat;
	background-position: 0px 20px ;
	background-size: 100%;
	margin: auto;
	overflow: hidden;
	width: 665px;
	height: 65px;
}
.menu-principal > li {
	float: left;
	list-style: none;
}

.img-mp {
	background-repeat: no-repeat;
	background-size: 100%;
	width: 59px;
	height: 71px;
	margin-top: -7px;
}
.img-mp:hover {
	background-repeat: no-repeat;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s; 
	-o-transition: 0.5s;
}


.esfera1 { background-image: url(../img/esfera1.png); margin-left: 40px;}
.esfera2 { background-image: url(../img/esfera2.png); }
.esfera3 { background-image: url(../img/esfera3.png); }
.esfera4 { background-image: url(../img/esfera4.png); }
.esfera5 { background-image: url(../img/esfera5.png); }
.esfera6 { background-image: url(../img/esfera6.png); }
.esfera7 { background-image: url(../img/esfera7.png); }
.esfera8 { background-image: url(../img/esfera8.png); }
.esfera9 { background-image: url(../img/esfera9.png); }
.esfera10 {	background-image: url(../img/esfera10.png); }

.esfera1:hover { background-image: url(../img/esfera1B.png); }
.esfera2:hover { background-image: url(../img/esfera2B.png); }
.esfera3:hover { background-image: url(../img/esfera3B.png); }
.esfera4:hover { background-image: url(../img/esfera4B.png); }
.esfera5:hover { background-image: url(../img/esfera5B.png); }
.esfera6:hover { background-image: url(../img/esfera6B.png); }
.esfera7:hover { background-image: url(../img/esfera7B.png); }
.esfera8:hover { background-image: url(../img/esfera8B.png); }
.esfera9:hover { background-image: url(../img/esfera9B.png); }
.esfera10:hover { background-image: url(../img/esfera10B.png); }

/* menu sub 1 */
.menu-principal > li > ul {	
	position: fixed;
	border-radius: 5px;
	list-style: none;
	height: 0px;
	width: 150px;
	-moz-transition:all .6s;/*Firefox*/
	-webkit-transition:all .6s;/*Crome/Safari*/
	-ms-transition:all .6s;/*IE-->No funciona todavía*/
	-o-transition:all .6s;/*Opera*/
	transition:all .6s;
	z-index: 999;
	overflow: hidden;
	background-color: rgba(70, 130, 180, 0.901961);	
	margin-left: -5px !important;

}
.menu-principal > li + li > ul {
	margin-left: -40px !important;
}

.menu-principal > li:hover > ul {

	background-color:#C2D0CF; /*color letra menu*/
	list-style: none;
	-moz-transition:all .6s;/*Firefox*/
	-webkit-transition:all .6s;/*Crome/Safari*/
	-ms-transition:all .6s;/*IE-->No funciona todavía*/
	-o-transition:all .6s;/*Opera*/
	transition:all .6s;
}
.menu-principal > .m1:hover > ul { height: 30px; }
.menu-principal > .m2:hover > ul { height: 60px; }
.menu-principal > .m3:hover > ul { height: 90px; }
.menu-principal > .m4:hover > ul { height: 120px; }
.menu-principal > .m5:hover > ul { height: 150px; }
.menu-principal > .m6:hover > ul { height: 180px; }
.menu-principal > .m7:hover > ul { height: 210px; }
.menu-principal > .m8:hover > ul { height: 240px; }
.menu-principal > .m9:hover > ul { height: 270px; }
.menu-principal > .m10:hover > ul { height: 300px; }
.pri {
	border-radius: 5px 5px 0px 0px;
}
.ult {
	border-radius: 0px 0px 5px 5px;
}
.menu-principal > li:hover > ul > li:hover {
	background-color: #2E5779;
	-moz-transition:all .6s;/*Firefox*/
	-webkit-transition:all .6s;/*Crome/Safari*/
	-ms-transition:all .6s;/*IE-->No funciona todavía*/
	-o-transition:all .6s;/*Opera*/
	transition:all .6s;
}

.menu-principal > li > ul > li > a{
	color: #000;
	font-size: 11px;
	padding: 5px 20px 5px 20px;
	display: block;
	text-decoration: none;
}

.menu-principal > li:hover > ul > li:hover > a{
	color: #fff;
	-moz-transition:all .6s;/*Firefox*/
	-webkit-transition:all .6s;/*Crome/Safari*/
	-ms-transition:all .6s;/*IE-->No funciona todavía*/
	-o-transition:all .6s;/*Opera*/
	transition:all .6s;
}

.contenedor-credito-super-izq {
	height: 100%;
	width: 48%;
	float: left;
	margin-bottom: 10px;
	margin-top: 2px;
	/*border: 1px solid #29d90b;*/
}


.contenedor-credito-super-der {
	height: 100%;
	width: 48%;
	float: right;
	margin-bottom: 10px;
	margin-top: 2px;
	/*border: 1px solid #29d90b;*/
}


.contenedor-credito-cobrar-izq {
	height: 100%;
	width: 48%;
	float: left;
	margin-bottom: 0px;
	margin-top: 0px;
	/*border: 1px solid #E9E8E8;*/
}

.contenedor-credito-cobrar-der {
	height: 100%;
	width: 51%;
	float: right;
	margin-bottom: 0px;
	margin-top: 0px;
	/*border: 1px solid #E9E8E8;*/
}

/* header 2 */
/*.puntos {
	float: left;
	margin-top: 50%;
	width: 16px;
	position: absolute;
	z-index: 999;
	-webkit-transform: rotate(270deg);
 	-moz-transform: rotate(270deg);
 	transform: rotate(270deg);
}*/
/* menu 2 */
/*.menu-principal {
	background: transparent;
	float: left;
	-webkit-transform: rotate(270deg);
 	-moz-transform: rotate(270deg);
 	transform: rotate(270deg);
 	margin-top: 7%;
 	width: 580px;
 	margin-left: -120px;
 	margin-right: -360px;
 	height: 300px;
}
.img-mp {
	width: 55px;
	height: 66px;
	margin-left: -8px;
	-webkit-transform: rotate(90deg);
 	-moz-transform: rotate(90deg);
 	transform: rotate(90deg);
}*/
/* menu sub 2 */
/*.menu-principal > li > ul {

}*/


/* # CUERPO
============================================*/
.cuerpo {
	margin: 5px;
	background-color:rgba(255, 255, 255, 0.701961);
	padding: 10px;
	overflow: hidden;
	min-width: 900px;
}
.img-cargando-sgi {
	margin: auto;
	background-image: url(../../../images/cargando.gif);
	width: 20px;
	height: 20px;
}

.img-corredizo-sgi {
	margin: auto;
	background-image: url(../../../images/corredizos3.gif);
	width: 40px;
	height: 15px;
}

.contenedor-bloquear {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left:0px;
	right: 0px;
	width: 100%;
	bottom: 0px;
	height: 100%;
	z-index: 999;
}
.contenedor-registroweb {
	background-color: #fff;
	position: absolute;
	left:0px;
	right: 0px;
	width: 100%;
	bottom: 0px;
	height: 100%;
	z-index: 999;
}
.alert-bloq-sgi {
	display: block !important;
	width: 500px;
	margin: auto;
	margin-top:18%;
}
.form-horizontal-sgi {
	margin-left: 10px;
}
.text-sgi {
	padding-left: 0px;
	padding-bottom: 4px; /*espacio entre div text-sgi*/
	overflow: hidden;
}
.text-sgi-sangria {
	padding-left: 20px;
	padding-bottom: 5px;
	overflow: hidden;
}

.text-sgi-sangria-cubicacion {
	width: 470px;	
	padding-left: 30px;
	padding-bottom: 5px;
	/*overflow: hidden;*/
	border-color: transparent;
	border-style:solid;
}

.required {
	background-image: url(../../../images/error1.PNG);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 35px;

}
.text-error {
	font-size: 12px;
	margin-bottom:-5px;
}
.label-sgi {
	margin-right: 30px;
	/*text-decoration: underline;*/
}

.label-sgi-radio {
	float: left;
	margin-right: 8px;
	margin-top: 3px;
}
.sgi-mini {
	float: left;
	font-size: 10px;
	margin-right: 8px;
	margin-top: 2px;
}


.radio-sgi {
	float: left;
	margin-right: 25px;
	margin-top: 3px;
	VERTICAL-ALIGN: top;
}

.radio-sgi-venta {
	
}

.label-text-sgi {
	float: left;
}
.pager-sgi-input-mas {
	margin: 0px;
	margin-left: 10px;
	float: left;
}
.pager-sgi-input-menos {
	display:inline-block;
  	margin:0;
  	vertical-align:middle;
}
.udh-success {
	height: 16px;
	border-color: green !important;
	padding-left: 1px !important;
	padding-right: 1px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.udh-successs {
	border-color: green !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.udh-danger {
	border-color: red !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.icon-sgi {
	margin-top: -1px;
}

hr {
	margin-left: 20px !important;
}
.mas-center {
	margin-top:0px;
	margin-bottom:-10px;
}
.pager-sgi-input-menos-form {
	float: right;
	margin-top: -5px;
}
.fondo-container {
	background-color: #ffffff;
	padding-top: 20px;
	padding-bottom: 10px;
}
.text-align-center {
	text-align: center;
}
/* popout */
.modal-footer {
	padding-top: 0px;
	padding-bottom: 0px;
}
.pager-1 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.modal {
	/*border:10px solid rgba(0,0,0,0.5);*/
	background-color: rgba(255,255,255,0.3);
	border:1px solid #ffffff;
	padding: 10px;
	border-radius:0px;
}
.modal-header,.modal-body,.modal-body-viewventa {
	background-color: #ffffff;
}
.modal-footer {
	border-bottom-left-radius:0px;
 	border-bottom-right-radius:0px;
}


/* iconos */
.icono {
	background-repeat: no-repeat;
	background-size: 100%;
	width: 15px;
	height: 15px;
	margin: 3px;
	float: left;
}

.editar { background-image: url(../../../images/edit.png); }
.buscar { background-image: url(../../../images/search.png); }
.eliminar {	background-image: url(../../../images/delete.png); }

/* ======= fondo ======= */

.form-subir-img {
	width: 535px;
	margin: auto;
}
.accion {
	display: none;
	position: absolute;
	margin-top: -30px;
	margin-left: 10px;
}
.fondo-img:hover > .accion {
	display: block;
}
/* ===== estilo ======== */
.tabla-estilo > tr > td {
	vertical-align:middle;
}

/* ======= colorpicker ========== */
.ui-colorpicker-preview { height: 20px; }
.ui-colorpicker-hsv-h {	margin-bottom: -5px; }
.ui-colorpicker-hsv-s {	margin-bottom: -5px; }
.ui-colorpicker-hsv-v {	margin-bottom: -15px; }
.ui-colorpicker-rgb-r {	margin-bottom: -5px; }
.ui-colorpicker-rgb-g {	margin-bottom: -5px; }
.ui-colorpicker-rgb-b {	margin-bottom: -15px; }
.ui-colorpicker-rgb-a {	margin-bottom: -5px; }

.ui-colorpicker-hex > label { float: left; }
.ui-colorpicker-special-transparent { float: left; }
.ui-colorpicker-number { padding: 0px 0px 0px 5px !important; width: 50px;}
.ui-colorpicker-hex-alpha {	width: 25px; padding: 0px 0px 0px 5px !important; }
.ui-colorpicker-hex-input {	width: 55px; padding: 0px 0px 0px 5px !important;}

.colorpicker-input { 
	display: none !important;
	width: 100px;
}

.ui-dialog-titlebar {
	margin-bottom: 10px;
}
/* ======== table =========== */
.checkbox-sgi {
	float: left;
	margin-left: 5px !important;
}
.input-t { 
	width: 70px;
}
.mini-t { 
	width: 15px;
}
.tabla-img-fondo {
	height: 22px;
}
.cont-estilo-opcion {
	width: 250px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}
.cont-estilo-imagen {
	width: 130px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}
.left-ubicacion {
	float: left;
}
.table-default {
	background-color: #ffffff;
	display: none;
}
.table-default > tbody > tr > td > button {
	line-height:0px;
	padding: 0px;
	margin-top: -10px;
	margin-bottom: -10px;
}
.table-default > tbody > tr > td > button > img {
	width: 25px;
}
.table-estilo-opcion {
	width: 240px;
	background-color: #ffffff;
}
.table-estilo-opcion > tbody > tr > td > button {
	line-height:0px;
	padding: 0px;
	margin-top: -10px;
	margin-bottom: -10px;
}
.table-estilo-opcion > tbody > tr > td > button > img {
	width: 25px;
}
/*=========== USUARIO * ============*/
.form-center {
	width: 480px;
	margin:auto;
	margin-bottom: -55px;
	margin-top: 40px;
}
.pager-sgi {
	margin-top: 0px;
}
.pager-sgi-cod {
	margin: 0px;
	float: right;
}


.usuario-m2-pupout {
	width: 200px;
	float: left;
}
.oculto,
.oculto1,
.oculto2,
.oculto3,
.oculto4,
.oculto5 {
	display: none;
}
.mostrar {
	display: block !important;
}
.opciones-usuario {
	width: 20px !important;
}
/*=========== PLANTILLA * ============*/
.tabla-plantilla {
	width: 100%;
}
.tabla-plantilla > thead > tr:nth-child(2n+2) {
	background-color: #1A5D94;
}
.tabla-plantilla > tbody > tr > td {
	border:1px solid #F0EFEF;
  	vertical-align:middle;
  	padding: 5px;
}
.plantilla-columna-cero {
	background-color: #E9E8E8;
	font-weight: bold;
}
.plantilla-columna-uno {
	background-color: #F2F2F2;
	font-weight: bold;
}
.plantilla-columna-dos {
	background-color: #F7F7F7;
}
.plantilla-columna-tres {
	background-color: #fff;
	font-style: italic;
}

.contenedor-plantilla-uno {

	height: 280px;
	width: 460px;
	float: left;
	margin-bottom: 10px;
}
.contenedor-plantilla-dos {
	width: 460px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}


.contenedor-compra-izq {
	height: 140px;
	width: 600px;
	float: left;
	margin-bottom: 10px;
	/*border: 1px solid #ffe3e1;*/
}
.contenedor-compra-der {
	height: 140px;
	width: 600px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	/*	border: 2px solid #ffe3e1;*/
	
}


.contenedor-cajachica-izq {
	height: 300px;
	width: 600px;
	float: left;
	margin-bottom: 10px;
	/*border: 1px solid #ffe3e1;*/
}
.contenedor-cajachica-der {
	height: 300px;
	width: 600px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	/*	border: 2px solid #ffe3e1;*/
	
}


.contenedor-obracalcula-izq {
	/*height: 140px;*/
	width: 450px;
	float: left;
	margin-bottom: 10px;
	/*border: 2px solid #dcec13;*/
	
}

.contenedor-obracalcula-der {
	/*height: 140px;*/
	width: 350px;
	float: left;
	margin-bottom: 10px;
	/*border: 2px solid  #dcec13;*/
	
}


.obracalcula-tab-conpuente {	
	width: 300px;
}

/* CON PUENTE ESCONDIDO*/


.puente-arriba-1{ /*puente arriba lado izquierdo*/
	height:50px;
	border-left-style:solid; color:#585858;
	border-top-style:solid; color: #ae1302 ;
	border-right-style:solid; color: #585858;
	border-bottom-color:  #0a0101 ;
	border-bottom-style: dotted; 		
}

.puente-arriba-2{ /*puente arriba lado derecho*/
	height:40px;
	border-left:solid; color:#585858;
	border-top:solid; color: #ae1302 ;
	border-right:solid; color: #585858;	
	border-bottom:solid; color: #585858;	
}

.puente-arriba-3{ /*puente arriba lado medio mayor de 3 luces*/
	height:40px;
	border-top:solid; color: #ae1302 ;
	border-bottom:solid; color: #585858;	
}

.puente-medio{ /*para entre puente y abajo*/
	height:20px;
	border-left:solid; color:#585858;
	border-right:solid; color: #585858; 	
}

.puente-base{ /*para base*/
	height:20px;
	border-left:solid; color:#585858;
	border-right:solid; color: #585858; 	
	border-bottom:solid; color: #585858; 	
}

/* CON PUENTE VISIBLE*/
.puente-arriba-vis{ /*puente arriba lado derecho*/
	height:40px;
	border-left:solid; color:#585858;
	border-top:solid; color: #ae1302 ;
	border-right:solid; color: #585858;	
	border-bottom:solid; color: #585858;		
}

/* SIN PUENTE*/
.sin-puente-arriba{ /*puente arriba lado derecho*/
	border-left:solid; color:#585858;
	border-right:solid; color: #585858; 
	border-top:solid; color: #585858;		
}

.sin-puente-medio{ /*para entre puente y abajo*/
	height:25px;
	border-left:solid; color:#585858;
	border-right:solid; color: #585858; 	
}

.sin-puente-base{ /*para base*/
	height:25px;
	border-left:solid; color:#585858;
	border-right:solid; color: #585858; 	
	border-bottom:solid; color: #585858; 	
}

/*fin puente*/


.contenedor-soportetecnico-izq {
	height: 350px;
	width: 500px;
	float: left;
	margin-bottom: 10px;
	margin-left: 50px;
	/*border: 1px solid #ffe3e1;*/
}
.contenedor-soportetecnico-der {
	height: 350px;
	width: 500px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	/*border: 1px solid #ffe3e1;*/	
}

.contenedor-soportetecnico-izq-edit {
	height: 280px;
	width: 500px;
	float: left;
	margin-bottom: 10px;
	margin-left: 50px;
	/*border: 1px solid #ffe3e1;*/
}
.contenedor-soportetecnico-der-edit {
	height: 280px;
	width: 500px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	/*border: 1px solid #ffe3e1;*/	
}

.contenedor-soportetecnico-cen {
	height: 280px;
	width: 1000px;
	float: left;	
	margin-left: 50px;
	/*border: 1px solid #ffe3e1;*/
	
}

.contenedor-soportetecnico-cen-abajo {
	height: 50px;
	width: 1000px;
	float: left;
	margin:0 auto 0 auto;
	/*border: 1px solid #ffe3e1;*/
	
}


.contenedor-plantilla-resultado {
	background-color: #fff;
	margin-bottom: 10px;
	background-color: transparent !important;
}

/*=========== PRODUCTO * ============*/
/*#form-producto {
	width: 550px;
	margin: auto;
}*/

#txtProductoPlantillaTexto {
	width: 97%;
}
.editar-producto-plantilla {
	float: right;
	margin-top: -10px;
	
}
/*=========== COMPRA * ============*/
.form-compra {
	width: 500px;
	margin: auto;
	/*border: 2px solid  #ccc;*/
}


.tabla-compra-producto {
	width: 100% !important;
}
.fondo-compra { 
	/*background-color: #ffffff;*/
	padding-top: 5px; /*espacio superior del titulo al texto*/
	padding-bottom: 5px; /*espacio inferior  al texto*/
	/*border: 2px solid  #ccc;*/
}
/*=========== EMPRESA * ============*/
.alert-empresa-sgi {
	margin-bottom: 0px;
	width: 180px;
	padding:4px 30px 4px 11px;
}
.img-polaroid-empresa-sgi {
	height: 50px;
}

.imgform {
	margin-top: -5px;
	margin-left: 0px;
	margin-bottom: 5px;
}
/*=========== FORM * ============*/
.form-clientetelefono,
.form-clienteweb,
.form-clientecorreo,
.form-usuariotelefono,
.form-usuariocorreo {
	margin-bottom:0px;
}

span.valid {
	width: 24px;
	height: 24px;
	/*background: url(../../../images/valid.png) center center no-repeat;*/
	background-image: url("../../../images/glyphicons-halflings.png");
	background-position: -283px 3px;
	background-color: green;
	display: inline-block;
	text-indent: -9999px;
	border-radius:15px;

}
/*============ NUEVA EMPRESA =======*/
.container-nueva-empresa {
	width: 550px;
	margin: auto;
}

/*======== producto rapido ============*/
.select-product {
	margin-left: -5px !important;
	margin-bottom: -5px !important;
	margin-right: -5px !important;
	margin-top: -8px !important;
	border:0px;
}
.center-select-familia {
	width: 670px;
	margin: auto;
	margin-bottom: -15px;
	margin-top: 7px;
}
.form-center-length {
	width: 550px;
	margin:auto;
	height: 40px;
	margin-bottom: 8px;
}
.checkboxfull {
	text-align: right;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: -20px;
}
.checkboxfull > input {
	margin-top: -4px;
}









/*==========================================================*/
.contenedor-eliminar-formulario-uno {
	float: right;
	margin-top: 1px;
}
.form-horizontal {
	margin-bottom: 0px !important;
}
hr {
	margin: 3px;
	margin-bottom: 6px;
}
.center-btn {
	text-align: center;
	margin-bottom: -50px;
	margin-top: 20px;
}
.right-btn {
	text-align: right;
	margin-bottom: -50px;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.contenedor-archivos-temporales {
	padding-top: 5px;
	border-bottom: 1px solid #ccc;
	background-image: url(../../../images/pdf.png);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 5px;
	padding-left: 30px;
	padding-bottom: 5px;

}
.dataTables_length {
	padding-bottom: 8px !important;
	margin-bottom: 10px;
}
.dataTables_filter {
	margin-top: -52px !important;
	margin-bottom: 15px !important;
}
.span66 {
	width: 480px;
}
.span61 {
	width: 445px;
}
.center-btn-plantilla {
	text-align: center;
	margin-top: 10px;
}
.center-btn-interno {
	text-align: center;
	margin-bottom: -37px;
	margin-top: 7px;
}
.center-btn-externo {
	margin: 5px;
	margin-top: 15px;
	text-align: center;
}
.text-referencial {
	margin-left: 150px;
}
.center-btn-pager {
	margin-left: 220px;
	display: block;
	height: 30px;
	overflow: hidden;
}
.imagen-close-producto {
	margin-top: 10px;
}
.imagen-producto {
	margin-top: -30px;
}
.contenedor-archivos-imagen {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.alertar-producto-imagen {
	background-size: red;
	margin-top: 0px;
	width: 100%;
}
.oculto11,
.oculto22 {
	visibility: hidden;
}