@CHARSET "UTF-8";

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("./bootstrap/fonts/glyphicons-halflings-regular.eot");
  src: url("./bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("./bootstrap/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("./bootstrap/fonts/glyphicons-halflings-regular.woff") format("woff"), url("./bootstrap/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("./bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

@media (max-width:768px){
	#envolventeLogin { margin-top: 5% !important; }
	#letreroBienvenidaLogin { font-size: 1.5rem; }
}

@media (max-width:991px) and (min-width:768px){
}

/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media ( min-width : 1024px) {
	html {
		font-size: 10px;
	}
}

/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media ( min-width : 1400px) {
	html {
		font-size: 10px;
	}
	
	.mb-4 {
    	font-size: 1.8em !important;
	}

	.mb-3 {
		font-size: 1.6em !important;
	}
}

@font-face {
	font-family: cisco;
	src: url("../fonts/CiscoSansTTLight.ttf");
}

html {
	margin: 0px;
	padding: 0px;
	font-family: 'cisco','Arimo', sans-serif !important;
	font-size: 13px;
	height: 100%;
}

body {
	overflow: hidden;
	font-family: 'cisco','Arimo', sans-serif !important;
}

h1 {
	color: #333;
	font-size: 1.3rem;
	font-family: font-family: 'cisco','Arimo', sans-serif;
	font-weight: lighter;	
}

h2 {
	color: #333;
	font-size: 1.3rem;
	font-family: font-family: 'cisco','Arimo', sans-serif;
	font-weight: lighter;
}

h3 {
	color: #333;
	font-size: 1.20rem;
	font-family: font-family: 'cisco','Arimo', sans-serif;
	font-weight: lighter;
}

h4 {
	color: #333;
	font-size: 1.15rem;
	font-family: font-family: 'cisco','Arimo', sans-serif;
	font-weight: lighter;
}
h5 {
	color: #333;
	font-size: 1rem;
	font-family: font-family: 'cisco','Arimo', sans-serif;
	font-weight: lighter;
}
h6 {
	color: #333;
	font-size: 0.9rem;
	font-family: font-family: 'cisco','Arimo', sans-serif;
	font-weight: lighter;
}
hr {
    border-bottom: 1px solid #E7EAEA;
    border-top: 1px solid #B0B0B0;
    color: #ddd !important;
    margin: 2% 0 3% 7.5%;
    width: 85%;
}

form {
	height: 100%;
}

textarea {
    border: 1px solid #dadada;
    border-radius: 3px;
    color: #0f4069;
    font-family: inherit;
    padding: 1%;
}

#headerTitle {
	color: #1b515d;
	cursor: pointer;
	font-size: 1.25rem;
	font-weight: lighter;
	margin: 0px 0 5px;
	padding-left: 15px;
}

#headerTitle:hover {
	color: #FC6824;
	cursor: pointer;
	padding-left: 15px;
}

#headerAppName{
	color: #1b515d;
	font-size: 1.3rem;
	padding-left: 15px;
	margin: 2px 2px 0 2px !important;
}

#titulosAppLogin span {
	display: inline-block;
	color: #1b515d;
	font-family: 'Poppins', sans-serif;
	font-size: 1.3em;
	padding: 10px 0;
	width: 100%;
}

#headerAppNameIndex {
	color: #566566 !important;
	display: inline-block !important;
	font-family: 'Viga', sans-serif !important;
	font-size: 1.2em !important;
	padding: 10px 0 !important;
	width: 100% !important;
}

.buttonLogin,
.buttonResetPassword {
    background-color: #566566;
    border: 1px solid #566566;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 21px;
    outline: 0 none;
    padding: 1.5%;
    width: 100%;
}

#buttonLogin:hover,
#formButtonResetPass:hover,
#buttonCambiaPassword:hover {
	background-color: #D6D4C7; 
	color: #FFFFFF; 
	border: 1px solid #D6D4C7;
}

#buttonLogin:active,
#formButtonResetPass:active,
#buttonCambiaPassword:active {
	background-color: #FFFFFF;
	border: 1px solid #95BB2F;
	color: #9A9A9A; 
}

#divEspera {
    background-color: rgba(255, 255, 255, 0.9);
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10100;
}

#divEspera p {
    background: rgba(0, 0, 0, 0) url("../images/icons/loading-safe.gif") no-repeat scroll 0 50% / 100px 150px;
    color: #0f4069;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    height: 25%;
    left: 0;
    margin-left: -5%;
    position: relative;
    top: 33.3%;
    vertical-align: middle;
}
#divEspera p span {
    color: #46aee3;
    font-family: inherit;
    font-size: 1.5em;
    left: 120px;
    position: relative;
    top: 50%;	
}
#divEsperaPorElemento {
	background-color: rgba(255, 255, 255, 0.98);
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 1000;
}
#divEsperaPorElemento p {
	background: rgba(0, 0, 0, 0) url("../images/icons/ajax-loaderSAFE.gif")
		no-repeat scroll 50% 50%;
	display: inline-block;
	height: 20%;
	left: 0;
	margin: 0;
	position: relative;
	top: 35%;
	width: 100%;
}
#envolventePrincipal {
	height: 100%;
	left: 0;
	margin: 0 !important;
	position: absolute;
	top: 0;
	width: 100%;
}
#envolventeContenedor{
	border: 1px solid transparent;
	border-radius: 10px;
	float: left;
	height: 60%;
	left: 20%;
	position: relative;
	margin-top: 10%;
	width: 60%;	
}
#envolventeMensaje{
	border-radius: 10px 0 0 10px;
	float: left;
	height: 100%;
	position: relative;
	width: 50%;
}
#mensajes-login{
	float: left;
	height: 19.5%;
	position: relative;
	width: 100%;
}
#envolventeLogin {
	background-color: #fff;
	float: left;
	height: 100%;
	margin-left: 5%;
	position: relative;
	top: 0;
	width: 45%;
}
#letreroIzquierdo {
	float: left;
	position: relative;
	width: 100%;
}
#divLogoSAFE {
	float: left;
	height: 11.5%;
	position: relative;
	text-align: center;
	width: 100%;
}
#logoSAFE{
	width: 50%;
}
#img-login{
	float: left;
	height: 80.5%;
}
#imgLogoSAFE {    
    padding: 2.5% 0 0 20%;
    width: 60%;    
}
#image-work{
	width: 100%;
}
#titulosAppLogin {
	color: #0f4069;
	font-size: 0.9rem;
	float: left;
	height: 8%;
	position: relative;
	text-align: center;
	width: 100%;
}

#login {
	color: #0f4069;
	float: left;
	position: relative;
	width: 100%;
}

#LoginTable {
	width: 100%;
}

#LoginTable tbody tr:nth-child(6) td, 
#resetSAFETable tfoot tr:nth-child(2) td:nth-child(1) {
	padding: 0 0 15px 0;
}

#LoginTable tbody tr:nth-child(1) td,
#LoginTable tbody tr:nth-child(7) td{
	text-align: center;
}
#letreroBienvenidaLogin{
	font-size: 1.85rem;
	margin: 10px 0;
} 
#LoginTable input { 
	border-bottom: 2px solid #dcdcdc;
	border-bottom-color: rgb(220, 220, 220);
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left: 0;
	border-top: 0;
	border-radius: 3px;
	border-right: 0;
	color: #0f4069;
	font-size: 15px;
	padding: 5px 0 5px 0px;
	text-align: center;
	width: 100%;	
}

#LoginTable span{
	display: inline-block;
	font-size: 1.2rem;
	margin-left: 5%;
	text-align: left;
	width: 100%;
}
#password{
	margin: 0 0 30px 0;
}
#email{
	margin: 0 0 20px 0;
}
#resetSAFETable input {
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	color: #0f4069;
	font-size: 15px;
	margin: 5% 0;
	padding: 10px 0 10px 50px;
	text-align: left;
	width: 80%;
}

#LoginTable a,
#resetSAFETable a {
	color: #999999;
	font-family: "Cabin", sans-serif !important;
	font-size: 1.3em;
	font-weight: 400;
	text-decoration: none;
}

#LoginTable a:hover,
#resetSAFETable a:hover {
	color: #18315A;
}

.button {
	background-color: #0f4069;
	border: medium none;
	border-radius: 5px;
	color: #ffffff;
	height: 35px;
	width: 150px;
}

.button:hover {
	border: 1px solid #fff;
	cursor: pointer;
}

#header {
	background: #f6f6f6 none repeat scroll 0 0;
	border-bottom: 1px solid #dadada;
	height: 45px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

#headerLogo {
	position: relative;
	float: left;
	width: 221px;
}

#divTitulos {
	position: relative;
	float: left;
}

#divAvatar {
	cursor: pointer;
	float: right;
	margin: 0px 15px 0 15px;
	position: relative;
	top: 6px;
}

#divAvatarPerfil {
    margin-left: 1%;
    position: absolute;
    top: 10%;
    width: 25%;
}

.tools-bar{
	color: #000000;
	cursor: pointer;
	float: right;
	font-family: FontAwesome;
	font-size: 1.3rem;
	content: "";
	height: 45px;
	position: relative;
	text-align: center;
	width: 45px;
}

.tools-bar:hover {
	background-color: #d7d7d7;
	color: #333 !important;
}

.tools-bar i.icon{
	margin-top: 15px;	
}

#divIconActualiza:hover,
#divIconNotificaciones:hover{
	background-color: transparent !important;
	font-size: 1.8rem !important;
}

#divIconActualiza:hover i.icon{
	margin-top: 10px;
}

#divTooltip {
	background-color: #FBFBFB;
	border-radius: 5px;
	color: #888888;
	display: table;
	font-size: 1em;
	height: 25px;
	position: absolute;
	z-index: 1000;
	border: 2px solid #C8C9CC;
}

#divTooltip:before {
	content: "";
	width: 0;
	position: absolute;
	border-style: solid;
}

#divTooltip.arrowUp:before {
	border-color: #C8C9CC transparent #C8C9CC transparent;
	border-width: 0 5px 10px 5px;
	right: 10px;
	top: -9px;
}

#divTooltip.arrowRight:before {
	border-color: transparent #C8C9CC;
	border-width: 5px 0 5px 10px;
	right: -9px;
	top: 7px;
}

#divTooltip.arrowLeft:before {
	border-color: transparent #C8C9CC;
	border-width: 5px 10px 5px 0;
	left: -9px;
	top: 7px;
}

#divTooltip.arrowBottom:before {
	border-color: #C8C9CC transparent #C8C9CC transparent;
	border-width: 10px 5px 0 5px;
	right: 165px;
	top: 25px;
}

#divTooltip span {
	display: table-cell;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

#divNumberMessages {
    background-color: #ff6600;
    border-radius: 10px;
    color: #fff;
    font-family: 'Arimo', sans-serif;
    font-size: 1rem;
    left: 25px;
    padding: 1px 8px;
    position: absolute;
    text-align: center;
    top: 1px;
}

#divMessage {
	background-color: #98C22D;
	border-radius: 5px 5px 0 0;
	bottom: 0;
	color: #0f4069;
	display: none;
	font-size: 1.1em;
	font-weight: 700;
	padding: 5px 15px;
	position: absolute;
	text-align: center;
	z-index: 10;
}

#contents {
	background-color: #FFFFFF;
    background-position: 50% 45%;
    background-repeat: no-repeat;
    background-size: 50%;
	float: left;
	left: 220px;
	margin: 0;
	position: absolute;
	top: 45px;
	z-index: 9;
}
.contenedorMensajes {
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.hrVertical:before {
    content:"";
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 3px solid #ababab;
    transform: translate(-50%);
}
.wraperMensajes {
    background-color: #FFFFFF;
    height: 80%;
    left: 0;
    margin: 0 auto;
    overflow: auto;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 10;
}
.wraperMensajesHistorial {
    background-color: transparent;
    height: 100%;
    left: 0;
    margin: 0 auto;
    overflow: auto;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 10;
}

.contenedorMensaje {
    background-color: #fff;
    border-radius: 0 20px 20px 20px;
    float: left;
    font-size: 0.9em;
    margin: 0.88%;
    width: 30%;
}

.contenedorMensajeHistorial {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    font-size: 0.9em;
    margin: 1% 2.5%;
    width: 45%;
}

.alineado-izquierda-Alert{
	border-radius: 0 25px 25px;
	float: left;
	left: 5%;
	margin: 1% 2.5%;
	position: relative;
}

.alineado-izquierda-Warning{
	border-radius: 0 25px 25px;
	float: left;
	left: 5%;
	margin: 1% 2.5%;
	position: relative;
}

.alineado-izquierda-Normal{
	border-radius: 0 25px 25px;
	float: left;
	left: 5%;
	margin: 1% 2.5%;
	position: relative;
}

.alineado-derecha-Alert{
	border-radius: 25px 0 25px 25px;
	float: right;
	right: 5%;
	margin: 1% 2.4%;
	position: relative;
}

.alineado-derecha-Warning{
	border-radius: 25px 0 25px 25px;
	float: right;
	right: 5%;
	margin: 1% 2.4%;
	position: relative;
}

.alineado-derecha-Normal{
	border-radius: 25px 0 25px 25px;
	float: right;
	right: 5%;
	margin: 1% 2.4%;
	position: relative;
}

.alineado-derecha-Alert:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	margin: -2px 0 0 5px;
	border-bottom: 35px solid #fc4348;
	border-right: 32px solid transparent;
	border-left: 0px solid transparent;
	left: 100%;
}

.alineado-derecha-Warning:before { 
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	margin: -2px 0 0 5px;
	border-bottom: 35px solid chocolate;
	border-right: 32px solid transparent;
	border-left: 0px solid transparent;
	left: 100%;
}

.alineado-derecha-Normal:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	margin: -2px 0 0 5px;
	border-bottom: 35px solid #2c83cd;
	border-right: 32px solid transparent;
	border-left: 0px solid transparent;
	left: 100%;
}

.alineado-izquierda-Alert:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	margin: -2px 0 0 -37px;
	border-bottom: 35px solid #fc4348;
	border-right: 0px solid transparent;
	border-left: 32px solid transparent;
}

.alineado-izquierda-Warning:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	margin: -2px 0 0 -37px;
	border-bottom: 35px solid chocolate;
	border-right: 0px solid transparent;
	border-left: 32px solid transparent;
}

.alineado-izquierda-Normal:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	margin: -2px 0 0 -37px;
	border-bottom: 35px solid #2c83cd;
	border-right: 0px solid transparent;
	border-left: 32px solid transparent;
}

.MensajeAlert {
	border: 3px solid #ff9396;
}

.MensajeWarning {
	border: 3px solid #ffcc33;
}

.MensajeNormal {
	border: 3px solid #92c0e7;
}

.tituloMensajeAlert{
	background-color: rgba(255,147,150, 0.15);
	border-radius: 0 17px 0 0;
}

.tituloMensajeWarning{
	background-color: rgba(255, 204, 51, 0.25);
	border-radius: 0 17px 0 0;
}

.tituloMensajeNormal{
	background-color: rgba(146,192,231, 0.25);
	border-radius: 0 17px 0 0;
}

.titulo-mensaje-Alert-derecha {
	background-color: rgba(255,147,150, 0.15);
    border-radius: 20px 0 0;
}

.titulo-mensaje-Warning-derecha {
    background-color: rgba(255, 204, 51, 0.25);
    border-radius: 20px 0 0;	
}

.titulo-mensaje-Normal-derecha {
    background-color: rgba(146,192,231, 0.25);
    border-radius: 20px 0 0;	
}

.titulo-mensaje-Alert-izquierda {
	background-color: rgba(255,147,150, 0.15);
    border-radius: 0 20px 0 0;
}

.titulo-mensaje-Warning-izquierda {
    background-color: rgba(255, 204, 51, 0.25);
    border-radius: 0 20px 0 0;	
}

.titulo-mensaje-Normal-izquierda {
    background-color: rgba(146,192,231, 0.25);
    border-radius: 0 20px 0 0;	
}

.spanTituloMensaje {
    display: inline-block;
    font-size: 1.35em;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.pIdMensaje {
	color: #999999;
    display: inline-block;
    font-size: 1em;
    text-align: center;
    width: 100%;
}

.pIdMensajeHistorial {
    color: #777777;
    display: inline-block;
    font-size: 1em;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}

.tituloMensaje {
    display: table;
    font-size: 1.1em;
    height: 55px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.textoMensaje {
    height: 130px;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
    text-align: justify;
    width: 100%;
    z-index: 9;
}

.textoMensajeHistorial {
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
    text-align: justify;
    width: 100%;
    z-index: 9;
}

.Abierto{
	color: #59b3d5;
}

.Cerrado{
	color: #FF9396;	
}

.pTextoMensaje {
    color: #0f4069;
    font-size: 1.2em;
    margin: 1.5% !important;
    position: relative;
    text-align: justify;
    vertical-align: middle;
    width: 97%;
}

.contenedorMenuBarraPerfil{
    top: 41px !important;
}

.contenedorMenuBarra{
    background-color: #ffffff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 3px;
 	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);    
    display: none;
    left: -30px;
    position: absolute;
    top: 45px;
}

.contenedorMenuBarra ul{
	list-style: none;
	margin: 5px 0;
	max-width: 205px;
	text-align: left;
}

.contenedorMenuBarra ul li{
    color: #565656;
    font-family: 'Arimo', sans-serif;
    font-size: 1rem;
	padding: 3px 0 3px 10px;
}

.contenedorMenuBarra ul li:hover{
	background-color: #919C9D;
	color: #ffffff;
	cursor: pointer;
}

.fa-lista-mensaje {
	padding-left: 5px;	
	padding-right: 5px;
}

.botonesMensaje {
    background-color: #EFEFEF;
    border-radius: 0 0 20px 20px;
    display: table;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 10;
}

.contenedorControlesFormMensajes {
    text-align: center;
}

#notificacion{
	height: 80px !important;	
}

#id_notificaciones{
	background-color: #f3f3f3;
	width: 50px;
}

.contenedorNotificacion{
	height: 35%;
}

.contenedorUsuarios{
	height: 60%;
}

.label-fecha-notificacion{
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
	width: 5%;
}

.p-notificaciones{
	text-align: center;
}

.titulo-usuarios-notificacion{
	font-weight: bolder;
	font-size: 1.1rem;
	text-align: center;
	display: block;
	background-color: #f3f3f3;
	padding: 5px 0px;
	margin-left: 1%;
	border-radius: 10px 10px 0px 0px;
}

.contenedorControlesFormMensajes input,
.contenedorControlesFormPerfil input,
.contenedorControlesFormMensajes select,
.contenedorControlesFormPerfil select {
	margin: 0 15px;	
}

.contenedorControlesFormMensajes textarea{
    font-size: 1.2em;
    height: 150px;
    margin: 0 15px;
    width: 91%;
}

/************************* MENU *************************************/
#divMenu,#divMenu ul,#divMenu ul li,#divMenu ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#divPestaniaMenu {
	background-color: #F6F6F6;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #f6f6f6;
	border-radius: 0 0 5px 0;
	border-right: 1px solid #dadada;
	cursor: pointer;
	height: 37px;
	left: -37px;
	margin: 0 !important;
	position: absolute !important;
	text-align: center;
	top: 46px;
	width: 37px;
	z-index: 10;
}

.menuIcon{
    color: #919c9d;
    padding: 6px 5px 5px 5px;
}

#mensajeMenu {
    background-color: rgb(229, 229, 228);
    background-image: url("../../vista/images/icons/arrow_left_white.png");
    background-position: 3px 2px;
    background-repeat: no-repeat;
    border: 1px solid #999;
    border-radius: 0 5px 5px;
    box-shadow: 3px 3px 3px rgb(200, 200, 200);
    color: #000;
    left: 40px;
    padding: 8px 20px 6px 35px;
    position: relative;
    text-align: right;
    top: 0px;
    vertical-align: middle;
    width: 210px;
}

#divMenu {
	background-color: #f6f6f6;
	border-right: 1px solid #dadada;
	color: #ffffff;
	left: 0;
	overflow: auto;
	position: absolute;
	top: 46px;
	width: 220px;
	z-index: 10;
}

.cabeceraMenu {
	border-top: 1px solid #dadada !important;
	display: inline-block;
	font-size: 110%;
	padding: 0;
	text-align: left;
	width: 100%;
}

li.cabeceraMenu:nth-child(1) {
	border-top: none !important;
}

#divMenu ul ul {
	display: none;
}

#divMenu>ul>li.active>ul {
	display: block;
}

.align-right {
	float: right;
}

#divMenu>ul>li>a {
	background: #f6f6f6;
	color: #575656;
	cursor: pointer;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	padding: 10px 10px;
	text-decoration: none;
	z-index: 2;
	transition: color .2s ease;
}

#divMenu>ul>li.has-sub>a,#divMenu>ul>li.no-has-sub>a {
	color: #333;
	font-size: 1.1em;
}

#divMenu>ul>li>a:hover {
	background-color: #d7d7d7;
	color: #333;
}

#divMenu ul>li.has-sub.open>a:before {
	position: absolute;
	right: 22px;
	top: 19px;
	display: block;
	width: 10px;
	height: 2px;
	background: #575656;
	content: "";
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#divMenu ul>li.has-sub.open>a:after {
	position: absolute;
	right: 20px;
	top: 15px;
	z-index: 5;
	display: block;
	height: 10px;
	width: 2px;
	background: #575656;
	content: "";
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#divMenu ul>li.has-sub>a.seleccion:after,#divMenu ul>li.has-sub>a.seleccion:before{
	background: #FFFFFF;
}

#divMenu ul>li.has-sub>a:hover:after {
	background: #333 !important;
}

#divMenu ul>li.has-sub>a:hover:before {
	background: #333 !important;
}

#divMenu ul li a.seleccion {
	background-color: #d7d7d7 !important; /* #7f8c8d !important;*/
	color: #333 !important; /*#F6F6F6 !important;*/
	font-style: italic;
}

#divMenu ul ul li a.seleccion {
	background-color: #f6f6f6 !important;
	color: #444444 !important;
}

#divMenu ul>li.has-sub.close>a:before{
	position: absolute;
	right: 17px;
	top: 17px;
	display: block;
	width: 10px;
	height: 2px;
	background: #575656;
	content: "";
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#divMenu ul>li.has-sub.close>a:after{
	position: absolute;
	right: 17px;
	top: 23px;
	display: block;
	width: 10px;
	height: 2px;
	background: #575656;
	content: "";
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#divMenu ul>li.has-sub.open>a:hover:after,#divMenu ul>li.has-sub.open>a:hover:before
	{
	color: #FFFFFF;
}

#divMenu ul ul li.has-sub>a {
	font-size: 90%;
}

#divMenu ul ul li a {
	padding: 10px 20px;
	cursor: pointer;
	z-index: 2;
	font-size: 98%;
	text-decoration: none;
	color: #6F7C7D;
	background: #FCFCFC;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

#divMenu ul ul ul li a {
	background: #F6F6F6;
	color: #919c9d;
	font-size: 75%;
	padding-left: 35px;
}

#divMenu ul ul ul ul li a {
	background: #efefef;
	color: #49505a;
	padding-left: 40px;
}

#divMenu ul ul ul ul li a:hover {
	color: #0F4069;
}

#divMenu ul ul li a:hover {
	color: #000000;
}

#divMenu ul ul>li.has-sub>a:after {
	top: 16px;
	right: 26px;
	background: #444444 !important;
}

#divMenu ul ul>li.has-sub>a:before {
	top: 20px;
	background: #444444 !important;
}

#divMenu ul ul ul>li.has-sub>a:after {
	top: 16px;
	right: 26px;
	background: #49505A;
}

#divMenu ul ul ul>li.has-sub>a:before {
	top: 20px;
	background: #49505A;
}

/************************ FIN MENU ********************************/
#footer {
	background-color: #566566;
	bottom: 0;
	font-size: 1.1em;
	height: 25px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 11;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	cursor: pointer;
}

#footer ul:nth-child(1) {
	padding-left: 1%;
	width: 25%;
}

#footer ul:nth-child(2) {
	text-align: center;
	width: 60%;
}

#footer ul:nth-child(2) li span {
	color: #fff;
	padding-left: 10px;
	text-decoration: none;
}

#footer ul:nth-child(2) li span:nth-child(2) {
	padding-right: 10px;
}

#footer ul:nth-child(3) {
	padding-right: 1%;
	text-align: right;
	width: 12%;
}

.inlineList {
	color: #fff;
	display: inline-block;
	list-style: none;
	margin: 0;
}

.inlineList>li {
	display: inline-block;
	margin-top: 5px;
}

.inlineList>li>* {
	vertical-align: middle;
}

.inlineListPipeSeparated>li:not (:first-child )::before {
	content: '|';
}

.fa-lista {
	font-size: 1.2em !important;
	padding-right: 5px;
}

.fa-lista-rotada {
	font-size: 1.2em !important;
	padding-right: 5px;
	transform: rotate(45deg);
}

.fa-lista-right{
	font-size: 1.2em !important;
	padding-right: 5px;
}

.fa-lista-left{
	padding-left: 5px;
}

.fa-icon-info {
	padding-right: 5px !important;
	font-size: 1.6em !important;
}

.fa-icon-notice {
	padding-right: 10px !important;
	font-size: 2em !important;
}

.fa-titulo {
	color: #FF6600;
	font-size: 0.75em !important;
	opacity: 0.5;
	padding: 0 10px;
}

.fa-lista-icon-estado {
	font-size: 1.6em !important;
	padding-right: 5px;
}

.fa-titulolista {
	padding-right: 10px;
}

.fa-plan{
	font-size: 1.75em !important;
	padding-right: 10px;
	background-color: transparent !important;
}

ul {
	margin: 10px 10px 10px 20px;
	padding: 0;
}

/*************** Inicio de Formularios **************************/
.formCatalogos,.formNuevoRegistro {
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 10;	
}

.tituloForm {
    background-color: #efefef;
    color: #2a2a2a;
    display: table;
    float: left;
    font-size: 1.5em;
    height: 5%;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.tituloForm span.titulo {
	display: table-cell;
	vertical-align: middle;
}

#closeButton {
	background-image: url("../images/icons/botonClose.png");
	background-repeat: no-repeat;
	height: 16px;
	margin-top: 0.5%;
	position: absolute;
	right: 6px;
	width: 16px;
}

#closeButton:hover {
	background-image: url("../images/icons/botonClose_on.png");
	cursor: pointer;
}

.contenidoForm {
	background-color: #fff;
	float: left;
	height: 80%;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1080;
}

.fondoForm {
	background-color: #FFFFFF !important;
}

.contenidoFormConBuscador {
    background-color: #FFFFFF;
    float: left;
    height: 65%;
    margin: 0;
    overflow-y: auto;
    position: relative;
    width: 100%;
}

.seleccionConsulta {
    background-color: #FFFFFF;
    float: left;
    height: 15%;
    margin: 0;
    position: relative;
    width: 100%;
}

.contenidoFormTresTablas {
    background-color: #FFFFFF;
    float: left;
    height: 55%;
    margin: 0;
    overflow-y: auto;
    position: relative;
    width: 100%;
}

.contenidoFormUnadeTresTablas{
    background-color: #FFFFFF;
    float: left;
    height: 55%;
    margin: 0;
    overflow-y: auto;
    position: relative;
    width: 100%;	
}

.contenidoFormDosdeTresTablas{
    background-color: #FFFFFF;
    float: left;
    margin: 0;
    overflow-y: auto;
    position: relative;
    width: 100%;	
}

.seccionDatosTresTablas {
    background-color: #FFFFFF;
    float: left;
    height: 25%;
    margin: 0;
    position: relative;
    width: 100%;
}

#divBuscar {
	border: 2px solid #59b3d5;
	border-radius: 5px;
	display: none;
	margin: 1% 0 0 10%;
	position: relative;
	width: 80%;
}

#divGrid {
	float: left;
	position: relative;
	width: 100%;
}

#clienteFacturar{
	text-align: center;
	width: 80%;
	margin: 5px 0px;
}
.divGridConRegistro {
    height: 60% !important;
}

#divGridBancosCliente {
	float: left;
	position: relative;
	width: 100%;
}

#fotoCatProducto {
	background-color: #fff;
	border: 1px solid #dadada;
	border-radius: 4px;
	float: right;
	height: 90% !important;
	margin-top: 15px !important;
	position: relative;
	text-align: center;
	width: 34%;
}

#divContenedorFotoProducto{
    height: 90%;
    margin: auto;
    position: relative;
    top: 5% !important;
    width: 90%;	
}

#imgFotoProducto {
	height: 100%;
	width: 100%;
}

#tablaResultadosProductos {
	width: 65%;
}

#tablaResultadosProductos tr td:nth-child(1){
	width: 15%;
}

.botonesForm {
    background-color: #efefef;
    display: table;
    float: left;
    height: 10%;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

#botonesForm_{
	background-color: #FFFFFF !important;
}

.pieForm {
    background-color: #d9d9d9;
    display: table;
    float: left;
    height: 5.25%;
    margin: 0;
    position: relative;
    width: 100%;
}

.botonForm {
	background-color: #566566; 
	border: medium none;
	border: 1px solid #566566;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: inherit !important;
	font-size: 1em;
	margin: 0 2%;
	padding: 0.5% 1.5%;
	border-radius: 5px;
}

.botonForm:hover {
	background-color: #A5A5A5; 
	color: #FFFFFF; 
	border: 1px solid #A5A5A5;
}

.margin4porc{
	padding: 4% !important;
}

#divBuscar .botonForm {
	margin: 5px;
	padding: 3% 5%;
}

#divBuscar table tbody td {
	height: 5%;
}

.botonForm:active {	
	background-color: #FFFFFF;
	border: 1px solid #95BB2F;
	color: #9A9A9A;
}

.botonesForm span {
	display: table-cell;
	vertical-align: middle;
	width: 70%;
}

form table {
	border-collapse: collapse;
	text-align: justify;
	width: 100%;
}

form table thead tr {
	text-align: center;
}

form table th {
	background-color: #7F8C8D;
	color: #ffffff;
	text-align: center;
}

form table tbody tr {
	width: 90%;
}

input[type=text],
input[type=password] {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #0f4069;
    font-size: 100%;
    height: 20px;
    margin: 0 0 0 5px;
    padding: 3px;
    text-align: center;
}

select {
	background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 3px;
    color: #0f4069;
    font-size: 100%;
    height: 30px;
    margin: 0 0 0 5px;
    padding: 3px;
}

.selectMultiple {
	height: 65px;
}

#nombreCliente {
	width: 85%;
}

#rfc {
	width: 85%;
}

.pieForm i {
	display: table-cell;
	color: #444444;
	padding: 0 0 0 15px;
	vertical-align: middle;
	width: 15px;
}

#mensajesPieForm {
	display: table-cell;
	color: #111111;
	font-weight: 500;
	vertical-align: middle;
	font-size: 1.1em;
}

#plecaContenedorPublicidad{
    background-color: #fff;
    border-bottom: 1px solid #98a8bf;
    border-left: 1px solid #98a8bf;
    border-right: 1px solid #fff;
    border-radius: 50px 0 0 5px;
    border-top: 1px solid #98a8bf;
    display: none;
    height: 30px;
    position: absolute;
    right: 2px;
    top: 70px;
    width: 30px;
    z-index: 1000;
}

.fa-pleca{
    color: #6cacde;
    cursor: pointer;
    font-size: 1.6em;
    margin: 8px 0 0 7px;
}

#contenedorPublicidad{
    background-color: #fff;
    border-left: 1px solid #98a8bf;
    height: 100%;
    overflow: auto;
    position: absolute;
    right: -351px;
    text-align: center;
    top: 0;
    width: 350px;
    z-index: 999;
}

#divPlan{
    display: inline-block;
    float: left;
    height: 10px;
    margin: 8px 0 0 30px;
    text-align: center;	
}

#divPlan a{
	text-decoration: none;
}

#plan{
    border-radius: 15px;
    font-size: 145%;
    padding: 2px 10px;
}

.plan-bronce{
    color: #CC9900;
}

.plan-plata{
    color: #666666;	
}

.plan-oro{
    color: #BF9B30;
}

.plan-pyme{
    color: #568E13;
}

.link-simple{
    background-color: #A7565F;
    border-radius: 15px;
    color: #ffffff;
    padding: 3px 10px;
    position: relative;
    text-decoration: none;
    top: 8px;
}

.link-simple:hover{
	color: #A7565F !important;
	background-color: #F3C1C4 !important;
}

.iconoTarjetaEmpresa{
    background-color: #ffffff;
    display: table;
    float: left;
    height: 25%;
    width: 25%;
}

.iconoTarjetaEmpresa img{
    display: table-cell;
    height: 30px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 70px;
}

.tituloTarjetaEmpresa{
    background-color: #98a8bf !important;
    display: table;
    float: left;
    height: 35px;
    margin-left: 2%;
    width: 73%;
}

.tituloTarjetaEmpresa span{
    background-color: #ffffff;
    border-bottom: 2px solid #98a8bf;
    border-radius: 0 0 35%;
    color: #596f8e;
    display: table-cell;
    font-family: "Raleway",sans-serif;
    font-weight: bold;
    padding: 5px;
    vertical-align: middle;
}

.mensajeTarjetaEmpresa{
    float: left;
    height: 60%;
    overflow: auto;
    width: 100%;
}

.mensajeTarjetaEmpresa span{
    color: #64717d;
    display: inline-block;
    font-size: 1.1em;
    margin: 5px;
    position: relative;
}

.linkTarjetaEmpresa{
    bottom: 10px;
    color: #6CACDE;
    cursor: pointer;
    font-family: "Pacifico",cursive;
    font-size: 1.5em;
    height: 15%;
    position: relative;
    text-decoration: none;
}

.adversting{
    background-color: #FFFFFF;
    border: 2px solid #98a8bf;
    border-radius: 5px 5px 20px 5px;
    margin: 5%;
    overflow: hidden;
    position: relative;
    width: 90%;
}

#empresaPublicidadPieForm{
    color: #632523;
    display: inline-block;
    font-size: 1.3em;
    font-weight: 700;
    overflow: hidden;
    padding-right: 10px;
    position: relative;
}

#publicidadPieForm{
    color: #8f293a;
    font-size: 1.25em;
    font-weight: 500;
    left: 5px;
    position: relative;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:45%;
    display:inline-block;
}

#i-publicidad{
    color: #632523 !important;
    font-size: 2em !important;
    padding: 0 15px;
    position: relative;
    top: 5px;
}

#linkPublicidad{
    text-decoration: none;
}

.tarjetaEmpresaActiva{
	border: 5px solid #fe791d !important;
}

.tarjetaEmpresaActiva .tituloTarjetaEmpresa{
	background-color: #fe791d !important;
}

.tarjetaEmpresaActiva .tituloTarjetaEmpresa span{
	color: #fe791d !important;
	border-bottom: 2px solid #fe791d !important;
    border-radius: 0 0 35px !important;
}

.tarjetaEmpresaActiva a{
	color: #fe791d !important;	
}

.opacidad-05{
	opacity: 0.5;	
}

#contentMessageAdversting{
    background-color: #ffffff;
    border: 1px solid #95bb2f;
    border-radius: 2px 2px 0 0;
    bottom: -62px;
    left: 220px;
    position: absolute;
    width: 84%;
    z-index: 1000;
}

.contenedorMensajeGrupo{
    display: inline-block;
    float: left;
    margin-right: 1.5%;
}

#iconAdvesting{
    float: left;
    height: 90%;
    margin-top: 0.5%;
    text-align: center;
}

#iconAdvesting img{
    height: 80%;
    margin-left: 10%;
}

#adverstingTitle{
    color: #2F4696;
    float: left;
    font-size: 125%;
    font-weight: bolder;
    height: 55%;
    margin: 1% 0 0 5%;
    text-align: center;
}

#readMoreAdvesting{
    height: 45%;
    text-align: right;
}

#linkReadMoreAdversting{
    bottom: -4px;
    color: #fe791d;
    cursor: pointer;
    font-family: "Pacifico",cursive;
    font-size: 140%;
    text-decoration: none;
}

#adverstingMessage{
    color: #2A323B;
    font-family: Arimo;
    font-size: 115%;
    height: 100%;
    margin: 0.25% 3% 0 1%;
}

#closeAdvesting{
    background-color: #f6f6f6;
    border: 1px solid #fff;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 12px;
    z-index: 1000;
    
}
#closeAdvestingIcon{
    bottom: -2px;
    cursor: pointer;
    left: 1px;
    position: absolute;
}

#tablaResultados {
	margin: 0 auto;
	width: 100%;
	clear: both;
	table-layout: fixed;
	word-wrap: break-word;
}

#tablaResultados tbody tr,
#tablaResumenComprasTimbres tbody tr,
#tablaResumenReservasTimbres tbody tr {
	cursor: -webkit-grab;
	cursor: grab;
	height: 30px;
}

#tablaResultados tbody tr:active,
#tablaResumenComprasTimbres tbody tr:active,
#tablaResumenReservasTimbres tbody tr:active {
	cursor: -webkit-grabbing !important;
	cursor: grabbing !important;
}

#tabs {
	height: 100%;
	position: relative;
}

.label20px {
	padding: 0 0 0 20px;
}

.labelwidth15porc {
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
	width: 15%;
}

.labelUnaColumna {
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
	width: 10%;
}
.label-width-8porc{
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
	width: 8%;
}
.label-direccion-servicios-paqueteria {
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
	width: 12%;
}

.labelMediaColumna {
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
	width: 5%;
}

.margin-end-5px{
	margin-block-end: 5px !important;
}
.labelRegistroBancario {
	color: #18315a;
	display: inline-block;
	font-weight: normal;
	padding: 0 0 0 5px;
	text-align: right;
	width: 5.5%;
}
.labelNormal{
	color: #18315a;
	font-weight: normal;
}
.labelCheck{
	margin-left: 25px;
}

.labelTextArea {
	vertical-align: top;
}

.inputUnaColumna {
	width: 83%;
}

.inputTextarea {
	color: #0f4069;
	height: 100px;
	font-size: 1.05em;
	width: 95%;
}

.labelDosColumnas {
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
	width: 10%;
}

.labelBodegasTraspasos {
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
	width: 20%;
}

.labelFechaEntregaCotizacionClientes {
    display: inline-block;
    margin: 0 !important;
    text-align: right;
    width: 16%;
}

.labelTiempoMensajesPerfil {
	display: inline-block;
	margin-left: 15%;
	padding: 0 10px 0 5px;
	text-align: right;
	width: 15%;
}

.labelPasswordPerfil {
    display: inline-block;
    margin-left: 10%;
    padding: 0 10px 0 5px;
    text-align: right;
    width: 25%;
}

.labelSelectNotificaciones{
	display: inline-block;
	padding: 0 10px 0 5px;
	text-align: right;
	width: 10%;	
}

.labelCamposPerfil {
    display: inline-block;
    padding: 0 10px 0 5px;
    text-align: right;
    width: 35%;
}

.labelTraspasos{
	padding: 0 5px 0 20px;
}

.topVertical10{
	margin-top: 10px;
}

.espacioHorizontal20{
    color: #18315a;
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 20px;
    text-decoration: underline;
}

.espacioHorizontal10 {
    color: #18315a;
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 0 0 10px;
    text-decoration: underline;
}

.espacioHorizontal-0-10 {
    color: #18315a;
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 10px;
    text-decoration: underline;
}

.normalSizeFont{
	font-size: 1em !important;
}

.observacionesPagos{
    color: #0f4069;
    font-size: 1.05em;
    height: 90px;
    margin-top: 0.5%;
    width: 95%;
}

.sinMargen{
	color: #18315a;
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
}

.sinMargenSuperior{
	color: #18315a;
    margin-block-end: 10px !important;
    margin-block-start: 0 !important;
}

.labelCobranza {
	display: inline-block;
	padding: 0 0 0 15px;
	text-align: right;
}

.inputDosColumnas {
	width: 35% !important;
}

.inputTraspasoDosColumnas {
	width: 38% !important;
}

.inputSeisColumnas {
	width: 50% !important;
}

.inputCamposPerfil{
	width: 55% !important;	
}

.inputTraspasoTresColumnas {
	width: 65% !important;
}

.labelTresColumnas {
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
	width: 10%;
}

.inputTresColumnas {
	width: 20% !important;
}

.inputMontoPagosColumnas{
    width: 20% !important;
}

.labelCuatroColumnas {
	display: inline-block;
	text-align: right;
	width: 10%;
}

.label12_5porc {
	display: inline-block;
	text-align: right;
	width: 12.5% !important;
}

.label16porc{
	margin-left: 1%;
	width: 16%;
	text-align: right;
}

.inputCuatroColumnas {
	width: 12.5% !important;
}

.inputDosTerciosColumnas {
	width: 25% !important;
}

.inputSelectTrasnporteCCP {
    width: 13% !important;    
}

.labelCincoColumnas {
	display: inline-block;
	text-align: right;
	width: 10%;
}

.label7porcColumnas{
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
	width: 7%;
}

.inputCincoColumnas {
	width: 10% !important;
}

.labelCotizacionesPrecios{
	width: 90px !important;	
}

.labelOchoColumnas {
	display: inline-block;
	text-align: right;
	width: 50%;
}

.labelSeisColumnas {
	display: inline-block;
	text-align: right;
	width: 37.5%;
}

.labelTimbresEmpresa{
	display: inline-block;
	text-align: right;
	width: 32%;
}

.labelPlanEmpresa{
	display: inline-block;
	text-align: right;
	width: 50%;
}

.labelUsuarios{
	display: inline-block;
	text-align: right;
	width: 25%;
}

.inputUuidCargaNotaPRoveedor {
	width: 47%;
}

.inputOchoColumnas {
	width: 50%;
}

.inputDosTerciosColumna {
	width: 75%;
}

.listaPlanEmpresa{
	width: 50%;
}

.divUnaColumna {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 100%;
}

.divAgregaRegistro{
    background-color: #f6f6f6;
    float: left;
    margin: 0;
    text-align: center;
    width: 100%;	
}

.divDosColumnas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 50%;
}

.divTresColumnas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 33.33%;
}

.divUnaColumnaCentro {
	height: 150px;
	margin: 0 auto;
	width: 33.33%;
}

.divCuatroColumnas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 25%;
}

.divCorreosColumnas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 35%;
}

.divSeisColumnas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 16.66%;
}

.divOchoColumnas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 12.5%;
}

.divDoceColumnas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 9.375%;
}

.divDieciseisColumnas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 6.25%;
}

.divUnTercioColumna {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 33.33%;
}

.divDosTerciosColumnas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 66.33%;
}

.divUnCuartoColumnas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 25%;
}

.divTresCuartosColumnas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 75%;
}

.divBuscaFacturasRelacionadas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 29%;
}

.divFacturasRelacionadas {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 70%;
}


.divBuscaUbicacionesCCP {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 39%;
}

.divUbicacionesCCP {
	float: left;
	margin: 1px 0;
	text-align: center;
	width: 60%;
}

#tabs > div {
	height: 90%;
	overflow: auto;
	padding: 0px;
	width: 100%;
}

.wraper-botones-cat-clie_prov button{
	font-size: 1.2em !important;
	margin-top: 5px;
	padding: 1% 2%;
	width: 50%;	
}

.wraper-botones button {
	font-size: 0.9em !important;
	margin-top: 5px;
	padding: 1% 2%;
}

.tablaResultadosConsulta {
	border-top: 1px solid #dadada !important;
	font-size: 90%;
	text-align: left;
}

.tablaResultadosConsulta tr:nth-child(even) {
	background-color: #f4f9e8;
}

.tablaResultadosConsulta tr:nth-child(odd) {
	background-color: #fff;
}

.tablaResultadosConsulta tbody tr {
	cursor: pointer;
}

.tablaResultadosConsulta tr:hover {
	background-color: #F6F6F6 !important;
}

.tablaResultadosConsulta tr.seleccionado {
	background-color: #D1DBC8 !important;
	color: #E74C3C !important;
}

.tablaResultadosConsulta tr td:nth-child(1),
#tablaReservasDisponiblesTimbres tr td:nth-child(1),
#tablaReservasDisponiblesTimbres tr td:nth-child(2),
#tablaReservasDisponiblesTimbres tr th:nth-child(1),
#tablaReservasDisponiblesTimbres tr th:nth-child(2) {
	display: none;
}

.tablaResultadosConsulta tbody tr td {
	padding: 5px;
}

.tablaResultadosRegistros {
	font-size: 90%;
	height: 65px;
	text-align: left;
}

.tablaResultadosRegistros tr:nth-child(even) {
	background-color: #E6F3F9;
}

.tablaResultadosRegistros tr:nth-child(odd) {
	background-color: #fff;
}

.tablaResultadosRegistros tr {
	cursor: pointer;
	border: 1px solid #DDDDDD;
	padding: 2px 0;
}

.tablaResultadosRegistros tr:hover {
	background-color: #F6F6F6 !important;
}

.tablaResultadosRegistros tr.seleccionado {
	background-color: #59B3D5 !important;
}

.tablaResultadosRegistros thead tr th:nth-child(1),.tablaResultadosRegistros tbody tr td:nth-child(1)
	{
	display: none;
}

.btn_borrar_contacto:hover,.btn_editar_contacto:hover {
	cursor: pointer;
}

.divConScroll {
	border: 1px solid #0f4069;
	border-radius: 5px;
	float: left;
	height: 150px;
	margin-bottom: 10px;
	margin-left: 5%;
	overflow-x: hidden;
	overflow-y: auto;
	width: 90%;
}

.divConScrollProductosDetalle {
	border: 1px solid #dadada;
	border-radius: 2px;
	float: left;
	margin-bottom: 10px;
	margin-left: 1%;
	margin-right: 1%;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 0 15px;
	width: 98%;
}

.divSinScrollSinBorde {
	float: left;
	margin-bottom: 10px;
	margin-left: 1%;
	margin-right: 1%;
	overflow-x: hidden;
	overflow-y: auto;
	width: 98%;
}

.divConScrollProductos {
	margin-bottom: 10px;
	margin-left: 1%;
	margin-right: 1%;
	overflow-x: auto;
	overflow-y: auto;
	width: 98%;
}

.table-ubicaciones td{
	text-align: center !important;
}

.table-ubicaciones tr:hover {
	background-color: #F9F9F9;
}

.divConScrollProductos table tbody td:nth-child(4),
.divConScrollProductos table tbody td:nth-child(5),
.divConScrollProductos table tbody td:nth-child(6),
.divConScrollProductos table tbody td:nth-child(7),
.divConScrollProductos table tbody td:nth-child(8){
	text-align: right;
}

.divConScrollProductos table tbody td:nth-child(3)
	{
	text-align: center;
}

.divTotales {
	float: left;
	margin-bottom: 10px;
	margin-left: 0.5%;
	overflow: hidden;
	text-align: right;
	width: 98%;
}

.divTotalesEtiquetas {
	display: inline-block;
	font-weight: 700;
	text-align: right;
	width: 80px;
}

.divTotalesCantidades {
	display: inline-block;
	font-weight: 700;
	text-align: right;
	width: 130px;
}

#tabBancosCliente thead tr{
	text-align: center;
}

#tabDirEntregaCliente>span,
#tabContactosCliente>span,
#tabBancosCliente>span,
#tabDirEntregaProveedor>span,
#tabContactosProveedor>span,
#tabBancosProveedor>span,
#tabPerfilUsuario>span {
	
	background-color: #fdf9e1;
	border-bottom: 1px solid #f09e00;
	color: #f09e00;
	display: inline-block;
	font-weight: bold;
	margin: 20px 0 15px;
	text-align: left;
	width: 100%;
}

input[type="radio"],input[type="checkbox"] {
	display: none;
}

input[type="radio"].error+label span {
	background: url(../../vista/images/icons/check_radio_sheet.png) -111px
		top no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	width: 21px;
}

input[type="radio"]+label span {
	background: url(../../vista/images/icons/check_radio_sheet.png) -66px
		top no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	width: 21px;
}

input[type="checkbox"]:checked+label span {
	background: url(../../vista/images/icons/check_radio_sheet.png) 0px top
		no-repeat;
}

input[type="checkbox"]+label span {
	background: url(../../vista/images/icons/check_radio_sheet.png) -22px
		top no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	width: 21px;
}

input[type="radio"]:checked+label span {
	background: url(../../vista/images/icons/check_radio_sheet.png) -44px
		top no-repeat;
}

.mr30px {
	margin-right: 30px !important;
}

.labelPersonaFisicaMoral {
	margin-right: 20px;
}

.labelRadioButton {
	color: #18315a;
    font-size: 1.1em;
	margin-right: 20px;
}

.alignH-center {
	text-align: center !important;
}

/*************** Fin de Formularios **************************/
textarea.error {
	border-color: #ff5555 !important;
	border-style: solid !important;
	border-width: 2px !important;
}

input[type=text].error,
input[type=password].error {
	border-color: #ff5555 !important;
	border-style: solid !important;
	border-width: 2px !important;
}

input[type=file].error {
	border-color: #ff5555 !important;
	border-style: solid !important;
	border-width: 2px !important;
}

select.error {
	border-color: #ff5555 !important;
	border-style: solid !important;
	border-width: 2px !important;
}

label.error {
	background-color: #FCA23F;
	border-radius: 20px 20px 20px 0;
	color: #fff;
	font-size: 1.25em;
	padding: 5px 10px 5px 10px;
	position: absolute;
}

#divMensajesErroresForma,
#divMensajesErroresFormaPopUp {
	position: absolute;
	width: 100%;
	z-index: 100;
}

#tbody_tablaContactosCliente {
	overflow: auto;
	color: #333;
}

#fondoVentanaEmergenteContacto,
#fondoVentanaEmergenteDireccion,
#fondoVentanaEmergenteBanco	{ 
	background-color: #fff;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1090;
}

#divFormContacto {
	background-color: #ddd;
	border: 1px solid #333;
	display: none;
	height: 80%;
	margin-left: 10%;
	margin-top: 5%;
	position: absolute;
	width: 80%;
}

.ventanaEmergente {
	background-color: #FFFFFF;
	display: table;
	height: 95%;
	position: relative;
	width: 100%;
	z-index: 11;
}

.warperContenidoVentanaEmergente {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

.botonesBarraSuperior {
	background-color: #f9f9f9;
	display: table-cell;
	vertical-align: middle;
}

.botoneraInferior {
    float: left;
    font-size: 1em;
    height: 24px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.botoneraSuperior {
	height: 24px;
	font-size: 1em;
	padding: 0 0 0 20px;
	position: relative;
	right: 27px;
	text-align: right;
	z-index: 2;
}

.botoneraSuperior span {
	background-color: #7f8c8d;
	border-radius: 5px 5px 0 0;
	color: #fff;
	cursor: pointer;
	font-size: 0.85em;
	margin: 0 2px 0 0;
	padding: 5px 10px;
	position: relative;
}

.botoneraSuperior span:hover {
	top: -3px;
	padding-bottom: 8px !important;
}

.botoneraSuperiorIzquierda {
    left: 2.5%;
    padding: 0;
    position: absolute;
    top: 0;
    width: 140px;
    z-index: 1;
}

.btn_botoneraSuperiorIzquierda {
    background-color: #fdf9e1;
    border-radius: 2px;
    color: #ffffff;
    float: left;
    margin-right: 5px;
    padding: 2%;
}

.btn_botoneraSuperiorIzquierda:hover {
	background-color: #D6D4C7 !important;
	color: #fff !important;
	cursor: pointer;
	top: 3px;
}


.btn_botoneraSuperiorIzquierda:active {
	background-color: #FFFFFF !important;
	border: 1px solid #95BB2F;
	color: #9A9A9A !important;
}	
	
.btn_botoneraSuperiorIzquierda span {
	display: inline-block;
	padding: 3px 10px 3px 7px;
}

.icon-botonera-superior-izquierda {
	margin-left: 10px;
}

.botonSuperiorIzquierdaActivo {
	background-color: #7f8c8d !important;
}

.tituloVentanEmergente {
	color: #0f658a;
	display: table;
	float: left;
	font-size: 1.5em;
	height: 5%;
	margin: 0;
	position: relative;
	text-align: center;
	width: 100%;
}

.tituloVentanEmergente span.titulo {
    background-color: #efefef;
    color: #2a2a2a;
    display: table-cell;
    vertical-align: middle;
}

.divConScrollVentanaEmergente {
	border: 2px solid #59b3d5;
	border-radius: 5px;
	float: left;
	height: 250px;
	margin-bottom: 10px;
	margin-left: 5%;
	overflow-x: hidden;
	overflow-y: auto;
	width: 90%;
}

.icon_telefono_Oficina {
	background-image: url("../images/icons/icon_tel_oficina.png");
	background-position: 5px 6px;
	background-repeat: no-repeat;
	padding-left: 40px !important;
}

.icon_telefono_Celular {
	background-image: url('../images/icons/icon_tel_celular.png');
	background-position: 5px 6px;
	background-repeat: no-repeat;
	padding-left: 40px !important;
}

.icon_telefono_Casa {
	background-image: url('../images/icons/icon_tel_casa.png');
	background-position: 5px 6px;
	background-repeat: no-repeat;
	padding-left: 40px !important;
}

.icon_telefono_Otro {
	background-image: url('../images/icons/icon_tel_otro1.png');
	background-position: 5px 6px;
	background-repeat: no-repeat;
	padding-left: 40px !important;
}

.icon_correo_Facturar {
	background-image: url('../images/icons/icon_mail_facturacion.png');
	background-position: 5px 6px;
	background-repeat: no-repeat;
	padding-left: 40px !important;
}

.icon_correo_Informativo {
	background-image: url('../images/icons/icon_mail_informativo.png');
	background-position: 5px 6px;
	background-repeat: no-repeat;
	padding-left: 40px !important;
}

.icon_correo_Privado {
	background-image: url('../images/icons/icon_mail_privado.png');
	background-position: 5px 6px;
	background-repeat: no-repeat;
	padding-left: 40px !important;
}

.icon_correo_Otro {
	background-image: url('../images/icons/icon_mail_otro1.png');
	background-position: 5px 6px;
	background-repeat: no-repeat;
	padding-left: 40px !important;
}

#tablaProductosSolicitud thead tr,
#historicoObservaciones thead tr,
#tablaDetalleProductosCFDI thead tr{
	text-align: center;
}

#tablaProductosSolicitud tbody tr,
#historicoObservaciones tbody tr,
#tablaProductosFacturado tbody tr{
	color: #18315a;
	cursor: -webkit-grab;
    cursor: grab;
}

#tablaProductosSolicitud tbody tr:active,
#historicoObservaciones tbody tr:active,
#tablaProductosFacturado tbody tr:active {
	color: #18315a;
	cursor: grabbing; 
    cursor: -webkit-grabbing;
}

#tablaProductosSolicitud tbody td,
#tablaDetalleProductosCFDI tbody td{
	padding: 5px;
}

#tablaProductosSolicitud tr:nth-child(odd),
#tablaDetalleProductosCFDI tr:nth-child(odd),
#historicoObservaciones tr:nth-child(odd),
#tablaProductosFacturado tr:nth-child(odd),
#tablaResultadosDetalleOrdenes tr:nth-child(odd){
	background-color: #f4f9e8;
}

#tablaProductosSolicitud tr:nth-child(even),
#tablaDetalleProductosCFDI tr:nth-child(even),
#tablaProductosFacturado tr:nth-child(even),
#historicoObservaciones tr:nth-child(even),
#tablaResultadosDetalleOrdenes tr:nth-child(even){
	background-color: #ffffff;
}

#tablaProductosSolicitud tr.seleccionado,
#tablaProductosFacturado tr.seleccionado,
#historicoObservaciones tr.seleccionado	{
	background-color: #efefef !important;
	color: #18315a !important;
	border-bottom: 2px solid;
	border-top: 2px solid;
}

#tablaProductosSolicitud tr.seleccionado:hover,
#tablaProductosFacturado tr.seleccionado:hover,
#historicoObservaciones tr.seleccionado:hover {
	background-color: #D9D9D9 !important;
	color: #E74C3C !important;
}
#tablaProductosFacturado tbody td:nth-child(8),
#tablaProductosFacturado tbody td:nth-child(10),
#tablaProductosFacturado tbody td:nth-child(11){
	text-align: right;
}
#tablaProductosFacturado tbody td:nth-child(1),
#tablaProductosFacturado tbody td:nth-child(9){
	text-align: center;
}
.button-find{
	cursor: pointer !important;
}
.fa-icon-borrar{
	cursor: pointer !important;
	font-size: 1.6em !important;
	padding-right: 5px !important;
}
#tablaProductosSolicitud tr:hover,
#tablaDetalleProductosCFDI tr:hover,
#tablaProductosFacturado tr:hover,
#historicoObservaciones tr:hover,
#tablaResultadosDetalleOrdenes tr:hover{
	background-color: #F9F9F9;
}

#tablaProductosSolicitud tr td:nth-child(2){
	/*width: 55%;*/
}

#tablaProductosFacturado tr td:nth-child(6){
	width: 35%;	
}

#general_solicitud label,
#general_pedido label,
#general_orden label,
#general_cotizacion label,
#general_cobranza label{
	margin: 0 10px 0 10px;
}

#tablaProductosSolicitud {
	width: 100% !important;
}

.Por-autorizar {
	color: #FFCC00 !important;
	font-weight: 700;
}

.Autorizada-por-enviar {
	color: #F9BF13 !important;
	font-weight: 700;
}

.Por-enviar {
	color: rgb(255, 102, 0) !important;
	font-weight: 700;
}

.Enviada {
	color: rgb(84, 168, 0) !important;
	font-weight: 700;
}

.Borrador{
	color: #368eff !important;
	font-weight: 700;
}
.Enviando{
	color: #70a1ff !important;
	font-weight: 700;
}
.Activa {
	color: rgb(84, 168, 0) !important;
	font-weight: 700;
}

.Activada {
	color: rgb(84, 168, 0) !important;
	font-weight: 700;
}

.default {
	color: rgb(255, 0, 0) !important;
	font-weight: 700;
}

.Enviado-a-cancelar-exitosamente{
	color: rgb(255, 102, 0) !important;
	font-weight: 700;
}

.En-proceso-de-cancelacion {
	color: rgb(255, 102, 0) !important;
	font-weight: 700;
}

.Sin-activar {
	color: rgb(255, 102, 0) !important;
	font-weight: 700;
}

.Cancelada {
	color: rgb(255, 0, 0) !important;
	font-weight: 700;
}

.Cancelada-y-pendiente-por-enviar{
	color: rgb(255, 0, 0) !important;
	font-weight: 700;
}

.Por-pagar{
	color: #FF5300 !important;
	font-weight: 700;	
}

.Pagado{
	color: rgb(84, 168, 0) !important;
	font-weight: 700;	
}

.Recibida {
	color: rgb(97, 193, 0) !important;
	font-weight: 700;
}

.Rechazada {
	color: #FF6699 !important;
	font-weight: 700;
}

.Autorizada {
	color: #95BB2F !important;
	font-weight: 700;
}

.Completo {
	color: #95BB2F !important;
	font-weight: 700;
}

.Incompleto {
	color: #525b5c !important;
	font-weight: 700;
}

.Ingresada {
	color: #95BB2F !important;
	font-weight: 700;
}

.Asociada {
	color: #6CACDE !important;
	font-weight: 700;
}

.Ingresada-parcialmente {
	color: #FF5300 !important;
	font-weight: 700;
}

.Por-autorizar {
	color: #F9BF13 !important;
	font-weight: 700;
}

.Por-ingresar {
	color: #5096FF !important;
	font-weight: 700;
}

.Pendiente {
	color: #F9BF13 !important;
	font-weight: 700;
}

.Nota-emitida{
	color: #6CACDE !important;
	font-weight: 700;
}

.Nota-facturada{
	color: #95BB2F !important;
	font-weight: 700;
}

.Proceso-de-facturacion{
	color: #FF5300 !important;
	font-weight: 700;
}

.Timbrada {
	color: #95BB2F !important;
	font-weight: 700;
}

.Sin-timbrar {
	color: #FF5300 !important;
	font-weight: 700;
}

.En-transito {
	color: #FE5F7E !important;
	font-weight: 700;
}

.Finalizado {
	color: #95BB2F !important;
	font-weight: 700;
}

.En-proceso {
	color: #F9BF13 !important;
	font-weight: 700;
}

.Liquidado {
	color: #95BB2F !important;
	font-weight: 700;
}

.Por-cobrar {
	color: #FF5300 !important;
	font-weight: 700;
}

.Por-definir {
	color: #FC4039 !important;
	font-weight: 700;
}

.En-cobranza{
	color: #FF5300 !important;
	font-weight: 700;	
}

.En-revision{
	color: #F9BF13 !important;
	font-weight: 700;	
}

.Finalizada {
	color: #95BB2F !important;
	font-weight: 700;
}

.Pendiente-por-enviar {
	color: #F9BF13 !important;
	font-weight: 700;
}

.No-se-timbra{
	color: #FE5F7E !important;
	font-weight: 700;
}

.subrayado {
	text-decoration: underline;
}

#divProducto label,
#lateralBotones label {
	display: inline-block;
	padding: 0 5px 5px 5px;
	text-align: right;
}

#divProducto input {
	margin: 0 0 5px;
	width: 70%;
}

#divProducto input:nth-child(2) {
	margin: 0 0 5px !important;
}

#pedido_doc {
	height: 99%;
	overflow-y: auto;
	position: relative;
}

.ocultaBarras {
	height: 99%;
	overflow: hidden !important;
}

.bordeContinua {
	border-bottom: 1px solid #ccc;
	overflow: scroll;
	position: absolute;
}

#desgloce {
	border: 1px solid;
	margin-left: 2.5%;
	width: 95%;
}

#desgloce tr td:nth-child(3),#desgloce tr td:nth-child(4) {
	padding-right: 10px;
	text-align: right;
}

.etiquetaCampoConBoton {
	width: 15% !important;
}

.etiquetaCampoConBotonLatearl {
	width: 35% !important;
}

.etiquetaCampoObservacionesItem{
	margin-right: 15px !important;
}

.inputLateralBotones{
	width: 40% !important;	
}

#desgloce tr:nth-child(even) {
	background-color: #fff;
}

.slogan {
	font-weight: 700;
	font-size: 0.85em;
	text-align: center;
}

.slogan span {
	color: #FF6600;
}

.firmaCotizacion {
	font-weight: 700;
}

.firmaDepartamento {
	color: #1C94C4;
}

.firmaUsuario {
	color: #1C94C4;
}

.tituloTabla {
	text-align: center;
	width: 60%;
}

.ui-dialog-titlebar-close {
	display: none !important;
}

/******* Inicio de Sobre escritura del plugin datepicker de UI Jquery */
.ui-datepicker-title {
	background-color: #fff;
	border: 1px solid #dddddd;
	border-radius: 5px;
	color: #183170;
}

.ui-datepicker {
	background-color: #F4F9E8 !important;
	border: 1px solid #0f658a;
	box-shadow: 0 0 5px #aaa;
}

div.ui-slider span.ui-slider-handle {
	background-color: #D1DBC8 !important;
}

span.ui-state-default {
	background-color: #F4F9E8 !important;
	border: 1px solid #dadada !important;
	color: #0f4069 !important;
}

.ui-state-highlight {
	background-color: #ffffff !important;
}

td.ui-datepicker-unselectable span.ui-state-default {
	border: none !important;
}

td[data-handler="selectDay"] a.ui-state-default {
	background-color: #D1DBC8;
	color: #18315a;
}

span.ui-state-default {
	background-image: none !important;
}

.ui-datepicker-trigger {
	position: relative;
	top: 8px;
	margin-left: 5px;
	height : 25px;
}

.ui-datepicker-trigger:hover {
	cursor: pointer;
}

/******* Fin de Sobre escritura del plugin datepicker de UI Jquery */
#contenedorSolicitudCotizacion {
	margin: 0 auto;
	width: 95%;
}

#contenedorSolicitudCotizacion div {
	position: relative;
	float: left;
}

.logoSolicitudCotizacion {
	margin: 2% 0;
	text-align: center;
	width: 30%;
}

.logoSolicitudCotizacion img {
	width: 75%;
}

.cabeceraSolicitudCotizacion {
	margin: 2% 0;
	text-align: right;
	width: 66%;
}

.cabeceraSolicitudCotizacion label {
	color: #1C94C4;
}

.cabeceraSolicitudCotizacion p {
	margin: 0 0 3px;
	padding: 0;
}

.contenidoCotizacion {
	margin-bottom: 1%;
	text-align: center;
	width: 100%;
}

.tituloCamposCotizaciones {
	font-weight: 700;
	margin-left: 2.5%;
	text-align: left !important;
}

.tituloCamposCotizaciones label {
	margin-right: 10px;
}

.contenedorTipoContribuyente {
	text-align: center;
	padding: 0;
	margin: 0;
}

#botonesProductos {
    float: left;
    position: relative;
    text-align: center;
    width: 50%;
}

.divBotonesNotasCredito{
    float: left;
    margin-block-start: 0px !important;
    position: relative;
    text-align: center;
    width: 100% !important;
}

.botonesNotasCredito{
	padding: 0.8% 2% !important;	
}

#botonesProductos span{
    display: inline-block;
    margin: 10px 0 0;
    text-align: center;
    width: 100%; 
}

#orden_resumen td table tr td {
	text-align: right;
	padding-right: 10px;
}

#orden_resumen table {
	border-top: 1px solid #333;
}

.internoCuatroColumnas {
	display: inline-block;
	float: left;
	padding: 5px 0 0 5px;
	text-align: center;
	width: 18.75%;
}

.internoTresColumnas {
	display: inline-block;
	float: left;
	padding: 5px 0 0 5px;
	text-align: center;
	width: 17.75%;
}

.internoDoceColumnas {
	display: inline-block;
	float: left;
	padding: 5px 0 0 5px;
	text-align: center;
	width: 74.5%;
}

.internoTreceColumnas {
	display: inline-block;
	float: left;
	height: 100%;
	padding: 5px 0 0 5px;
	text-align: center;
	width: 80%;
}

.internoDieciseisColumnas {
	display: inline-block;
	float: left;
	padding: 5px 0 0 5px;
	text-align: center;
	width: 99.5%;
}

#botonesBuscador p {
	color: #0F658A;
	font-size: 1.1em;
	margin: 10px 0;
	text-align: center;
}

#seleccionConsulta button {
	margin: 0 0.5%;
	padding: 0.5%;
}

.hasDatepicker {
	width: 100px !important;
}

#clave {
	width: 100px;
}

.internoTreceColumnas div {
	margin: 0.5% 0 0 0;
}

.tituloTablas {
	background-color: #F6F6F6;
	border-bottom: 1px solid #d3d3d3;
	color: #030303;
	font-size: 1.1em;
	margin: 1% 0 2% 1%;
	width: 98%;
}

.tituloTablasCFDTraslado {
	background-color: #F6F6F6;
	border-bottom: 1px solid #d3d3d3;
	color: #030303;
	font-size: 1.1em;
	width: 98%;
}

#titulo-resumen-compras-timbres{
	margin-top	 : 0;
	margin-bottom: 0;
}

.tituloMarcos {
    background-color: #f6f6f6;
    border-bottom: 1px solid #d3d3d3;
    color: #030303;
    font-size: 1.1em;
    margin: 1% 0 1% 1%;
    padding-left: 1%;
    width: 96%;
}

.tituloTablasPagos {
	color: #dadada;
	font-size: 1.1em;
	font-weight: 700;
	margin: 1% 0 0.5% 1%;
	width: 98%;
}

.alignLeft {
	margin-block-end: 15px;
	margin-block-start: 15px;
	text-align: left;
}

.alignLeft-8-margin-top {
	margin-block-end: 10px;
	margin-block-start: 8px;
	text-align: left;
}

.alignLeft-minus7-margin-top {
	margin-block-end: 10px;
	margin-block-start: -7px !important;
	text-align: left;
}

.alignLeft-sin-margin-bottom {
	margin-block-end: 0px;
	margin-block-start: 10px;
	text-align: left;
}

.alignLeft-sin-margin-top {
	margin-block-end: 10px;
	margin-block-start: 0px !important;
	text-align: left;
}

.alignCenter {
	margin-block-end: 15px;
	margin-block-start: 15px;
	text-align: center;
}

.alignRight {
	margin-block-end: 15px;
	margin-block-start: 15px;
	text-align: right;
}

.alignCenterBotones {
	margin-block-end: 10px;
	margin-block-start: 25px;
	text-align: center;
}

.p-un-elemento-alignRight {
	margin-block-start: 0px !important;
}

.p-datos-ubicaciones {
	margin: 0 0 20px 0 !important;
}

.boton-add-ubicacion{
	font-size: 2em;
	position: absolute;
	margin: -5px 0 0 10px;
}
#almacen_destinatario{
	width: 230px;
}
#texto-mercancias{
	color: #9c9c9c;
	font-size: 1.7em;
}
.p-un-elemento-alignRight span {
	font-size: 1.1em;
	width: 60%;
}

.textObservacionesPedido {
	width: 98%;
	height: 75px;
	margin-bottom: 15px;
}

.observacionesOrden {
	color: #0f4069;
	font-size: 1.05em;
	width: 45%;
	height: 75px;
	margin-bottom: 15px;
}

.observacionesCotizacionesCliente {
	color: #0f4069;
	height: 75px;
	font-size: 1.05em;
	margin-bottom: 15px;
	width: 95%;
}

.observacionesPedidosCliente{
	color: #0f4069;
	background-color: #e7f0ff;
	border-radius: 3px;
	display: inline-block;
	height: 75px;
	font-size: 1.05em;
	margin-bottom: 15px;
	padding: 1%;
	text-align: left;
	width: 95%;
}

.observacionesIngresoAlmacen {
    border: 1px solid #dadada;
    color: #18315a;
    font-family: inherit;
    font-size: 1.25em;
    height: 75px;
    margin-bottom: 15px;
    margin-left: 1%;
    width: 95%;
}

.error-validacion {
	border-color: #ff5555 !important;
	border-style: solid !important;
	border-width: 2px !important;
}

.error-validacion-radio {
	
}

.tooltip-error {
	background-color: #FCA23F;
	border-radius: 20px 20px 20px 0;
	color: #fff;
	font-size: 1.25em;
	padding: 5px 10px;
	position: absolute;
	z-index: 10;
}

div label.pq-state-select {
    background: #bed2c8 none repeat scroll 0 0 !important;
    border: 1px solid #fff !important;	
}

div label.pq-state-select span {
	color: #18315a;
    font-weight: 600;
}

.divFloatLeft {
	float: left;
	position: relative;
	top: -6px;
}

.divParamUbicacion {
	float: left;
	position: relative;
	text-align: left;
	top: -12px;
}

.marco {
	float: left;
	position: relative;
	width: 100%;
}

.titulo-marco {
    background-color: #f6f6f6;
    color: #030303;
    display: inline-block;
    border-bottom: 1px solid #d3d3d3;
    font-size: 1.1em;
    margin: 0 0 0.5% 1%;
    text-align: center;
    width: 98%;
}

.titulo-marco-sin-bg{
    color: #030303;
    display: inline-block;
    border-bottom: 1px solid #d3d3d3;
    font-size: 1.25em;
    margin: 0 0 0.5% 1%;
    text-align: center;
    width: 98%;	
}

.etiqueta-tc{
	margin-left: 20px;
	text-align: left;
}

.etiqueta-campo {
	color: #18315a;
	display: inline-block;
	margin: 0 5px 0 20px !important;
	padding: 0 0 0 5px;
	text-align: right;
}

.etiqueta-campo-minima{
	color: #18315a;
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
}

.etiqueta-campo-cobranza{
	margin: 0 1% 0 1% !important;
	color: #18315a;
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
}


.etiqueta {
	color: #18315a;
	display: inline-block;
	margin: 0 10px 0 0 !important;
	padding: 0.7% 0 1% 2%;
	text-align: right;
}

.valorCantidad {
	border-bottom: 1px solid #18315a;
	color: #18315a;
	display: inline-block;
	text-align: center;
	padding: 0 2%;
}

.tableProductos {
	border-collapse: collapse;
	color: #18315a;
	text-align: center;
	width: 100%;
	font-size: 1.1em;
}

.tableProductos th {
	background-color: #7f8c8d;
	color: #ffffff;
}

.tableProductos tr:nth-child(odd) {
	background-color: #f4f9e8;
}

.tableProductos tr:nth-child(even) {
	background-color: #ffffff;
	color: #18315a;
}

.tableProductos tr {
	cursor: pointer;
}

.tableProductos tr:hover {
	background-color: #F9F9F9;
}

.tableProductos tbody td {
	padding: 2px 10px;
}

.divDatos-generales {
	font-size: 1.1em;
}

.divDatos-generales p {
	margin: 10px 0;
}

.observaciones-generales {
	background-color: #fff;
	border: 1px solid #ededed;
	border-radius: 5px;
	color: #18315a;
	display: inline-block;
	font-size: 1.1em;
	height: 100px;
	left: 1%;
	padding: 0 1%;
	position: relative;
	text-align: justify;
	width: 96%;
}

.spanUnaColumna {
	border-bottom: 1px solid #18315a;
	color: #18315a;
	display: inline-block;
	text-align: center;
	width: 75% !important;
}

.spanDosColumnas {
	border-bottom: 1px solid #18315a;
	color: #18315a;
	display: inline-block;
	text-align: center;
	width: 34.5% !important;
}

.spanTresColumnas {
	border-bottom: 1px solid #18315a;
	color: #18315a;
	display: inline-block;
	text-align: center;
	width: 18% !important;
}

.spanCuatroColumnas {
	border-bottom: 1px solid #18315a;
	color: #18315a;
	display: inline-block;
	text-align: center;
	width: 15% !important;
}

.spanCincoColumnas {
	border-bottom: 1px solid #18315a;
	color: #18315a;
	display: inline-block;
	text-align: center;
	width: 11% !important;
}

.spanSeisColumnas {
	border-bottom: 1px solid #18315a;
	color: #18315a;
	display: inline-block;
	text-align: center;
	margin: 0px !important;
	width: 8% !important;
}

.spanCuatrodeCincoColumnas {
	border-bottom: 1px solid #18315a;
	color: #18315a;
	display: inline-block;
	text-align: center;
	width: 51% !important;
}

.spanDosdeDosColumnas {
	border-bottom: 1px solid #18315a;
	color: #18315a;
	display: inline-block;
	text-align: center;
	width: 25% !important;
}

.spanW20Porc {
	border-bottom: 1px solid #18315a;
	color: #18315a;
	display: inline-block;
	text-align: center;
	width: 20% !important;
}

.span_subrayado_label{
	border-bottom: 1px solid #18315a;
	color: #18315a;
	display: inline-block;
	text-align: center;
	width: 45% !important;
}

.contenedorGenerales-detalle {
	overflow: auto;
}

.wraper-detalle {
	height: 100%;
	overflow: auto;
}

#tbody_tablaDetalleOrdenProveedor textarea {
	font-size: 1.1em;
}

.destacada-rojo {
	color: red;
	font-weight: 700;
}

.destacada-azul {
	color: #4183A2;
	font-weight: 700;
}

.destacada-amarillo {
	color: #FFFF99;
	font-weight: 700;
}

.destacada-azul-zendra {
	color: #1D73FF;
	font-weight: 700;
}

.productos-sin-existentia {
	color: red !important;
}

.icon-fa-red {
	margin-right: 10px;
	color: #FF3C3C;
}

.icon-fa-blue {
	margin-right: 10px;
	color: #000080;
}

.icon-fa-green {
	margin-right: 10px;
	color: #66CC00;
}

.icon-fa-yellow {
	margin-right: 10px;
	color: #FFCC00;
}

.icon-fa-parametros {
	margin-right: 10px;
	color: #70A6E8;
}

.icon-fa-correos {
	margin-right: 10px;
	color: #1D73FF;
}

.icon-fa-notificacion {
	margin-right: 10px;
	color: #1D73FF;
}

.icon-fa-envia-correo {
	margin-right: 10px;
	color: #15aabf;
}

p.titulo-marco i {
	color: #FF7D27;
	cursor: pointer;
	font-size: 1.35em;
}

td.details-control,
td.details-report {
	background: url('../images/icons/warehouse.png') no-repeat center center;
	cursor: pointer;
}

td.details-control-precios{
	background: url('../images/icons/price-list-details.png') no-repeat center center;
	cursor: pointer;
}

tr.shown td.details-control {
	background: url('../images/icons/icon-unbox.png') no-repeat center center;
}

#d_descripcion {
	width: 70%;
}

#b_descripcion,
#b_razon_social,
#nombre_usuario,
#descripcion_ {
	width: 45%;
}

.verticalCenter {
	position: relative;
	top: 25%;
}

.p-sin-margenTyB{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.verticalCenterTop15Porc {
	position: relative;
	top: 15%;
}

.tablaDetalleExistenciasAlmacen {
	border: 0 none !important;
	border-spacing: 0;
	margin-left: 73px;
}

.stock-arriba {
	background: url("../images/icons/battery-full.png") no-repeat scroll 100% 50%;
	padding-right: 60px !important;
}

.stock-normal {
	background: url("../images/icons/battery-middle.png") no-repeat scroll 100% 50%;
	padding-right: 60px !important;
}

.stock-abajo {
	background: url("../images/icons/battery-empty.png") no-repeat scroll 100% 50%;
	padding-right: 60px !important;
}

.icon-td {
	margin-left: 10px;
}

div.pq-select-button.ui-state-disabled {
	background-color: rgb(227, 227, 227) !important;
}

div.pq-select-button.ui-state-disabled span.pq-icon.ui-icon.ui-icon-triangle-1-s
	{
	background-color: rgb(244, 244, 244) !important;
	background-image: url("../images/icons/ui-icons_AFAFAF_256x240.png")
		!important;
	border: 1px solid rgb(175, 175, 175) !important;
}

.mensajeEnCampo {
	background-color: #ff8627;
	border-radius: 20px 20px 20px 0;
	color: #ffffff;
	padding: 5px 10px;
	position: absolute;
	text-align: justify;
	z-index: 1080;
}

#tbody_tablaProveedoresPorProducto tr.selected {
	background-color: #D1DBC8 !important;
}

#tbody_tablaProveedoresPorProducto tr.selected td {
	border-bottom: 1pt solid #FDF9E1;
}

#tbody_tablaProveedoresPorProducto tr.selected:hover {
	color: #E74C3C !important;
}

.spanIcon {
	background-position: 5px 6px;
	background-repeat: no-repeat;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 3px;
	margin-left: 5px;
	padding-bottom: 4px;
	padding-left: 35px !important;
	padding-right: 5px;
	padding-top: 4px;
	text-align: left;
}

.icon_Oficina {
	background-image: url("../images/icons/icon_tel_oficina.png");
	background-size: 18px 18px;
}

.icon_Celular {
	background-image: url("../images/icons/icon_tel_celular.png");
	background-size: 18px 18px;
}

.icon_Casa {
	background-image: url("../images/icons/icon_tel_casa.png");
	background-size: 18px 18px;
}

.icon_Otro {
	background-image: url("../images/icons/icon_tel_otro1.png");
	background-size: 18px 18px;
}

.icon_Facturar {
	background-image: url("../images/icons/icon_mail_facturacion.png");
	background-size: 18px 18px;
}

.icon_Informativo {
	background-image: url("../images/icons/icon_mail_informativo.png");
	background-size: 18px 18px;
}

.icon_Privado {
	background-image: url("../images/icons/icon_mail_privado.png");
	background-size: 18px 18px;
}

.icon_Mail_Otro {
	background-image: url("../images/icons/icon_mail_otro1.png");
	background-size: 18px 18px;
}

/****************** Direcciones ******************/
.icon_Fiscal {
	background-image: url("../images/icons/icon_Fiscal.png");
	background-size: 18px 18px;
}

.icon_Entrega {
	background-image: url("../images/icons/icon_Entrega.png");
	background-size: 26px 18px;
}

/*************** Bancos ***************************/
.icon_afirme{
	background-image: url("../images/icons/icon_afirme.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_azteca {
	background-image: url("../images/icons/icon_azteca.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_banamex {
	background-image: url("../images/icons/icon_banamex.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_banobras {
	background-image: url("../images/icons/icon_banobras.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_bbva {
	background-image: url("../images/icons/icon_bbva-bancomer.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_bancomext {
	background-image: url("../images/icons/icon_bancomext.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_banorte {
	background-image: url("../images/icons/icon_banorte.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_banjercito {
	background-image: url("../images/icons/icon_banjercito.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_bajio {
	background-image: url("../images/icons/icon_bajio.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_banregio {
	background-image: url("../images/icons/icon_banregio.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_hsbc {
	background-image: url("../images/icons/icon_hsbc.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_inbursa {
	background-image: url("../images/icons/icon_inbursa.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_ixe {
	background-image: url("../images/icons/icon_ixe.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_santander {
	background-image: url("../images/icons/icon_santander.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_scotiabank {
	background-image: url("../images/icons/icon_scotiabank.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

.icon_wal-mart {
	background-image: url("../images/icons/icon_wal-mart.png");
	background-position: 0 0;
	background-size: 24px 24px;
	width: 120px;
}

/*************** Bancos Fin ***********************/

.icon_activa {
	background-image: url("../images/icons/icon_on.png");
	background-position: 0 7.5px;
	background-size: 30px auto;
	height: 15px;
}

.icon_inactiva {
	background-image: url("../images/icons/icon_off.png");
	background-position: 0 7.5px;
	background-size: 30px auto;
	height: 15px;
}

.icon_cheques {
	background-image: url("../images/icons/cheques.png");
    background-position: 0 center;
    background-size: 30px auto;
    height: 15px;
    width: 100px;
}

.icon_ahorro {
	background-image: url("../images/icons/ahorro.png");
    background-position: 1px center;
    background-size: 22px auto;
    height: 15px;
    width: 100px;
}

#tablaContactosCliente td:nth-child(3),#tablaContactosCliente td:nth-child(4)
	{
	padding: 10px;
	text-align: left;
}

.destacado {
	font-weight: 600;
}

.fondoDivBlueLight {
	background-color: #bbdfee;
}

#tablaIngresoDetalleOrden {
	width: 100% !important;
}

.itemSeleccionado {
	border-left: 7px solid #95BB2F !important;
	color: #000000 !important;
}

#icon-button-find {
	cursor: pointer;
	left: -3px;
	position: relative;
	top: 2px;
}

#contenidoCantidades {
    overflow: auto;
    padding: 10px 0;
    text-align: center;
    width: 100%;	
}

.button-find {
	padding: 0 30%;
}

#divCortina,
#divCortinaHistorial {
	background: #555555;
	opacity: 0.5;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

#divPopupAyuda,
#divPopupArchivo {
	background: #f9f9f9 none repeat scroll 0 0;
	border-radius: 4px;
	color: #18315a;
	height: 95%;
	margin-left: 2.5%;
	margin-top: 0.5%;
	padding: 0.2%;
	position: absolute;
	width: 95%;
	z-index: 10;
}

#tituloDivPopupAyuda,
#tituloDivPopupArchivo {
	color: #18315a;
	height: 3%;
	padding: 0.4em 1em;
	position: relative;
	text-align: left;
	width: 90%;
}

#divPopupArchivoOrdenCompra {
	background: #f9f9f9 none repeat scroll 0 0;
	border-radius: 4px;
	color: #18315a;
	height: 80%;
	margin-left: 15%;
	margin-top: 5%;
	padding: 0.2%;
	position: absolute;
	width: 70%;
	z-index: 10;
}

#tituloDivPopupArchivoOrdenCompra {
	color: #18315a;
	height: 3%;
	padding: 0.4em 1em;
	position: relative;
	text-align: left;
	width: 90%;
}

.tituloDivPopupAyuda,
.tituloDivPopupArchivo {
	float: left;
	height: 3%;
	position: absolute;
}

#contenidoDivPopupAyuda {
	border-bottom: 1px solid #ccc;
	height: 85.5%;
	overflow-y: auto;
	position: relative;
	width: 100%;
}

#contenidoDivPopupArchivo {
	border-bottom: 1px solid #ccc;
	height: 85.5%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#contenidoDivPopupArchivoOrdenCompra{
	border-bottom: 1px solid #ccc;
	height: 85.5%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#barraBotonesAyuda,
#barraBotonesArchivo {
	display: table;
	float: left;
	height: 10%;
	margin: 0;
	position: relative;
	text-align: center;
	width: 100%;
}

.contenedorAyuda {
	overflow-y: auto;
	padding: 0 2.5%;
	text-align: justify;
}

.contenedorAyuda p {
	font-size: 1.1em;
	margin: 5px 0 20px;
	text-align: center;
}

.contenedorAyuda img {
	border: 1px solid;
	border-radius: 5px;
	margin-left: 1.5%;
	width: 85%;
}


#divPopupReportes{
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 4px;
    color: #18315a;
    margin-left: 34.5%;
    margin-top: 15%;
    padding: 0.2%;
    position: absolute;
    width: 30%;
    z-index: 10;	
}

#tituloDivPopupReportes {
    color: #18315a;
    height: 7%;
    padding: 0.4em 1em;
    position: relative;
    text-align: left;
    width: 90%;
}

#divPopup {
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 4px;
    color: #18315a;
    margin-left: 20%;
    max-height: 80%;
    padding: 0.2%;
    position: absolute;
    width: 60%;
    z-index: 10;
}

#divPopupHistorial{
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 4px;
    color: #18315a;
    height: 95%;
    margin-left: 20%;
    max-height: 95%;
    padding: 0.2%;
    position: absolute;
    width: 55%;
    z-index: 10;
}


#tituloDivPopup {
    color: #18315a;
    padding: 0.4em 1em;
    position: relative;
    text-align: left;
    width: 90%; 
}

#tituloDivPopupHistorial {
    color: #18315a;
    height: 5%;
    padding: 0.4em 1em;
    position: relative;
    text-align: left;
    width: 90%; 
}

#contenidoDivPopup {
    height: 80%;
    overflow-y: auto;
    position: relative;
    width: 100%;
}

.contenidoDivPopup {
    height: 80%;
    overflow-y: auto;
    position: relative;
    width: 100%;
}

#contenidoDivPopupHistorial {
    height: 85%;
    overflow-y: auto;
    position: relative;
    width: 100%;
}

#contenidoDivPopupReportes{
    height: 45%;
    margin-bottom: 1%;
    overflow-y: auto;
    position: relative;
    width: 100%;	
}

#contenidoDivPopupAlmacenes,
#contenidoDivPopupInforme {
    overflow-y: auto;
    position: relative;
    width: 100%;	
}

#contenidoDivPopupAlmacenes table,
#contenidoDivPopupInforme table{
	border: 1px solid #dadada;
	border-radius: 2px;
	margin-left: 1%;
	text-align: center;
	width: 98%;
}


#contenidoDivPopupReportes table {
    border: 1px solid #dadada;
    border-radius: 2px;
    height: 98%;
    margin-left: 1%;
    text-align: center;
    width: 98%;
}

#contenidoDivPopup table {
    border-radius: 2px;
    margin-left: 1%;
    margin-top: 2%;
    text-align: center;
    width: 98%;
}

#contenedorTitulo {
	border-bottom: 1px solid;
	float: left;
	font-size: 1.5em;
	font-weight: 700;
	margin: 0.1em 0 0.1em 0.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

#barraBotones {
    display: table;
    float: left;
    margin: 0;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;    
}

#barraBotonesCalendario {
    display: table;
    float: left;
    margin: 0;
    padding: 0 0 10px 0;
    position: relative;
    text-align: center;
    width: 100%;    
}

#barraBotonesHistorial {
    display: table;
    float: left;
    height: 5%;
    margin: 0;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;    
}

#barraBotonesReportes{
    display: table;
    float: left;
    height: 15%;
    margin: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;	
}

#contendorBotones {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

#cabeceraTabla th {
    background-color: #7f8c8d;
    border: 1px solid #fff;
    color: #ffffff !important;
    height: 25px;
    text-align: center;
}

#cabeceraTabla td {
	padding: 0;
	color: #fff;
}

.tablaResultadosPopup {
	border-collapse: separate;
	border-spacing: 0;
	font-size: 1.1em;
	text-align: left;
}

.tablaResultadosPopup tr:nth-child(even) {
	background-color: #F4F9E8;
}

.tablaResultadosPopup tr:nth-child(odd) {
	background-color: #ffffff;
}

.tablaResultadosPopup tbody tr {
	cursor: pointer;
}

.tablaResultadosPopup tr:hover {
	background-color: #F6F6F6 !important;
}

.tablaResultadosPopup tr.seleccionado {
	background-color: #59B3D5 !important;
}

.tablaResultadosPopup tbody tr td {
	border: 1px solid #fff;
	padding: 3px;
}

#tablaResultadoPopup tr.selected {
	background-color: #C2D4F4 !important; /* Azul para cambiar verde #D1DBC8 */
	color: #18315a !important;
	cursor: pointer;
}

#tablaResultadoPopup tr.selected:hover {
	color: #000000 !important;
}

.noseleccionable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tablaDetallePrecios tr{
	background-color: #E6F3F9 !important;
	cursor: no-drop;
}

.no-seleccionable{
	cursor: no-drop;
}

.botonPopup {
	margin-right: 1em !important;
	padding: 0.4em 1em !important;
	font-weight: bold;
}

#mensajePopup {
	background-color: #FCA23F; 
	border-radius: 0 0 5px 5px;
	color: #fff;
	font-size: 1.25em;
	left: 0;
	padding: 5px 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

.observacionesProductoMerma {
	color: #0f4069;
	height: 40px;
	font-size: 1.05em;
	margin-left: 1.5%;
	width: 85%;
}

.alignMargin {
	margin: 6% 0 0 0 !important;
}

#tablaProductosSolicitud_wrapper {
	margin: 0 !important;
	width: 100% !important;
}

#tbody_tablaProductosFactura input[type="text"] {
	width: 60px;
}

#tbody_tablaProductosFactura tr td textarea{
	font-size: 1em;
}


#tbody_tablaProductosFactura.facturado td:nth-child(2),
#tbody_tablaProductosFactura.facturado td:nth-child(4),
#tbody_tablaProductosFactura.facturado td:nth-child(5),
#tbody_tablaProductosFactura.facturado td:nth-child(6) {
	text-align: center !important;
}

/*********Almacén de timbres***************/
.contabilidad-timbres {
	border: 1px solid #dadada;
	color: #666666;
	float: right;
	font-size: 0.7em;
	position: absolute;
	right: 0px;
	text-align: left;
	top: 0px;
	width: 245px;
	z-index: 100;
}

#tituloContabilidadTimbres {
    color: #18315a;
    cursor: help;
    display: table;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20%;
}

#contenidoContabilidadTimbres{
    height: 95px;
}

#contenidoContabilidadTimbres p {
	margin: 5px 0 0 !important;
}

.timbres-stock-arriba {
	background: url("../images/icons/timbres-battery-full.png") no-repeat
		scroll 95% 50%;
	padding-right: 40px !important;
}

.timbres-stock-normal {
	background: url("../images/icons/timbres-battery-middle.png") no-repeat
		scroll 95% 50%;
	padding-right: 40px !important;
}

.timbres-stock-abajo {
	background: url("../images/icons/timbres-battery-empty.png") no-repeat
		scroll 95% 0%;
	padding-right: 40px !important;
}

.timbres-stock-cero {
	background: url("../images/icons/timbres-totally-empty.png") no-repeat
		scroll 95% 45%;
	padding-right: 40px !important;
}

.span-timbres-stock-arriba {
	color: #60791E !important;
}

.FondoDiv-timbres-stock-arriba {
	background-color: #f4f8e2;
}

.tituloDiv-timbres-stock-arriba {
	color: #7DAA08 !important;
}

.icon-timbres-stock-arriba {
	color: #7DAA08 !important;
}

.span-timbres-stock-normal {
	color: #f90  !important;
}

.FondoDiv-timbres-stock-normal {
	background-color: #fefbeb;
}

.tituloDiv-timbres-stock-normal {
	color: #bb7100 !important;
}

.icon-timbres-stock-normal {
	color: #f90 !important;
}

.span-timbres-stock-abajo {
	color: #ff3000 !important;
}

.FondoDiv-timbres-stock-abajo {
	background-color: #FFF7F7;
}

.tituloDiv-timbres-stock-abajo {
	color: #ff3000 !important;
}

.icon-timbres-stock-abajo {
	color: #ff3000 !important;
}

.span-timbres-stock-cero {
	color: #D9524E !important;
}

.FondoDiv-timbres-stock-cero {
	background-color: #ffffff;
}

.tituloDiv-timbres-stock-cero {
	color: #ffffff !important;
}

.icon-timbres-stock-cero {
	color: #D9524E !important;
}

#resumenTimbres p span {
	font-weight: bold;
	font-size: 1.2em;
}

#f_fecha_facturacion {
	color: #FF3000;
	font-weight: bold;
	margin-right: 15px;
}

.user {
	background: transparent url("../images/icons/user.png") no-repeat scroll
		0 0;
}

.password {
	background: transparent url("../images/icons/key.png") no-repeat scroll
		0 0;
}

.mail {
	background: transparent url("../images/icons/mail.png") no-repeat scroll
		0 0;
}

.botonAyuda {
	color: #6cacde !important;
	cursor: pointer;
	font-size: 1.7em !important;
	padding: 0 !important;
	position: absolute;
	right: 1%;
	top: 10%;
}

.botonAyuda:hover {
	color: #566566 !important;
}

.tituloParrafo {
	display: inline-block;
	font-size: 1.3em;
	font-weight: bold;
	margin: 15px 0 5px;
}

.tituloParrafo:before {
	font-family: FontAwesome;
	font-size: 1.4em;
	content: "";
	margin-right: 10px;
	color: #FF6108;
}

.tituloPasos {
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 5px;
}

/****** Forma para reseteo de contraseña ******/
#divResetPassSAFE { 
	height: 300px;
	left: 50%;
	margin-left: -225px;
	margin-top: -150px;
	position: absolute;
	top: 35%;
	width: 450px;
}

#resetSAFETable {
	border-collapse: separate !important;
	border-spacing: 2px !important;
	margin: auto;
	text-align: center;
	width: 100%;
}

#resetSAFETable div{
	margin: auto;
	padding-bottom: 10px;
}

#resetSAFETable label {
	display: inline !important;
	padding-right: 15px;
}

.indicacionesReestablecePass {
	color: #0f4069;
	font-size: 1.5em;
	text-align: center;
}

#divMessageResetPassword {
	border-radius: 2px 35px;
	text-align: center;
}

#divMessageSpanResetPassword {
	display: inline-block;
	font-size: 1.1em;
	padding: 5px;
	width: 25%;
}

.check-visibe {
	display: block !important;
}

.fa-icon-historico-precios {
	font-size: 1.5em !important;
}

.fa-botonNoFly {
	font-size: 1.3em !important;
}

.divIconHistoricoPrecios {
	float: left;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 15%;
}

.divFechaHistoricoPrecios {
	float: left;
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 85%;
}

.contenedorValoresHistoricosPrecios {
	width: 100%;
}

.botonVentanaEmergente {
    background-color: transparent !important;
	border: 0 none;
	color: #000000;
	cursor: pointer;
	font-family: inherit !important;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0%;
	padding: 1% 0.25% 1% !important;
}

.botonVentanaEmergente:hover {
	color: #999999 !important;
}

.botonVentanaEmergente:active {
	color: #cccccc;
}

.botonIcon {
    background-color: transparent !important;
	border: 0 none;
	color: #000000;
	cursor: pointer;
	font-family: inherit !important;
	font-weight: bold;
	margin: 0%;
}

.botonIcon:hover {
	color: #999999 !important;
}

.botonIcon:active {
	color: #cccccc;
}

.paddingL-2porc{
	padding-left: 2% !important;	
}

#iconContabilidadTimbres {
	box-sizing: border-box;
	float: left;
	width: 65px;
}

.icon-panel-primary {
    font-size: 6em !important;
    margin-left: 25px;
    margin-top: 5px;
}

#resumenTimbres {
	box-sizing: border-box;
	float: right;
	padding: 10px;
	text-align: right;
}

#tbody_tablaEntradaDetalleTraspaso td {
	text-align: center !important;
}

fieldset{
    border: none;
    border-radius: 4px;
    margin: 0 15px !important;
    padding-bottom: 1%;
    
}

legend{
    background-color: #efefef;
    border-bottom: 1px solid #a5a5a5 !important;
    color: #030303;
    font-size: 1.2em;
    padding: 2px 10px;
    text-align: center;
    width: 98%;
}

#btn_programa_inicio_cta_x_cobrar{
	margin: 0px !important;
}

.noMargen{
	margin: 0px !important;
}

.center-text{
	text-align: center;
}

.left-text{
	text-align: left;
}

.right-text{
	text-align: right;
}

.marginL0{
	margin-left: 0px;
}
.contenedorDosGridsVertical{
	height: 50%;
}

.contenedorDosGridsVertical35Porc{
	height: 35%;
}

.contenedorDosGridsVertical65Porc{
	height: 65%;
}

#divGridGenerales div[id="tablaResultadosGenerales_wrapper"],
#divGridDetalles div[id="tablaResultadosGenerales_wrapper"]{
	margin-top: -7px !important;
}

#divGridGenerales,
#divGridDetalles{
	float: left;
	position: relative;
	width: 100%;
}

#divGridPagosMultiplesGenerales,
#divGridPagosMultiplesDetalle{
	float: left;
	position: relative;
	width: 100%;
}

#tablaResultadosGenerales,
#tablaResultadosDetalle {
	margin: 0 auto;
	width: 100%;
	clear: both;
	table-layout: fixed;
	word-wrap: break-word;
}

#tablaResultadosDetalle tbody tr {
	cursor: -webkit-grab;
	cursor: grab;
}

#tablaResultadosMovimientos {
    clear: both;
    margin: 0 auto;
    overflow-wrap: break-word;
    width: 100%;
}

#tablaResultadosMovimientos tbody tr {
	cursor: pointer;
}

#monto{
	/*width: 80px !important;*/
}

.margin-start-0px{
	margin-block-start: 0px;
}

.monto-cobranza{
	width: 120px !important;	
}

.divBotonesFormRegistro{
    margin-block-start: 10px;
    margin-block-end: 10px;	
}

.separador-izquierdo {
	margin-left: 20px !important;	
}

/* Esta regla evita que el usuario pueda seleccionar texto de los dataTables*/
div[id^="divGrid"] table tbody td{
	-webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select:none;
}

.divDosRenglones{
	background-color: #FFFFFF;
	display: table;
	float: left;
	margin: 0;
	position: relative;
	text-align: center;
	width: 100%;
}

.divCuatroRenglones{
	display: table;
	float: left;
	height: 20% !important;	
	margin: 0;
	position: relative;
	text-align: center;
	width: 100%;
}

#saldo_cuenta_por_cobrar p span{
    font-size: 1.3em;
    font-weight: bold;
}

#saldo_cuenta_por_cobrar p span:nth-child(1) {
	margin: 0 5px 0 0;
}

#saldo_cuenta_por_cobrar p span:nth-child(3) {
	margin: 0 5px 0 100px;
}

#saldo_cuenta_por_cobrar p span:nth-child(2),
#saldo_cuenta_por_cobrar p span:nth-child(4) {
	text-decoration: underline;
}

.spanUnBoton {
	display: inline-block;
	margin: 1px 5px 1px 5px;
	text-align: right;
}

.divUnBoton {
	float: left;
	margin: 1px 5px 1px 5px;
	text-align: right;
}

.divUnBoton span button{
	margin-top: 10px;
}

#contenidoFormNuevoCobroCuentasXCobrar fieldset{
    margin-bottom: 0.5% !important;
    margin-top: 0.5% !important;
}

.fieldsetMovimientosBancarios{
	height: 90% !important;
	position: relative;
}

#datosNuevoCobro{
    background-color: #FFFFFF;
    float: left;
    margin: 0;
    position: relative;
    width: 100%;	
}

#tablaResultadosVentasSinAsignacionDeCobro{
	width: 100% !important;
}

#tablaResultadosVentasSinAsignacionDeCobro_wrapper{
	margin-top: 0px !important;
	margin-bottom: 1% !important;
}

.contenidoFormConRegistro{
	background-color: #FFFFFF;
    float: left;
    margin: 0;
    overflow-y: auto;
    position: relative;
    width: 100%;
}

.contenidoFormConRegistroNC{
	background-color: #FFFFFF;
    float: left;
    height: 50%;
    margin: 0;
    overflow-y: auto;
    position: relative;
    width: 100%;
}

#datosCuentaBancariaCliente{
	background-color: #FFFFFF;
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;	
}

.edicionCuentaBancariaCliente{
	height: 78% !important;
}

.inputTextareaMovimientoCobros{
	color: #0f4069;
	height: 40px;
	font-size: 1.15em;
	width: 95%;
}

.inputTextareaEditaCobro{
	color: #0f4069;
	height: 40px;
	font-size: 1.15em;
	width: 95%;
}	

.inputUiidRelacionado{
	color: red !important;
	font-size: 1.05rem !important;
	margin-block-end: 15px;
	overflow: hidden;
	width: 95% !important;
}

#contenedor_uuids{	
	border: 2px solid #d3d3d3;
	border-radius: 5px;
	float: left;
	margin: 2.5% 0 5% 2.5%;
	position: relative;
	width: 95%;
}

.lista_uuid{
	font-size: 1.2rem;
	float: left;
	margin: 5px 0 5px 2%;
	text-align: left;
	width: 90%;
}

.trash_lista_uuid i{
	font-size: 1.5rem;
}

.trash_lista_uuid{
	cursor: pointer;
	float: left;
	width: 8%;
	margin: 5px 0 5px;
}

.divSinMargen{
    background-color: #FFFFFF !important;
    margin: 0 !important;
}

.margin-right-icon{
	color: #FF6699;
	margin-right: 20px;
}

.p-sin-margen{
	margin-top: 0px !important;
}

.labelLiquidado span{
	margin-left: 15px !important; 
}

.margen-izq15px{
	margin-left: 15px !important; 
}

/********** Para fijar los encabezados de una tabla ************/
.fixed_headers {
  table-layout: fixed;
  border-collapse: collapse;
}

.fixed_headers thead th {
	width: 500px !important;	
}

.fixed_headers tbody tr td{
	width: 500px !important;
}

.fixed_headers thead tr {
      display: block;
      position: relative;
}
  
.fixed_headers tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 80%;
}

.fix-align-right{
	text-align: right !important;
}

.fix-align-left{
	text-align: left !important;
}


.fa-1_7x{
	font-size: 1.7em !important;
}

.iconClose-into-input{
    bottom: 2px;
    cursor: pointer;
    position: relative;
    right: 12px;
}

.hasDatepicker{
  background: #fff url('../images/icons/mJotv.gif') no-repeat right -10px center;
  padding: 3px 18px 3px 4px;
}
.hasDatepicker.x  { background-position: right 5px center; }
.hasDatepicker.onX{ cursor: pointer; }
.hasDatepicker::-ms-clear {display: none; width:0; height:0;}

.fliedDate{
	width: 100px !important;	
}

.fliedDateCobranza{
	border-radius: 4px 0 0 4px;
	margin-bottom: 10px !important;
	width: 100px !important;	
}

.textArea95{
	width: 95% !important;
}

.parrafoAgregar{
	margin: 5px 0 5px 0;
}

#sliderRangoFondoAnticipoClientes{
	float: left;
    position: relative;
    width: 50%;	
}

#camposFiltro{
	float: left;
    position: relative;
    width: 50%;	
}

#rangoFondoAnticipoClientes{
	background-color: #f6f6f6;
	border: 0px;
	color: #F6931F;
	width: 100px;
}

.panel-body{
    background-color: #ffffff;
    float: left;
    height: 80%;
    margin: 0;
    position: relative;
    padding: 0 !important;
    width: 100%;
}

#panel-body-left{
    background-color: #FFFFFF;
    display: inline-block;
    height: 100%;
    overflow-y: hidden;
    overflow: auto;
    position: relative;
    width: 10%;
}

#panel-body-left-settings{
    background-color: #FFFFFF;
    display: inline-block;
    height: 100%;
    overflow: auto;
    position: relative;
    width: 10%;    
}

#panel-body-left-content{
    height: 100%;
    position: relative;
}

#panel-body-left-content-settings{
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}

#panel-body-left-content-prefactura{
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    height: 90%;
}

.panel-body-right{
    display: inline-block;
    float: right;
    height: 100%;
    overflow: auto;
    text-align: center;
    z-index: 1;  
}

.panel-body-right-settings{
	background-color: #FFFFFF;
    display: inline-block;
    float: right;
    height: 100%;
    overflow: auto;
    text-align: center;
    z-index: 1;  
}

#arrowUp,
#arrowUp-settings{
    background-image: url("../images/icons/icon_arrowUp.png");
    background-position: 0px;
	background-repeat: no-repeat;
	background-size: 100%;
    cursor: pointer;
    height: 25px;	
}

#arrowDown,
#arrowDown-settings{
    background-image: url("../images/icons/icon_arrowDown.png");
    background-position: 0px;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 25px;	
}

#reporte_pdf,
#settingsContents{
	overflow: hidden !important;
	width: 90% !important;	
}

.img-en-implementacion{
	margin-top: 15%;
	opacity: 0.5;
	width: 10%;
}

.divIcono{
    background-color: #eeeeee;
    border-radius: 10px 10px 0 0;
    margin: 5% 10%;
    min-height: 1px;
    position: relative;
    text-align: center;
    width: 80%;
}

.divImgIcono:hover{
	cursor: pointer;
}

.divImgIcono img{
    cursor: pointer;	
    margin: 10px;
    width: 50%;	
}

.tituloDivIcono{
    background-color: #7F8C8D;
    color: #ffffff;
    padding: 5px;

  	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none; /* Safari */
  	-khtml-user-select: none; /* Konqueror HTML */
  	-moz-user-select: none; /* Firefox */
  	-ms-user-select: none; /* Internet Explorer/Edge */
  	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */  
}

.tituloDivIcono{
	cursor: default;
}

#reporte_pdf p {
	font-size: 1.3em;
	color: #999999;
}

#reporte_pdf img,
#settingsContents img {
    margin-top: 15%;
    opacity: 0.5;
    width: 15%;	
}

.listaCatalogo{
	padding: 5px 0;	
}

table.dataTable td.select-checkbox::before{
    margin-left: -5px !important;
    margin-top: -14px !important;	
}

table.dataTable tr.selected td.select-checkbox::after{
    margin-left: -5px !important;
    margin-top: -18px !important;
}

.fondoClaro{
	background-color: #FFFFFF !important;
	overflow: auto;
}

.listaMenusNivel1 {
	margin: 10px 0 10px 20px !important;
}

.listaMenusNivel1 li,
.listaMenusNivel2 li,
.listaMenusNivel3 li,
.listaMenusNivel4 li {
    border-radius: 5px 0 0 5px;
    color: #9f9f9f;
    list-style: outside none none;
    margin: 2px 0 2px 10px;
    padding: 5px;
}

.listaMenusNivel1 li:hover,
.listaMenusNivel2 li:hover {
	cursor: pointer;
	color: #000000;
	
}

.tabContentSubmenus{
    background-color: #f6f6f6;
    border-color: #ddd;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    display: none;
    height: inherit;
    margin: 10px 0 0;
    overflow-y: auto;
    width: 80%;
}

.opcionActiva{
    background-color: #f6f6f6 !important;
    border-color: #ddd #f6f6f6 #ddd #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #000000 !important;
    z-index: 1000;
}

#tabPerfilUsuario{
    border-left: 1px solid #ddd;
    float: left;
    height: 100%;
    width: 49.5%;
}

#tabNuevoUsuario{
	float: left;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	width: 50%;
}

.datosPerfil{
    height: 20%;
    width: 70%;
}

.botonesPerfil{
    float: right;
    margin-top: 5%;
    width: 25%;
}

.contenedorOpcionesPerfil{
    border-bottom: 1px solid #ddd;
    height: 62%;
    margin-left: 4.5% !important;
    overflow-y: auto;
    position: relative;
    width: 96%;
}

.sinBarras{
	overflow: hidden !important;	
}

.panelIzqOpcionesPerfil{
	float: left;
	position: relative;
	width: 19%;
	z-index: 1;
}

.panelDerOpcionesPerfil{
    float: left;
    height: 98%;
    position: relative;
    width: 80%;
}


 .icon-tree {
 	margin-right: 10px;
 }
 
 .input{
 	border-color: #0f4069;
	border-style: none none solid;
	border-width: medium medium 1px;
	color: #0f4069;
	font-size: 100%;
	margin: 0 0 0 5px;
	padding: 3px;
	text-align: center;
}

.oculto{
	display: none !important;
}

.clickable:hover{
	cursor: pointer !important;
}

.fa-menuBar{
	font-size: 1.4em !important;
}

.lateralBotones{
    float: left;
    position: relative;
    text-align: left;
    width: 50%;
}

.fecha_tentativa_entrega_cotizacion_cliente{
	width: 33% !important;
}

#fecha_tentativa_entrega,
#fechaAlta,
#fechaBaja{
	width: 150px !important;	
}

.sel-usuarios-notificaciones{
	width: 100%;
	height: 90%;
	overflow-x: scroll;	
}

.h100porc{
	height: 100%;
}

.direccionEntregaFactura{
	width: 51% !important;
}

.spanUnaColumnaFactura{
    border-bottom: 1px solid #18315a;
    color: #18315a;
    display: inline-block;
    text-align: center;
    width: 35% !important;
}

#tablaCantidadesPago{
	width: 85% !important;
}

.hasDateTime{
	width: 150px !important;
}

.img-zip-code{
    left: 5px;
    position: relative;
    top: 8px;
}

.img-zip-code:hover {
	cursor: pointer;
}

.span-moneda{
	left: -4px;
	position: relative;
	top: 2px;
	width: 24px;
	border-radius: 0 4px 4px 0;
	padding: 4px 5px 4px 8px;
	background-color: #566566;
	font-size: 20px;
	color: #fff;
}

.span-zip-code{	
	left: -4px;
	position: relative;
	top: 2px;
	width: 24px;
	border-radius: 0 4px 4px 0;
	padding: 4px 0 4px 5px;
	background-color: #566566;
	font-size: 20px;
	color: #fff;
}

.span-find{	
	left: -4px;
	position: relative;
	top: 2px;
	width: 24px;
	border-radius: 0 4px 4px 0;
	padding: 4px 5px 4px 5px;
	background-color: #566566;
	font-size: 20px;
	color: #fff;
}

.span-find:hover {
	background-color: #D6D4C7;
	cursor: pointer;
}

.span-moneda:hover {
	background-color: #D6D4C7;
	cursor: pointer;
}

.span-zip-code-registro {	
	top: 2px !important;
}

.span-zip-code:hover {
	background-color: #D6D4C7;
	cursor: pointer;
}

.span-zip-code:active {
	border: 1px solid #95BB2F !important;
	background-color: #ffffff !important;
	color: #9A9A9A !important;
	padding: 1px 0px 1px 3px !important;
}

.inputCP {
	border-top: 1px solid #dadada !important;
	border-radius: 4px 0 0 4px !important;
	color: #0f4069 !important;
	font-size: 100% !important;
	height: 20px !important;
	margin: 0 0 0 5px !important;
	padding: 3px 0 3px 3px !important;
	text-align: center !important;
	border-bottom: 1px solid #dadada !important;
	border-left: 1px solid #dadada !important;
}

.botonesUnaColumna {
    padding-bottom: 15px;
    width: 100% !important;
}

.padingRight20{
    padding-right: 15px !important;
    width: 80px !important;
}


#historicoObservaciones td:nth-child(1){
	width: 25% !important;
}

#historicoObservaciones td:nth-child(2){
	width: 25% !important;	
}

#historicoObservaciones td:nth-child(3){
	width: 50% !important;
	text-align: left;
}

.resaltada{
    color: #555;
    display: inline-block;
    font-size: 1.1em;
    margin: 0;
    position: relative;
    width: 80%;  
}

.imgPointer{
    margin: auto;
    top: 10px;
}

.force-width-100{
	width: 100% !important;
}

#tablaProductosAutorizacion td:nth-child(2){
	width: 40%;
	text-align: left;
}

#tablaProductosAutorizacion td:nth-child(1),
#tablaProductosAutorizacion td:nth-child(4),
#tablaProductosAutorizacion td:nth-child(6) {
	width: 10%;
}

#tablaProductosAutorizacion td:nth-child(3),
#tablaProductosAutorizacion td:nth-child(5) {
	width: 15%;
	text-align: center !important;
}

.padding5{
	padding-left: 5%;
}

.padding9{
	padding-left: 9%;
}

.padding12{
	padding-left: 12%;
}
.paddTop{
	padding-top: 20px;
}
.ancho70{
	width: 70%;
}
.ancho50porc{
	width: 50%;
}
.ancho45{
	width: 45%;
}
.ancho40{
	width: 40%;
}
.ancho30{
	width: 30%;
}
.ancho25{
	width: 25%;
}
.ancho20{
	width: 20% !important;
}
.ancho12{
	width: 12% !important;
}
.ancho8{
	width: 8%;
}
.fuente120_porc{
	font-size: 120%;
}

#tbody_tablaCantidadesPago td:nth-child(2) {
	text-align: rigth;
}

.radioFactura {
    margin-right: 28px;
    position: relative;	
}

.radioNota {
    margin-right: 83px;
    position: relative;	
}

.formPrefactura{	
    height: 99%;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 10;
}


.panel-body-prefactura{
    background-color: #ffffff;
    float: left;
    height: 100%;
    margin: 0;
    position: relative;
    width: 100%;	
}


.panel-body-left-prefactura{
    background-color: #FFFFFF;
    display: inline-block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 5%;
}

.panel-body-right-prefactura{
    background-color: #FFFFFF;
    display: inline-block;
    float: right;
    height: 100%;
    margin: 0;
    overflow-y: hidden;
    text-align: center;
    width: 95%;
    z-index: 1;
}

#reporte_pdf_prefactura {
    overflow: hidden !important;
}

#reporte_pdf_prefactura img {
    margin-top: 15%;
    opacity: 0.5;
    width: 15%;
}

#reporte_pdf_prefactura p {
    color: #666666;
    font-size: 1.15em;
}

#panel-body-left-content-prefactura p {
    background-color: #F8F8F8;
    border: 2px solid #d5d5d5;
    border-radius: 3px;
    cursor: pointer;
    margin: 5% auto auto;
    padding: 2.5%;
    text-align: center;
    width: 50%;
    
	-webkit-user-select: none;  /* Chrome all / Safari all */
  	-moz-user-select: none;     /* Firefox all */
  	-ms-user-select: none;      /* IE 10+ */
  	user-select: none;          /* Likely future */         
}

.pdf-activa {
    background-color: #f4f9e8 !important;
    border-color: #95BB2F !important;
    border-style: solid !important;
    border-width: 2px 2px 2px 8px !important;
    cursor: default !important;
    margin-left: 14% !important;
}

#panel-body-left-content-prefactura p span {
    color: #676767;
    display: inline-block;
    font-size: 1.15em;
    width: 100%;
}

.arrowUp-prefactura {
    background-image: url("../images/icons/icon_arrowUp.png");
    background-position: 40% center;
    background-repeat: no-repeat;
    background-size: 70px auto;
    cursor: pointer;
    height: 5%;
}

.arrowDown-prefactura{
    background-image: url("../images/icons/icon_arrowDown.png");
    background-position: 40% center;
    background-repeat: no-repeat;
    background-size: 70px auto;
    cursor: pointer;
    height: 5%;	
}

.margin-top1porc{
	margin-top: 1% !important;
}

.margin-top0_5porc{
	margin-top: 0.5% !important;
}

.lista-registro-empresa{
	width: 66%;
}

.label-direccion-numInt-empresa{
	display: inline-block;
	text-align: right;
	width: 12%;	
}

.label-direccion-cp-empresa{
	display: inline-block;
	text-align: right;
	width: 7%;	
}

.input-password-empresa{
	width: 55%;
}

.nota-registro-empresa{
	color: #FF6804;
	position: relative;
	text-align: left;
	margin-left: 27%;
	top: 1% !important;
	display: inline-block;
	position: relative;
	height: 2% !important;
}

.inputW70porc{
	width: 70% !important;	
}

.inputW77porc{
	width: 77% !important;
}

#img-logo-registro-empresa{
	border: 1px solid #cbcbcb;
	width: 50%;
	padding: 10px;
	max-width: 250px;
	height: auto;
}

.labelArchvivos{
	background-color: #F6F6F6;
	display: inline-block;
	font-size: 1.1em;	
	margin-bottom: 20px;
	width: 95%;
}

#top_tools{
	
}

.width85 {
	width: 85% !important;
}

.width75{
	width: 75% !important;
}

.width72 {
	width: 72% !important;
}

.label-direcciones-ve{
	width: 20% !important;
	margin-left: 5%;
	display: inline-block;
	text-align: right;
}

.label-direcciones-ve-25{
	width: 25% !important;
	margin-left: 5%;
	display: inline-block;
	text-align: right;
}

.label-direcciones-ve-20{
	width: 20% !important;
	margin-left: 5%;
	display: inline-block;
	text-align: right;
}

.label-direcciones-ve-16{
	margin-left: 5%;
	display: inline-block;
	text-align: right;
	width: 16% !important;
}

.marginL15 {
	margin-left: 100px;	
}

.label-calle-dir-fiscal {
	margin-left: 2%;
	width: 10% !important;
	display: inline-block;
	text-align: right;	
}

.fs-1_2em{
	font-size: 1.25em !important;	
}

.margin-top10{
	margin-top: 10px;	
}

.margin-T5px-B10px{
	margin-top: 10px !important;
	margin-bottom: 5px !important;	
}

.margin-T10px-B10px{
	margin-top: 10px !important;
	margin-bottom: 10px !important;	
}

.marginT0-marginB10px{
	margin-top: 0px !important;
	margin-bottom: 10px !important;
}

.marginT10px-marginB0{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
}

.margin-top15{
	margin-top: 15px !important;	
}

.divCatalogos{
	border: 1px solid #dadada;
	border-radius: 3px;
	color: #0f4069;
	font-family: inherit;
	padding: 1%;
	width: 98%;
	margin: 1%;	
}

.formNuevoRegistroCatalogosEmpresa{
	background-color: #FFFFFF;
	height: 100%;
	left: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
	position: relative;
}

.divColumna40{
	float: left;
	width: 38.75%;
	margin-left: 1%;
}

.divColumna20{
	float: left;
	width: 20%;
	display: table;
}

.divColumna19{
	display: table;
	float: left;
	margin-top: 15%;
	text-align: center;	
	width: 19%;
}

.boton-pasar-notificacion{
	width: 60%;
	height: 28px;
	margin-top: 10px;	
}

.dviColumna20 span{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dviColumna20 input {
    margin: 25px 1px 0 1px;
    border: 1px solid #ccc;
    padding: 10px;
}

.dviColumna20 div{
	vertical-align: middle;
}

.dviColumna40 select{
	width: 98%;
	height: 80%;
	font-size: 1.1em;
}

.paddingBotonNoOnFly{
	padding: 2% 0 2% 0;
	margin: 2%;
	font-size: 1.1em;
	display: inline-block;
	width: 100px;
}
.paddingBotonNoOnFlyListasCorreos{
	padding: 2% 0 2% 0;
	margin: 2%;
	font-size: 1.1em;
	display: inline-block;
	width: 125px;
}
.botonCatAddenda{
	padding: 1.5% 0 1.5% 0;
	margin: 2%;
	display: inline-block;
	width: 85px;
}

span.botonCatAddenda:first-child{
	margin-top: 35px !important;
}

.relativo{
	position: relative;
}

.contenidoFormSinBuscador{
	background-color: #FFFFFF;
	float: left;
	height: 93%;
	margin: 0;
	overflow-y: auto;
	position: relative;
	width: 100%;
}

.show-hidden{
    border-radius: 0 5px 5px 0;
    font-size: 1.5em;
    height: 28px;
    margin-left: -4px;
    padding: 0 5px;
    position: relative;
    top: 2px;
}

.field-show-hidden {
	border-radius: 4px 0px 0px 4px !important;
}

.alignLeft-margin-top-span{
	margin-block-end: 10px;
	margin-block-start: 27px;
	text-align: left;	
}

.align-top{
	top: -9px;
	position: relative;
}

.marginL20{
	margin-left: 20px !important;	
}

.marginL10{
	margin-left: 10px !important;	
}

.motivo-reprogramacion {
	width: 360px !important;
}

.label-motivo-reprogramacion{
	margin-left: 20% !important;
}

.marginL10{
	margin-left: 10% !important;
}

.marginL5{
	margin-left: 5% !important;
}

#datosFormasPago{
	background-color: #FFFFFF;
	margin: 0px;
}

#contenidoFormNuevoCobroCuentasXCobrar{
	overflow-y: auto; 
}

#generalCuentaCobrar span button{
    border-radius: 0 5px 5px 0;
    left: -10px;
    padding: 1px;
    position: relative;
    top: 2px;
}

.marginB10{
	margin-bottom: 10px;	
}

.marginB20{
	margin-bottom: 20px;	
}

.fs-1_1em {
    font-size: 1.1em !important;
}

.label-cliente-cpc{
	width: 18% !important;
}

.label-folio-cpc{
	width: 20% !important;
	display: inline-block;
	text-align: right;	
}

.uuid-cpp{
	width: 50% !important;	
}


.spanRead{
	margin: 0 15px 0 0 !important;
}

.altura10porc{
	height: 10%;
}

.altura15porc{
	height: 15%;
}

.altura18porc{
	height: 18%;
}

.altura20porc{
	height: 20%;
}

.altura25porc{
	height: 25%;
}

.altura30porc{
	height: 30%;
}

.altura40porc{
	height: 40%;
}

.altura45porc{
	height: 45%;
}

.altura50porc{
	height: 50%;
}

.altura65porc{
	height: 65%;
}
.altura70porc{
	height: 70%;
}

.altura73porc{
	height: 73%;
}

.altura74porc{
	height: 74%;
}

.altura75porc{
	height: 75%;
}

.altura79porc{
	height: 79%;
}

.altura80porc{
	height: 80%;
}

.altura85porc{
	height: 85%;
}

.altura90porc{
	height: 90%;
}

.altura95porc{
	height: 95%;
}
.altura100porc{
	height: 100%;
}

.contenedorBotonesCatalogos{
	display: table-cell;
	vertical-align: middle;
}

.margin-left31{
	margin-left: 32px !important;	
}

.montoNMB {
	width: 9.6%;
}

.padding0 {
	padding: 0px;
}

.label-ventas-multiples{
	margin-left: 75px !important;
}

.width8porc{
	width: 8% !important;
}

.width5porc{
	width: 5% !important;
}

.display-initial{
	display: initial !important;
	padding: 0.6% 1.8% !important;
}

.contenidoFormCatalogos{
	background-color: #FFFFFF;
	float: left;
	height: 97%;
	margin: 0;
	overflow-y: auto;
	position: relative;
	width: 100%;
}

.divSettingsEmpresa{}

.o-hidden {
    overflow: hidden !important;
}
.text-white {
    color: #fff !important;
}
.h-100 {
    height: 100% !important;
}
.bg-comprados {
    background-color: #84BAE4 !important;
}

.bg-utilizados {
    background-color: #FFB04C !important;
}

.bg-disponibles {
    background-color: #62DA7E !important;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2.5%;
}

.card-body-icon {
    position: absolute;
    z-index: 0;
    top: -20px;
    right: -35px;
    font-size: 5rem;
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}

.fa-comments::before {
    content: "\f086";
}

.fa-dbl {
	width: 1.3em;
	text-align: center;
	font-size: 1.3em !important;
}

.mb-4 {
    margin-right: 3em !important;
    font-size: 1.4em;
}

.mb-3 {
	font-size: 1.4em;
    margin-right: 3em !important;
}

.mb-1 {
    margin-bottom: 1em !important;
    font-size: 1.1em;
}

.col-xl-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	height: 90%;
	margin-top: 0.25%;
	max-width: 25%;
	min-height: 1px;
	padding-right: 1%;
	padding-left: 1%;
	position: relative;
	width: 100%;
	float: left;
}

.col-ml-10 {
	margin-left: 10%;
}
.card-footer {
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
    font-size: 1.1em;
    padding: .25rem 1.25rem;
    text-decoration: none;   
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}


.img-svg{
	width: 18px;
	padding: 0px 4px;
	cursor: pointer;
}


.dataTables_wrapper .dataTables_filter input{
	border: 1px solid #dadada !important;
	border-radius: 4px  !important;
}

.input-carga-timbres{
	width: 100px;
}


.no-decoration{
	text-decoration: none; 
}

.div-hide-file{
	padding: 5px 0px;
	background: #566566;
	position: relative;
	color: #fff;
	text-align: center;
	float: left;
	cursor: pointer;
	width: 70px;
	margin-bottom: 5px;
}

.hide_file {
	position: absolute;
	z-index: 1000;
	opacity: 0;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	font-size: 24px;
	width: 100%;
}

.file-return {
	color: #a0a0a0;
  	font-size: 1em;
  	font-weight: 500;
  	margin: 0;
}

.file-return-orden-compra {
	color: #a0a0a0;
	font-size: 1em;
	font-weight: 500;
	position: relative;
	float: left;
}

.icon-pdf-oc{
	margin-top: 0px !important;
	float: left;
}

.marginTB2porc{
	margin: 2% 0;
}

.marginT1porc{
	margin-top: 1%;
}

.margin-top2porc{
	margin-top: 2%;
}

.p-input-file{
	text-align: left;
}

.img-boton-on-dataTable{
	cursor: pointer;
}

#fecha_carga{
	margin-left: 5px;
	height: 20px;
	width: 100px !important
}

.marginT30{
	margin-top: 30px !important;
}

.marginT20{
	margin-top: 20px !important;
}

.marginT10{
	margin-top: 10px !important;
}
.marginT-5{
	margin-top: -5px !important;
}
.margin-top0{
	margin-top: 0px !important;
}

.marginT15{
	margin-top: 15px !important;
}

.margin0{
	margin: 0;
}

.fecha-compra-timbres {
	border-bottom: 1px solid #18315a;
	color: #18315a;
	display: inline-block;
	text-align: center;
	width: 55% !important;
}

.fecha-carga-timbres {
	width: 47% !important;
}

#cantidad_ingreso{
	margin-left: 10px;
}

.marginR17 {
    margin-right: 17px !important;
}

.marginR20 {
    margin-right: 20px !important;
}

.marginR30 {
    margin-right: 30px !important;
}


.input-file-error{
	background-color: #ff5555 !important;
	border: 1px solid #ff5555 !important;
	color: #ffffff !important;
}

.width30 {
    width: 30% !important;
}

.realceTextoConfirmacion{
	color: red; 
	font-size: 1.2em;
}

.ui-dialog .ui-dialog-title{
	font-size: 1.1em !important;
}

.ui-dialog .ui-dialog-title{
	width: 98% !important;
}

#tbody_tablaTelefonoCliente tr td,
#tbody_tablaCorreoCliente tr td,
#tablaTelefonoProveedor tr td,
#tbody_tablaCorreoProveedor tr td {
	font-size: 1.3em;
}

#tbody_tablaTelefonoCliente tr td:nth-child(3),
#tbody_tablaTelefonoCliente tr td:nth-child(4),
#tbody_tablaCorreoCliente tr td:nth-child(3),
#tbody_tablaCorreoCliente tr td:nth-child(4),
#tbody_tablaTelefonoProveedor tr td:nth-child(3),
#tbody_tablaTelefonoProveedor tr td:nth-child(4),
#tbody_tablaCorreoProveedor tr td:nth-child(3),
#tbody_tablaCorreoProveedor tr td:nth-child(4){
	width: 30px;
}

.fa-1_5x {
    font-size: 1.5em !important
}


.imgPointerTelefonosCorreos {
    margin: 0 6% 0 1%;
}

.imgPointerCP {
    margin-left:1%;
    position: relative;
    top: 5px;
}

.textoIndicativoTelefonos,
.textoIndicativoCorreos {
    color: #ff5555;
    display: inline-block;
    font-size: 1.25em;
    width: 100%;
}

.textoIndicativoCP {
    color: #ff5555;
    display: inline-block;
    font-size: 1.25em;
    margin-left: 26%;
    margin-top: 1%;
    text-align: left;
    width: 95%;
}

.textoIndicativoPrioridadPAC {
    color: #ff5555;
    font-size: 1.25em;
    text-align: center;
}

.alignTextoIndicativoTelefonos {
	margin-block-end: 10px;
	text-align: right;
}

.icon_Prospecto{
   background-image: url("../images/icons/icon-prospecto.png");
    background-position: 0 center;
    background-size: 1.5em auto;
}

.icon_Cliente {
   background-image: url("../images/icons/icon-cliente.png");
    background-position: 0 center;
    background-size: 1.5em auto;
}
.icon_Proveedor {
   background-image: url("../images/icons/icon-proveedor.png");
    background-position: 0 center;
    background-size: 1.5em auto;
}
.icon_Interno {
   background-image: url("../images/icons/icon-interno.png");
    background-position: 0 center;
    background-size: 1.5em auto;
}
.divValidaPass{
    margin-left: 33.33% !important;
    margin-top: 17% !important;
    width: 30% !important;
}

.botonesCatalogos{
	width: 100% !important;
}


.pSettingsContents {
    color: #999999;
    font-size: 1.3em;
}

#tablaBodegas {
	border-collapse: unset !important;
	table-layout: fixed;
}

.expandDown{
    font-size: 1.5em;
    margin-left: 15px;
    position: relative;
    top: 12.5%;
}

.divIcon-selected{
    background-color: #DFF0FF !important;
    border-radius: 10px 10px 0 0;
}

.divIcon-selected-border{
	border: 2px solid #95BB2F !important;
}

.divIcon-selected-titulo{
	background-color: #2C3E50 !important;
}

.divFormaCortaW50 {
    float: left;
    margin: 8% 0 8% 25%;
    text-align: center;
    width: 50%;
}

.divFormaCortaW90 {
    float: left;
    margin: 10% 0 10% 5%;
    text-align: center;
    width: 90%;
}

.divFormaCortaW30 {
    float: left;
    margin: 8% 0 8% 35%;
    text-align: center;
    width: 30%;
}

.width75porc{
	width: 75%;
}

.width50porc{
	width: 50%;
}

.encabezadoDetalles tr th{
    background-color: #f1f1f1;
    color: #777777;
    font-weight: normal !important;
}

.tablaDetalle{
    border-collapse: separate;
    border-spacing: 0;
    clear: both;
    margin: 0 auto;
    width: 100%;	
}

#tablaResumenComprasTimbres tr td{
	padding: 2px 5px !important;
}

.Cargado{
	background-color: #F0E9E8;
}

.Cargada-parcialmente{
	background-color: #fff9dd !important;
}

.Por-cargar{
	background-color: #ffffff !important;
}

.Cargada-parcialmente:hover{
	background-color: #D9D9D9 !important;
}

.Por-cargar tr:hover {
	background-color: #D9D9D9 !important;
}

.Cargado td{
	background-color: #F0E9E8 !important;
	color: #895A58;
	cursor: not-allowed;
}
.Cargada-parcialmente td{
	color: #806900;
}

.Por-cargar td{
	color: #18315a;	
}

#tablaResumenReservasTimbres tbody tr.even{
	background-color: #f4f9e8 !important;
}

#tablaResumenReservasTimbres tbody tr.odd:hover,
#tablaResumenReservasTimbres tbody tr.even:hover {
	background-color: #F4F9E8 !important;
	cursor: default;
}

#tablaResumenReservasTimbres tbody tr.odd > .sorting_1,
#tablaResumenReservasTimbres tbody tr.even > .sorting_1{
	background-color: #F1F1F1 !important;
}

.buscaroTexto{
    border: 2px solid #95BB2F !important;
    margin: 1.5% 0 1% !important;
    width: 80% !important;
}

.search-input{
	margin: 5px 0 10px 0 !important;
	width: 95%;
}

.mensaje-info{
    background-color: #d9edf7;
    border-radius: 5px;
    color: #18315a;
    font-size: 1.25em;
    margin: auto;
    padding: 10px 5px;
    width: 85%;
}

.text-mensaje-info{
    color: #18315a;
    font-size: 1.3em;
    margin: auto;
    padding: 10px 5px;
    width: 85%;
}

#divIconAvatar {
    background-position: center top;
    background-size: cover;
    border-radius: 50%;
	height: 35px;
	width: 35px;
}

#divIconAvatarMensaje {
    background-position: center top;
    background-size: cover;
    border-radius: 50%;
    cursor: ;
    float: left;
    height: 50px;
    left: 10px;
    margin-top: 2px;
    position: relative;
    width: 50px;
}

#divContenedorTituloMensaje{
    float: right;
    height: 55px;
    width: 83%;
}

#divIconAvatarPerfil{
    background-size: cover;
    background-position: top center;
    border-radius: 50%;
	cursor: pointer;    
    height: 120px;
    margin: auto;
    width: 120px;	
}


.unidades_perfil{
    margin: 0 5px 0 0 !important;
    width: 20px;
}

.slider {
    appearance: none;
    background: #d3d3d3; /* Grey background */
    height: 5px; /* Specified height */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    -webkit-appearance: none;  /* Override default CSS styles */
    width: 40%; /* Full-width */
    transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
    appearance: none;
    width: 15px; /* Set a specific slider handle width */
    height: 15px; /* Slider handle height */
    background: #666666; /* Green background */
    cursor: pointer; /* Cursor on hover */
    -webkit-appearance: none; /* Override default look */
}

.slider::-moz-range-thumb {
    width: 15px; /* Set a specific slider handle width */
    height: 15px; /* Slider handle height */
    background: #666666; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.spanPerfil{
    color: #d8280b;
    font-size: 1.2em;
    font-weight: 500;
    margin: 0 15px;
}

.informacion{
    display: inline-block;
    text-align: left;
    width: 90%;
}

.info-ol{
	background-color: #d9edf7;
    border-radius: 5px;
    color: #18315a;
    font-size: 1.25em;
    margin: auto;
    width: 85%;
}

.info-ol a{
    color: red;
    font-size: 1.1em;
    text-decoration: none;
}

ol.info-ol li{
	padding-top: 5px;
}

ol.info-ol li:nth-child(3){
	padding-bottom: 5px;
}

#mensaje{
	color: #F56476;
	font-size: 1.25em;
}

#datosPerfil button{
	padding: 3% 4% !important;
}

.timbres{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

#id_cat_mensajeria{
	text-align: left;
	width: 51%;
}

.paddingL15prc{
	padding-left: 15% !important;
}


.separadorDivOrdenPAC {
    margin-left: 5%;
    width: 90% !important;
}

li.orden-pac{
    background-color: #EDF4FC !important;
    border-color: #ccc #ccc -moz-use-text-color !important;
    border-style: solid solid none !important;
    border-width: 1px 1px medium !important;
    color: #000 !important;
    font-size: 1.5em;
    list-style: outside none none;
    padding: 5px 0;
    text-align: left;
}

li.orden-pac:nth-last-child(1){
    border-bottom: 1px solid #ccc !important;
}

li.orden-pac:hover{
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
li.orden-pac.grabbing { 
    cursor: grabbing; 
    cursor: -webkit-grabbing;
}

.grab {cursor: -webkit-grab; cursor: grab;}
.grabbing {cursor: -webkit-grabbing; cursor: grabbing;}

.ordinal-pac{
	font-size: 1.2em;
	margin: 0 3% 0 5%;
	color: #A15A6C;
}

li.ui-state-highlight{
	list-style: outside none none;
}

#sortable{
	margin: 10px !important;
}

.fontIncement1_25em {
	font-size: 1.25em;
}

.divOrdenPac{
	height: 80%;
}

.hidden {
	visibility: hidden;
}

.show{
	visibility: visible;
}

.correo-usuario-empresa{
    border-bottom: 1px solid #18315a;
    color: #18315a;
    display: inline-block;
    margin: 20px 0 10px;
    text-align: center;
    width: 55%;
}

.nombre-archivo-cer-key{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: red;
    display: inline-block !important;
    font-size: 1.1em;
    width: 95%;
}

.mensajeExistenciasAlmacenes{
 	color: red !important;
	font-size: 1.3em !important;
	margin-block-start: 5px !important;
	margin-block-end: 0px !important;
}

.titulo-nombre-empresa {
	color: #F85E52;
}

.inputW12porc{
	width: 12% !important;
}

.buttonPopup{
	font-size: 1.1em;
	margin: 2%;
}

.ui-autocomplete{
	border: 1px solid #c5c5c5;
	background: #ffffff;
    overflow-y: scroll;
    overflow-x: hidden;
}

#divContenido{
	float: left;
	width: 100%;
}

#instrucciones{
	font-size: 1.3em;
    font-weight: 400;
	text-align: center;
	width: 100%;
}

#instrucciones p{
    color: #333;
    font-weight: 600;
    margin: 0 0 5px !important;
}

.tdRightUsuario{
    font-size: 1.3em;
    text-align: right;
    width: 35%;
}

.formActivaCuentaUsuarioTable input.campoInput{
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    color: #0f4069;
    font-size: 15px;
    margin: 5px 0;
    padding: 10px;
    text-align: center;
    width: 60%;
}

.color-warning{
	color: #ff3636 !important;
}

#imgBuzon{
	width: 100px;
}

.infoFailPass{
	color: #333;
    font-weight: 600;
    font-size: 1.3rem;
    margin: 0 0 5px !important;
    text-align: center;
}

#ipLocal{
	display : none;	
}

.show-hidden-cambiaPassword{
    border-radius: 0 5px 5px 0;
    font-size: 1.5em;
    height: 40px;
    margin-left: -4px;
    padding: 0 5px;
    position: relative;
    top: 0;
    width: 40px;
}

.notificacion{
	font-size: 2rem !important;
	color: grey !important;
}

.icon-notificacion {
	padding-right: 20px;
}

.cambiaPass{
	margin-left: 40px !important;
}

#logoVP{
	height: 100px;
}

.classHayTimbres{
	color: rgb(22, 158, 40) !important;
	font-size: large !important;
    font-weight: bolder;
}

.classNoHayTimbres{
	color: red !important;
	font-weight: bolder;
}

.radioPagos{
	margin-left: 20px !important;	
}

.lista-metodo-pago-edicion{
	width: 55px;	
}

.lbl_cheque_cancelado{
	color: red;
	font-size: 150% !important;
	font-weight: 500;
}

.span_visible{
	visibility: visible;
}

.span_oculto{
	visibility: hidden;
}

#reportes_disponibles{
	height: 80%;
	width: inherit;
}

.contenedor-reportes{
	height: inherit;
	width: 100%;	
}

.div-checkbox{
	float: left;
	margin: 5px 10px;
	text-align: left;
	width: 46%;
	position: sticky;
}

.div-grupo-reporte{
	border-radius: 0 0 10px 10px;
	float: left;
	margin: 0.25% 1%;
	width: 45%;
}

.conBordes{
	border: #efefef 1px solid;
	background-color: #f9f9f9;
}

.sinBordes{
	border: none;
}

.div-titulo-div-reportes{
	background-color: rgb(239, 239, 239);
	font-size: 1.25rem;
	float: left;
	padding: 5px 0;
	width: 70%;	
}

.div-check{
	background-color: rgb(239, 239, 239);
	border-radius: 0 0 0 10px;
	font-size: 1.25rem;
	float: left;
	padding: 5px 0;
	text-align: right;
	width: 20%;	
}

.contenedor-grupo-reporte{
	width: 100%;
}

.punta-flecha{
	cursor: pointer;
	left: 0;
}

.titulo-div-reportes{
	background-color: #efefef;
	border-radius: 0 0 10px 10px;
	color: #2a2a2a;
	font-size: 1.25rem;
	float: left;
	padding: 10px 0px;
	width: 10%;	
}

#tituloPermisos{
	float: left;
	width: 100%;
}

.check-select-all{
	background-image: url('../../vista/images/icons/check-unselect-all.png');
    background-position: 15px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.check-unselect-all{
	background-image: url('../../vista/images/icons/check-select-all.png');
    background-position: 15px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.select-pupup-reportes{
	width: 95%;	
}

.lista-proveedor-correo{
	width: 20%;	
}

.lista-cifrado-correo{
	width: 40%;	
}

.labelExt{
	display: inline-block;
	text-align: right;
	width: 5%;	
}

.inputExt{
	width: 100px;
}

.lblMotivoMerma{
	padding-left: 15px;
}

.lblSolicituMermas{
    display: inline-block;
    padding: 0 0 0 5px;
    text-align: right;
    width: 10% !important;
}

.imgPointerDirEntrega{
	position: relative;
	top: 10px;
}

.v-align-middle{
	vertical-align: middle;
}

.fa-2L{
	font-size: 2.5em !important;
	color: #555;
}

.botonExporta{
	background-color: transparent !important;
	border: none !important;
	cursor: pointer;
	top: 5px !important;
	position: relative !important;
}

.fa-2L:hover {
	color: #A5A5A5;
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  	transform: rotate(0deg);
}

.mt-25px{
	margin-top: 25px;	
}

.campo_nombre{
	border: none !important;
	text-align: right;
}

.campo_valor{
	width: 40% !important;
}

.labelAddenda5porc{
	text-align: right;
	width: 5% !important;	
}

#divEsperaProgressBar {
    background-color: rgba(255, 255, 255, 0.9);
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1000;
}

#myProgress {
	background-color: #999999;
	border-radius: 5px;
	left: 25%;
	position: relative;
	top: 50%;
	width: 50%;
	z-index: 1001;
}

#myBar {
	border-radius: 5px;
  	background-color: #A7CE3E;
  	height: 30px;
  	width: 1%;
  	z-index: 1002;
}

#texto_actualizando{
	color: #ffffff;	
	font-family: inherit;
	font-size: 1.3rem;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

#pedido_doc embed{
	width: 100%;
	height: 99%;
} 

.dialogoCotizaciones{
	margin: 10px 0;
	text-align: center;
}

select#origen option{
	font-size: 1.1rem;
	padding: 2px 0;
}

select#destino option{
	font-size: 1.1rem;
	padding: 2px 0;
}

select#destinoPara option,
select#destinoCC option{
	font-size: 1.25rem;
	padding: 2px 0;
}

.user-tag::before {
	color: #37c7e8;
	content: "\f507";
    font-family: "Font Awesome 5 Free";
	font-weight: 900;	
	margin: 0 10px 0 5px;
}

.user-plus::before {
	color: #fd7e14;
	content: "\f234";
    font-family: "Font Awesome 5 Free";
	font-weight: 900;	
	margin: 0 10px 0 5px;
}

.ui-dialog{
	border-radius: 10px !important;
	box-shadow: 0px 0px 30px 10px #717171;
	border: 1px solid #fff;
}

.scrolable{
    overflow: auto;	
}

#correo_adicional{
	font-size: 1.25rem;
	margin-right: 10px;
	position: relative;
	width: 75%;
}

.mail-add{
	margin: 0 5px;
}

.fa-icon-button{
	font-size: 1.2em !important;
}

.texto-notificacion{
	height: 75px !important;
	margin-top: 20px;
	text-align: left;
	width: 95%;
}

.select-notificacion{
	margin: 10px !important;
	width: 80% !important;
}

#fecha_hora_alta,
#fecha_hora_baja{
	width: 35% !important;
}

.spanReadOnly{
	background-color: #fff;
	border: 1px #dadada solid;
	border-radius: 5px;
	padding: 5px 10px;
}

#cortinaBloqueo{
	background: transparent;
	/*background: rgba(200,200,200,0.3);*/
	height: 100%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 101;
}

#cortinaBloqueo span{
	border-radius: 20px;
	color: #040404;
	display: block;
	font-size: 5rem;
	font-weight: bold;
	letter-spacing: -4px;
	text-shadow: 0 8px 9px #8e8e8e, 0px -2px 1px #fff;
	text-align: center;
	transform: translate(-50%,-50%);
	margin-left: 50%;
	margin-top: 20%;
}

#botonDesbloqueo{
	background-color: #000; 
	border: medium none;
	border: 1px solid #566566;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: inherit !important;
	margin: 0 2%;
	padding: 0.5% 1.5%;
	border-radius: 5px;
	font-size: 1.5rem;
}

#botonDesbloqueo:hover {	
	background-color: #9A9A9A;
	border: 1px solid #95BB2F;
	color: #FFFFFF;
}

#botonDesbloqueo:active {	
	background-color: #dcdcdc;
	border: 1px solid #95BB2F;
	color: #000;
}

.fecha-select{
	text-align: center;
	width: 150px;
}

.spanText{
	background-color: #eee;
	border: 1px solid #dadada;
    border-radius: 4px;
    color: #0f4069;
    display: inline-block;
    font-size: 100%;
    height: 20px;
    margin: 0 0 0 5px;
    padding: 3px;
    text-align: center;
}

.productosCotizacion tr td:nth-child(1){
	width: 10%;
}

.productosCotizacion tr td:nth-child(2){
	width: 25% !important;
}

.productosCotizacion tr td:nth-child(3){
	width: 15%;
}

.productosCotizacion tr td:nth-child(5){
	text-align: center !important;
	width: 8%;
}

.productosCotizacion tr td:nth-child(6),
.productosCotizacion tr td:nth-child(7),
.productosCotizacion tr td:nth-child(8){
	text-align: right;
	width: 8%;
}

.productosCotizacion tr td:nth-child(8){
	padding-right: 15px !important;
}

.productosCotizacion tr td:nth-child(9),
.productosCotizacion tr td:nth-child(10){
	text-align: right;
	width: 1%;
}
.productosCotizacion tr td:nth-child(11){
	text-align: right;
	width: 10%;
}

#divImgActualiza {
    opacity: 1;
    animation: fade 1s linear;
    animation-iteration-count: infinite;
}

.ultimoPrecioCliente{
	color: green;
	font-weight: 700;
}

#cortina{
    background-color: rgba(0,0,0,0.3);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

#formaConfirma{
	background-color: #ffffff !important;
	border-radius: 10px !important;
	box-shadow: 0px 0px 30px 10px #717171;
	border: 1px solid #fff !important;	
	height: 170px;
	margin: 0 auto;
	position: relative;
	top: 200px;
	width: 500px;
	z-index: 11;
}

#formaRedireccionamiento{
	background-color: #C8C9CC;
	border-radius: 10px !important;
	border: 1px solid #C8C9CC;
	height: 170px;
	margin: 0 auto;
	position: relative;
	top: 200px;
	width: 500px;
	z-index: 11;
}

.formReactivaSesionTable{
    font-weight: bold;
    margin: 0 auto;
    width: 500px;
}

.formReactivaSesionTable td:nth-child(2){
	padding: 10px;
}

.formReactivaSesionTable button{
	background-color: #50505a;
}

.tituloFinSesion{
    background-color: #50505a !important;
    border-radius: 7px 7px 0 0;
    color: #fff !important;
    margin-bottom: 20px !important;
    text-align:center;
    font-size: 1.4rem;
}

.mensajeFinSesion{
    color: #50505a !important;
    margin-bottom: 20px !important;
    text-align:center;
    font-size: 1.2rem;
}

.tdCenter{
	color: #ff6f1a;
	font-size: 1.15rem;
	text-align: center;
}

.alto60px{
	height: 60px;	
}

#tituloSesionExpirada{
	font-size: 1.5rem;
	margin: 15px 25px auto;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

#textoSesionExpirada{
	font-size: 1.3em;
	text-align: left;
	color: #fff;
	margin: 20px 20px auto;
	display: inline-block;
	width: 90%;
}

.botoneraCentrada{
	text-align: right;
}

.botonRedirect{
	font-size: 1.8rem;
	background-color: transparent;
	border: medium none;
	color: #fff;
	cursor: pointer;
	font-family: inherit !important;
	font-weight: bold;
	margin: 10px 30px 0;
}

.sinMargenTop{
	margin-top: 0 !important;	
}

#timerSesion{
	cursor: help;
	margin: 6px 10px auto;
	width: 80px;
	position: relative;
	float: right;
	text-align: center;
}
#timerSesion .container{
	display: table;
	background: transparent;
	color: #333333;
	font-weight: bold;
	width: 50%;
	text-align: center;
	margin: auto;
}
#timerSesion .container div{
	display: table-cell;
	padding: 0px;
	width: 0px;
}
#timerSesion .container .divider{
	width:5px;
	color:#333333;
}

.pTimerSesion{
	margin: 0px;
	padding: 0;
	position: relative;
	font-size: 0.95rem;
	color: #333333;
}

#tipoCambio{
	cursor: help;
	margin: 6px 10px auto;
	width: 120px;
	position: relative;
	float: right;
	text-align: center;
}
#tipoCambio .container{
	display: table;
	background: transparent;
	color: #333333;
	font-weight: bold;
	width: 100%;
	text-align: center;
	margin: auto;
}
#whatsApp a{
	color: #000 !important;
	text-decoration: none;
}
/**********  CALENDARIOS  *********/

#wrapCalendarios{
	box-sizing: border-box;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
}

#warpCalendar{
	box-sizing: border-box;
	float: right;
	height: 100%;
	position: relative;
	top: 0px;
	right: 0px;
	width: 89.5%;
}
.btn-recordatorio-evento{
	border-radius: 0px !important;
	margin: 0px 0px 10px;
	width: 45%;
}
#tocCalendar{	
	background: #efefef;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	margin: 20px 6px 6px;
	padding: 5px;
	width: 10%;
}

#tocCalendar .fc-event{
    margin: 3px 0;
}

#navegacion{
	background: #efefef;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	margin: 20px 6px;
	text-align: center;
	width: 10%;
}

.btn-navegacion{
	margin: 10px;
	padding: 5px 10px;
}

.dropeable{
	cursor: move;
}

.no-dropeable{
	cursor: no-drop;
}

#calendariosCompartidos{
    border-right: 2px solid #efefef;
    float:left;
    height: 100%;
    overflow: auto;
    width: 10%;
}

#calendar{
	box-sizing: border-box;
	float: right;
	height: 95%;
	overflow: hidden;
	position: absolute;
	right: 0.5%;
	top: 2.5%;
	width: 88%;
}

.titulo-categorias-eventos{
	color: #3b494b;
	font-size: 1.2em;
	font-weight: bolder;
	text-align: center;
}

.titulo-time-machine{
	color: #3b494b;
	font-size: 1.1em;
	font-weight: bolder;
	margin: 10px 2px 0px 2px;
	text-align: center;
}

.titulo-calendarios-usuarios{
	background-color: #FAFAFA;
	color: #3b494b;
	font-size: 1.15rem;
	font-weight: bolder;
	padding: 5px 0;
	text-align: center;
}

.primer-icono-calendarios{
	margin-top: 50px !important;	
}

.fc-zendra-event{
	display: block;
	border: 1px solid;
	color: #ffffff;
}

.fc-zendra-event-internal-meeting {
  display: block;
  border: 1px solid #37b2d8;
  border: 1px solid var(--fc-event-border-color, #37b2d8);
  background-color: #37b2d8;
  background-color: var(--fc-event-bg-color, #37b2d8);
  color: #ffffff;

}

.fc-zendra-event-external-meeting {
  display: block;
  border: 1px solid #d83782;
  border: 1px solid var(--fc-event-border-color, #d83782);
  background-color: #d83782;
  background-color: var(--fc-event-bg-color, #d83782);
  color: #ffffff;
}

.fc-zendra-event-call-following{
  display: block;
  border: 1px solid #f88558;
  border: 1px solid var(--fc-event-border-color, #f88558);
  background-color: #f88558;
  background-color: var(--fc-event-bg-color, #f88558);
  color: #ffffff;
}

.fc-zendra-event-call-quotation{
  display: block;
  border: 1px solid #b5d837;
  border: 1px solid var(--fc-event-border-color, #b5d837);
  background-color: #b5d837;
  background-color: var(--fc-event-bg-color, #b5d837);
  color: #ffffff;
}

.fc-zendra-event-call-shoping{
  display: block;
  border: 1px solid #6750d6;
  border: 1px solid var(--fc-event-border-color, #6750d6);
  background-color: #6750d6;
  background-color: var(--fc-event-bg-color, #6750d6);
  color: #ffffff;	
}

#wraper-detail-event input[type=text]{
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-webkit-transition: border-color 
}

/*
#wraper-detail-event-zendra input[type=text]{
	display: block;
	width: 90%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-webkit-transition: border-color;
}
*/
#chk-reprogramar,
#chk-historico-reprogramaciones {
	display: inline !important;
}

#reprogramacionEventosModal{
	z-index: 1090;
}

.fc-estado-evento-Finalizado{
	background-image: url('../images/fullcalendar/ok.png');
	background-repeat: no-repeat;
	background-position: right top;	
}

.fc-estado-evento-Pendiente{
	background-image: url('../images/fullcalendar/in_progress.png');
	background-repeat: no-repeat;
	background-position: right top;
}

.fc-estado-evento-Cancelado{
	background-image: url('../images/fullcalendar/cancel.png');
	background-repeat: no-repeat;
	background-position: right top;
}

.leyend label{
	padding-left: 10px;
	font-weight: lighter;
}

.leyend img{
	width: 15%;
}

.wrap_calendario_usuario{
	background-color: #EEEEEE;
	border-radius: 5px;
	cursor: pointer;
	margin: 10px auto;
	text-align: center;
	width: 80%;
}

#img-avatar-calendario{
	border-radius: 50%;
	margin: 5px 0 0;
	width: 70px;
	height: 70px;
}

.calendario_nombre_usuario{
	background-color: #7F8C8D;
	color: #fff;
	padding: 5px 0;
}

.calendario_avatar_usuario:hover{
	background-color: #dff0ff;
}

#tabla-historico-eventos tbody tr:first-child th{
	text-align: center;	
}

.modal-zendra{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
.modal-dialog-zendra{
	box-sizing: border-box;
	width: 600px;
	margin: 10% auto 30px;
	position: relative;
}

.modal-dialog-zendra-reprogramaciones{
	width: 800px !important;
}
.modal-title-zendra{
	box-sizing: border-box;
	margin: 0;
	line-height: 1.42857143;
}

.modal-in-zendra,
.modal-dialog-zendra{
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.modal-zendra.fade-zendra .modal-dialog-zendra {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}

.modal-content-zendra {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}

.modal-backdrop-zendra{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}

.modal-backdrop-zendra.in-zendra {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.fade-zendra{
	topacity: 0;
	-webkit-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;	
}

.dialog-modal-zendra{
	background: #ffffff none repeat scroll 0 0;
	border-radius: 4px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	color: #18315a;
	margin: 30px auto;
	position: relative;
	width: 600px;
	z-index: 10;
	box-sizing: border-box;
}

.row-zendra::before,
.row-zendra::after,
.modal-header-zendra::before,
.modal-header-zendra::after,
.modal-footer-zendra::before,
.modal-footer-zendra::after{
	box-sizing: border-box;
	clear: both;
	content: " ";
	display: table;
}

.modal-header-zendra{
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.modal-body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 15px;
}

.modal-footer-zendra{
	border-top: 1px solid #e5e5e5;
	box-sizing: border-box;
	clear: both;
	content: " ";
	display: table;
	padding: 15px;
	text-align: right;
	width: 100%;
}

#contenidoDivDialogoModal{
	box-sizing: border-box;
	height: 75%;
	overflow-y: auto;
	position: relative;
	padding: 15px;
	width: 100%;
}



.col-sm-6-zendra{
	box-sizing: border-box;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 1%;
	padding-left: 1%;
	width: 48%;
}

.col-sm-12-zendra{
	box-sizing: border-box;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 5px;
	width: 100%;
}

.row-zendra{
	box-sizing: border-box;
	display: table;
	content: " ";
	margin-right: -15px;
	margin-left: 5px;
	width: 98%;
}

.form-control-zendra{
    display: block;
    width: 95%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #0f4069;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}	

div.pq-select-button.form-control-zendra-select{
    background-color: #ffffff;
    border: 1px solid #dadada;
    box-sizing: border-box;
    color: #1f4a79 !important;
    cursor: pointer;
    display: table-cell;
    font-weight: 100 !important;
    line-height: 20px;
    margin-top: -3px;
    min-height: 16px;
    min-width: 50px;
    padding-left: 5px;
    position: relative;
    text-align: left;
}

.label-dialogo-modal-zendra{
	color: #4a4a4a;
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 700;
}

.datetimepicker-zendra{
	display: inline;
	width: 96% !important;
}

.pa-3px{
	padding: 3px;	
}

.fc-mensaje-warning{
	font-size: 1.2rem;
	padding: 10px;
}

.title-div-waper{
	background-color: #fff;
	border: 2px solid #ddd;
	border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
	text-align: center;
	z-index: 10;
}

.title-div-waper span{
	color: #777;
	display: block;
	font-size: 1.1rem;
	padding: 10px 8px;
}

.input-group {
	box-sizing: border-box;
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group-addon {
	box-sizing: border-box;
    padding: 0px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
        border-left-color: rgb(204, 204, 204);
        border-left-style: solid;
        border-left-width: 1px;
    border-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
}

.input-group-addon:last-child { border-left: 0; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon, .input-group-btn, .input-group .form-control-zendra {
    display: table-cell;
}
.glyphicon-calendar::before{
	box-sizing: border-box;
	content: "\e109";
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fc-list-event{
	background-color: #f9f9f9;
	border-color: #fff;
	color: #000;
}

.span-categoria{
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 1.2rem;
	padding: 4px;
	text-align: center;	
}

.calendario-avatar-selected{
	background-color: #DFF0FF !important;
	border-radius: 5px;
}

.calendario-nombre-usuario-selected{ background-color: #2C3E50 !important; }
.border-green-2px{ border: 2px solid #95bb2f !important; }

.color-cuadro-categoria,
.color-cuadro-estado{
	border-radius: 25%;
	height: 30px;
	position: relative;
	width: 30px;	
}

.select-edicion{
	float: left;
	margin-left: 15%;
	position: relative;
	width: 85% !important;
}

.table-responsive-zendra {
	box-sizing: border-box;
	min-height: 0.01%;
	overflow: auto;
	max-height: 400px;
}

.table {
	background-color: transparent;
	border-collapse: collapse;
    border-spacing: 0;
    color: #333333;
    font-size: 14px;
    line-height: 1.42857143;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.table-hover > tbody > tr:hover { background-color: #f5f5f5; }
#tabla-historico-eventos tbody tr  td:nth-child(5){	cursor: help; }
.report-calendar{
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #ddd;
	float: right;
	position: absolute;
	right: 0.5%;
	text-align: center;
	z-index: 3;
}
.fc-zendra-reporte{ height: 100%; }
.encabezado-resumen{
	background-color: #2c3e50;
	color: #fff;
	margin: 0;
	padding: 15px 0px;
}

#tabla-eventos-pendientes{ font-size: 0.9rem !important; }
.table-resumen{
	border-radius: 0px 0px 5px 5px;
	height: inherit;	
}

#detalle-eventos-pendientes{
	box-sizing: border-box;
	overflow: none;
}

#detalle-tabla-eventos-pendientes{ font-size: 1rem; }
.fc-button-custom-active{
	background-color: #95BB2F !important;
	border: 1px solid #95BB2F !important;
}
.green{	color: #95BB2F; }
.blue{	color: #1E2B37; }
.fc-zendra-tabs{ height: 95% !important}
table.dataTable tbody td {
  vertical-align: middle;
}
.encabezado-fc-zendra-reporte{
	background-color: #2c3e50;
	color: #fff;
	margin: 0;
	padding: 10px 0px;
}
.mensaje-fc-zendra-reporte{
	color: #2c3e50;
	font-size: 1.1rem;
}
#cerrarCalendarios{
	margin: 11px auto 0px;
	text-align: center;
}
#btn_cierra_calendario{	padding: 5px 10px; }
#warpEventosVencidos{
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 0px 0px 3px 2px #CDCDCD;
	box-sizing: border-box;
	height: 50%;
	position: absolute;
	right: 10px;
	width: 15%;
	z-index: 10;
}
#cierraEventosVencidos{
	box-sizing: border-box;
	cursor: pointer;
	float: right;
	font-size: 1.1rem;
	padding: 7px;
	position: absolute;
	right: 0px;
	width: 15%;
	text-align: center;
}
.white{
	color: #ffffff;	
}
#wraperNotificacionEventosVencidos{
	box-sizing: border-box;
	height: 90%;
	margin-top: 35px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 5px;
	position: absolute;
	width: 100%;
}
.encabezadoEventosVencidos{
	background-color: #ebebeb;
	border-bottom: 1px solid #999;
	border-radius: 5px 5px 0px 0px;
	box-sizing: border-box;	
	position: absolute;
	width: 100%;
}
#tituloEventosVencidos{
	box-sizing: border-box;
	color: #2a2a36;
	float: left;
	font-size: 1.1rem;
	left: 2%;
	padding: 7px 0px;
	position: relative;
	text-align: center;
	width: 75%;
}
#numeroEventosVencidos{
	background-color: #f60;
	box-sizing: border-box;
	border-radius: 50%;
	color: #fff;
	float: left;
	text-align: center;
	width: 30px;
	position: relative;
	left: 8px;
	top: 6px;
	font-weight: bold;
	height: 20px;
}
.span-numero-eventos-vencidos{
	display: inline-block;
	margin: auto;
	top: 3px;
	position: relative;
}
.recordatorio-evento{
	background-color: #f6f6f6;
	border-radius: 0px 5px 5px 0px;
	box-sizing: border-box;
	float: right;
	position: relative;
	text-align: center;
	width: 95%;	
}
#btn-descartar-recordatorio{
	margin: 0px 0px 10px;
}
.body-recordatorio{
	box-sizing: border-box;
	font-size: 1.1rem;
	margin: 0;
	padding: 5px 5px 8px 5px;
}

.body-fecha{
	box-sizing: border-box;
	color: #333;
	font-size: 0.85rem;
	margin: 0;
	padding: 8px 5px 0px 8px;		
}

.body-vencimiento{
	box-sizing: border-box;
	color: #333;
	font-size: 0.8rem;
	margin: 0;
	padding: 0px;		
}
.categoria-recordatorio-evento{
	box-sizing: border-box;
	float: left;
	height: 100%;
	position: relative;
	width: 5%;
}
.wraper-recordatorio-evento{
	float: left;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
}
.inputFechaComplementos{
	width: 160px !important;
}
.labelConfiguracionVehicular{
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: right;
	width: 11.5%;
}
#tbody_tablaDatosUbicaciones tr td input{
	border: none !important;
	background-color: transparent;
	width: 100%;
}

#tbody_tablaDatosUbicaciones tr td:nth-child(1){
	width: 4%;
}
#tbody_tablaDatosUbicaciones tr td:nth-child(3),
#tbody_tablaDatosUbicaciones tr td:nth-child(6){
	width: 20%;
}
#tbody_tablaDatosUbicaciones tr td:nth-child(4),
#tbody_tablaDatosUbicaciones tr td:nth-child(5){
	width: 15%;
}
#tbody_tablaDatosUbicaciones tr td:nth-child(2),
#tbody_tablaDatosUbicaciones tr td:nth-child(7),
#tbody_tablaDatosUbicaciones tr td:nth-child(8),
#tbody_tablaDatosUbicaciones tr td:nth-child(9),
#tbody_tablaDatosUbicaciones tr td:nth-child(10){
	width: 6%;
}
.grey{
	color: #5C6165;
}
.tabla-ordenes-cfdi{
	display: inline-block;
	height: inherit;
	margin: 0px auto;
	overflow-y: auto;
}
#divDetalleOrdenes{
	max-height: 185px;
}

.input-oculto{
	border: none;
	background-color: transparent;
	text-align: right;
	width: 100%;
}
.input-visible{
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	text-align: right;
	width: 100%;
}
.width10Porc{
	width: 10%;
}
.width25Porc{
	width: 25%;
}
#tablaResultadosDetalleOrdenes thead tr th{
	padding: 2px;
	position:sticky;
	top: 0;
    z-index: 10;
}
.sinMargenBottom{
	margin-block-end: 0;
}
.width250px{width: 250px;}
.label-destino{
	margin-right: 10px;
	color: red;
	font-size: 1.1rem;
}
#fecha_inicio_poliza + img,
#fecha_fin_poliza + img{
	opacity: 1 !important;
	margin-top: 0 !important;
	width: 24px !important;
}
#tablaAddendaSW,
#tablaAddendaMM{	
	margin-left: 1.5%;
	width: 97% !important;
}
#tablaAddendaSW tr{
	height: 50px;
}
#tablaAddendaMM tr{
	height: 25px;
}
#tablaAddendaSW tbody tr td input,
#tablaAddendaMM tbody tr td input{
	padding: 1%;
	margin: 0;
	width: 95%;
}
#tablaAddendaSW tbody tr td,
#tablaAddendaMM tbody tr td{
	text-align: center;
}
#tablaAddendaSW tbody tr td:nth-child(1),
#tablaAddendaSW tbody tr td:nth-child(2),
#tablaAddendaSW tbody tr td:nth-child(4),
#tablaAddendaSW tbody tr td:nth-child(5),
#tablaAddendaSW tbody tr td:nth-child(6),
#tablaAddendaSW tbody tr td:nth-child(7){
	width: 10%;
}

#tablaAddendaMM tbody tr td{
	padding-top: 10px;
	width: 23.75%;
}

#tablaAddendaMM tbody tr td:nth-child(5){
	width: 2%;
}

#tablaAddendaSW tbody tr td:nth-child(3){
	width: 38%;
}
#tablaAddendaSW tbody tr td:nth-child(8){
	width: 2%;
}

#tablaAddendaEU{	
	margin-left: 1.5%;
	width: 97% !important;
}
#tablaAddendaEU tr{
	height: 30px;
}
#tablaAddendaEU tbody tr td input{
	margin-top: 5px;
	width: 80% !important;
}
#tablaAddendaEU tbody tr td{
	text-align: center;
}
#tablaAddendaEU tbody tr td:nth-child(1),
#tablaAddendaEU tbody tr td:nth-child(2){
	width: 42%;
}
#tablaAddendaEU tbody tr td:nth-child(3){
	width: 5%;
}
#tablaAddendaEU thead tr th:nth-child(4){
	background-color: transparent !important;
}
#tablaAddendaMM thead tr th:nth-child(5){
	background-color: transparent !important;
}
.sin-borde{
	border: none !important;
}
.label-dato-arrendamiento{
	display: inline-block;
	text-align: right;
	width: 40% !important;
}
.label-lista-correos{
	font-size: 1.2rem;
	font-weight: bold;
}
.correos-clientes	{ color: #8ABE00; }
.correos-proveedores{ color: #007cc6; }
.correos-internos	{ color: #FF6600; }
.correos-lista		{ color: #333333; }
.select-lista-correos{
	height: 250px;
	width: 95%;
}
.margtop15px{
	margin-top: 15px !important;
}
.heigt290px{ height: 290px !important; }
.margTop80px{ margin-top: 100px; }
.groupN1{
	color: #18315a;
	font-size: 1.15rem;
	font-style: normal;
}
.groupN2{
	color: #18315a;
	font-size: 1rem;
	font-style: normal;
	font-weight: lighter;
	margin-left: 10px;

}
.groupListaCorreo{
	font-size: 1.15rem;
	font-style: normal;
	margin-left: 10px;	
}
.groupN2 option{
	color: #1f68de;
	font-size: 1.1rem;
}
.optionCorreo::before {
	color: #9FA9BA;
	content: "\f0e0";
    font-family: "Font Awesome 5 Free";
	font-weight: 900;	
	margin: 0 10px 0 5px;
}
.centraDivCorreos{
	margin-left: 8.875%;
}
.boton-busca-palabra{
	border-radius: 0 4px 4px 0;
	display: inline-block;
	height: 26px;
	font-size: 20px;
	left: -6px;
	margin: 0;
	position: relative;
	padding: 2px 0 0 0;
	top: 2px;
	width: 28px;
}
.divListaCorreos{
	height: 75%;
	overflow: auto;	
}
#mensaje_comunicado{
	height: inherit;
	width: 95%;
}
.label_redacta_comunicado{
	color: #5d5d5d;
	font-size: 1.15rem;
}
.label_descripcion_comunicado{
	bottom: 10px;
	position: relative;
}
div.note-editor{
margin: auto;
}
.margin-center{ margin: 20px auto 5px; }
#divDescripcion{
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	width: 50%;
}
.descripcion_comunicado{
	display: inline-block;
	text-align: left;
	width: 80%;
}
#archivo_comunicado_return{
	color: #2081ff;
	display: inline-block;
	font-size: 1.15em;
	font-weight: bolder;
}

.form_adjunta_archivo{
	height: 30% !important;
}
#tablaResultadoInformeComunicados thead tr th{
	text-align: center;
}
#tablaResultadoInformeComunicados tbody tr td{
	text-align: center;
}
#tablaDatosUbicaciones thead tr th,
#tablaDetalleProductosCFDI thead tr th,
#tablaResultadosOrdenes thead tr th{
	text-align: center;
}
.margin-top-10px{
	margin-top: 5px;
}
.margin-10_10_10_0px{
	margin: 10px 10px 10px 0;	
}
.margin-10px{
	margin-left: 10px;
}
#informacionGlobal{
	float: left;
	position: absolute;
	text-align: center;
	width: 80%;
	z-index: 2;
}
.sinScroll{
	overflow-y: hidden !important;
}
.p-flotante{
	margin-block-start: 30px !important;
	margin-block-end: 0px;
}
.fecha_pago{
	width: 140px !important;
}
.botonAddLineaEU{
	border: 2px solid #333;
	border-radius: 5px;
	padding: 2px 3px 1px 5px !important;
	font-size: 0.8em;
}
.botonAddLineaEU:hover{
	border: 2px solid #999999;
	color: #999999 !important;	
}
.tipo_boton {
	background-color: #fe7272;
	border: 1px solid #ea3a3a;
}
.width150px{
	width: 150px;
}
#icon-pdf-orden-cliente,
#icon-trash-orden-cliente,
#icon-upload-orden-cliente{
	cursor: pointer;
	margin-left: 15px;
}
.no-float{
	float: none !important;
}
.margin-right-30px{
	margin-right: 30px;
}
.obs_internas{
	background-color: #e7f0ff;
}
.obs_cliente{
	background-color: #ffe7e7;
}
#archivo_orden_compra_return{
	width: 25%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#tablaDetalleOrdenPedido table thead tr th{
	text-align: center;
}

#tablaResultados_paginate a,
#tablaResultadosProductos_paginate a{
	color: #333 !important; /* 7f8c8d */
    background-color: #f5f5f5 !important;
    border: 1px transparent !important;
    border-radius: 10px;
}

#tablaResultados_paginate a:hover,
#tablaResultadosProductos_paginate a:hover{
	color: #fff !important;
    background-color: #7f8c8d !important;
    border-color: #7f8c8d !important;
}


#tablaResultados_paginate a.ui-state-disabled,
#tablaResultadosProductos_paginate a.ui-state-disabled{
	color: #fff !important;           
    background-color: #7f8c8d !important;
}

.marginLeft1porc{
	margin-left: 1%;
}
.pesoEnLimite{
	color: #3F7F7F;
	font-weight: bolder;
}
.pesoFueraLimite{
	color: red;
	font-weight: bolder;
}

@keyframes fade {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes shake {
  10%, 90% {
    transform: rotate(0deg);
  }
  
  20%, 80% {
    transform: rotate(10deg);
  }

  30%, 50%, 70% {
    transform: rotate(-10deg);
  }

  40%, 60% {
    transform: rotate(20deg);
  }
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
  
}