/* Sticky footer styles-------------------------------------------------- */
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}
	html {
	  position: relative;
	  min-height: 100%;
	  
	}
	
	body {
	  /* Margin bottom by footer height */
	 margin-bottom: 60px;
	 background-color: #fefefe;
     margin: 0;
	 color: #000;
	 font-size: 12px;
	}

	.footer {
	  position: absolute;
	  bottom: 10px;
	  width: 100%;
	  /* Set the fixed height of the footer here */
	  height: 35px;
	  color: #000;
	  font-size: 10px;
	  margin-top: 20px;
	  /* background-color: #f5f5f5;*/
	}

	/* Custom page CSS
	-------------------------------------------------- */
	/* Not required for template or sticky footer method. */

	body > .container {
	  padding: 60px 15px 0;
	}
	
	.footer > .container {
	  padding-right: 15px;
	  padding-left: 15px;
	}

	code {
	  font-size: 80%;
	}

	.rojoalc
	{
		color: #cb0611;
	}
	.verdealc
	{
	color: #00b300;
	}
	.azulalc
{
color: #265cff;
}
.grisalc
{
color: #999999;
}
.naranjoalc
{
color: #d96c00;
}
.negrooalc
{
color: #000000;
}
	/* Custom page CSS
	-------------------------------------------------- */
	/* Not required for template or sticky footer method. */

	.container {
	  width: auto;
	  max-width: 1360px;
	  padding: 0 15px;
	}

	.menuicons
	{
		font-size: 12px;
	}
	.nombrecliente
	{
		position:relative;
		margin-top: 5px; 
		margin-right: 35px; 
		font-family: verdana; 
		font-size: 10px; 
		color: #777777;
	}
.sombracaja
{
	-webkit-box-shadow: 10px 10px 16px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 10px 10px 16px -3px rgba(0,0,0,0.3);
	box-shadow: 10px 10px 16px -3px rgba(0,0,0,0.3);
	border:1px solid #e1e1e1; 
	border-radius: 10px;
}
.ultimoscaja
{
	padding: 10px 25px 5px 15px;
}

		.modal-dialog{ overflow-y: initial !important }
		.modal-body{ height: 80vh; overflow-y: auto; }
		
	.cajatable{ 
		width:98%; 
		border-collapse:collapse; 
		font-size: 10px;
	}
	.cajatable td{ 
		padding:2px; 
	}
	/* Define the hover highlight color for the table row */
    .cajatable tr:hover {
          background-color: #ffffbf;
    }
	.activomenu
	{
		background-color: #dfe4e8
	}
	.cajainfopop { 
		width:98%; 
		border-collapse:collapse; 
		font-size: 10px;
	}
	.cajainfopop td{ 
		padding:2px; 
	}
	/* Define the hover highlight color for the table row */
    .cajainfopop tr:hover {
          background-color: #eeeeee;
    } 
	.tituloinfo
	{
		font-weight: bold;
		font-size: 14px;
		color: #777777;
	}
	.azulalc
	{
		color: #0000d9;
	}
	th.sticky {
  
  position: sticky;
  top: 50px; /* Don't forget this, required for the stickiness */
           left: 0;
           right: 0;
           padding: 2px 3px;
           
           box-shadow: inset 0 0 0 red, inset 0 -1px 0 red;
		   background-color: #ffffff;
		 
}
.lineatd
{
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #999999;
}
.lineatd2
{
	border-left: 1px solid;
	border-color: #999999;
}
	.fullscreen-modal .modal-dialog {
  margin: 10;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
} 
@media (min-width: 768px) {
  .fullscreen-modal .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .fullscreen-modal .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .fullscreen-modal .modal-dialog {
     width: 1170px;
  }
}
.ngta
{
font-weight: 300;	
}
A:link {text-decoration: none;   color: #cb0611;}
A:visited {text-decoration:;    color: #cb0611;}
A:active {text-decoration:;    color: #cb0611;}
A:hover {text-decoration: underline; color: #000;}

	.division_td {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dividetd {
  flex: 1;
}
.titulo_general
{
position:relative;
font-family: arial;
color: #fff;
text-align: right;
font-size: 65px;
font-weight: bolder;
margin-right: 10px;
}
.titulo_bajo
{
margin-top: -20px;
float: right;
font-family: arial;
color: #fff;
text-align: right;
font-size: 9px;
margin-right: 10px;
}


@media only screen and (max-width: 479px) and (min-width: 0px) {
    body {
		background-color: #cb0611;
        background-image: url("images/background_sgp.png");
		background-repeat: no-repeat;
		background-size: 30%;
		/* margin-top: 300px; */
		 }
		.titulo_general
		{
		margin-top: 10px;
		position:relative;
		font-family: arial;
		color: #fff;
		text-align: right;
		font-size: 65px;
		font-weight: bolder;
		margin-right: 170px;
		}
		.titulo_bajo
		{
		margin-top: -20px;
		float: right;
		font-family: arial;
		color: #fff;
		text-align: right;
		font-size: 9px;
		margin-right: 170px;
		}
		.logo
		{
		position:absolute;
		bottom:10px;
		left: 50px;
		font-family: arial;
		color: #fff;
		text-align: left;
		font-size: 9px;
		}
		.link1
		{
		margin-top: 65px;
		position:absolute;
		}
}

.link1
{
margin-top: 130px;
position:absolute;
margin-left: 10%;
}
.logo
{
position:absolute;
bottom:10px;
margin-left: 10px;
font-family: arial;
color: #fff;
text-align: left;
font-size: 9px;
margin-right: 10px;
}
.panel_lg
{
	border: 1px solid #A50034;
	border-radius: 7px;
}
.huge {
  font-size: 18px;
}
.textotops {
  font-size: 10px;
}