/* Iphone 6     -> 750px
   Ipad mini    -> 768px
   Ipad     -> 1536px
   LapTop   -> 1366px
   DeskTop  -> 1920px
*/
/* Global Styles */
/* inicio Reprogramados */
* {  box-sizing: border-box; }
body { margin:0px; background-image: url(images/pat.gif); font-family:Verdana,sans-serif; font-size:8px; color:#333; line-height:1.166; padding:0px;}

.tabcontent {  float: left;  padding: 0px 12px;  border: 1px solid #ccc;  width: 87%;  border-left: none;  height: 100%;  font-size: 12px; }
.producdis {  border-radius: 15px;  border: 2px solid #708090;  padding: 2px;   width: 100%; font-size: 10px; }
.producdis img {border-radius: 10px; height:50px; float:left; margin-right:15px; margin-top:-3px;}
.producdis button {  font-weight: bold;  background-image: linear-gradient(to bottom, rgba(236,185,130,1), rgba(231,153,79,1));  font-family: Verdana;  color: #2f4f4f;  padding: 1px 8px;  border: none;  outline: none;  cursor: pointer;  transition: 0.3s;  font-size: 10px;  TEXT-TRANSFORM: uppercase; }
.producdis button:hover {  opacity: 0.6; }

.headertit1  {font-family:Verdana,sans-serif;font-weight:bold; font-size:12px; text-transform:uppercase; color:#CCCCCC; background-image: linear-gradient(to bottom, rgba(105,142,183,1), rgba(25,33,69,1)); }
.headertit2  {font-family:Verdana,sans-serif;font-weight:bold; FONT-SIZE:8px;  text-transform:uppercase; color:#fff; background-image: linear-gradient(to bottom, rgba(236,185,130,1), rgba(231,153,79,1)); padding:2px;}
.headertit3  {font-family:Verdana,sans-serif;font-weight:bold; font-size:9px;  text-transform:uppercase; color:#CCCCCC; background-image: linear-gradient(to bottom, rgba(105,142,183,1), rgba(25,33,69,1));}

#menu {width: 100%; min-width:900px;  margin:0; float: left; font-weight: bold; font-size: 10px;  text-transform: uppercase; color: #f2f2f2; background-image: linear-gradient(to bottom, rgba(105,142,183,1), rgba(25,33,69,1));  font-family: Verdana;}
#menu div.barraMenu,
#menu div.barraMenu a.botonMenu,#menu div.barraMenu a.botonMenu1        { padding: 4px 12px 4px 12px; font-family: sans-serif, Verdana, Arial;font-size: 8pt; TEXT-TRANSFORM: uppercase; margin-left:-3; color: white;cursor: pointer;text-decoration: none; border-right-style:solid; border-width: 1px; border-color:#FECC96;}
#menu div.barraMenu                    { text-align: left;}
#menu div.barraMenu a.botonMenu        { background-image: linear-gradient(to bottom, rgba(105,142,183,1), rgba(25,33,69,1));}
#menu div.barraMenu a.botonMenu1       { background:url(images/fondo.png) }
#menu div.barraMenu a.botonMenu:hover,#menu div.barraMenu a.botonMenu1:hover  { background-image: linear-gradient(to bottom, rgba(236,185,130,1), rgba(231,153,79,1)); }
#menu div.barraMenu a.botonMenu:active { background:url(images/fondo.png) }


#menuver   {height:90%; width:150px; color:#CCCCCC;  z-index:1; overflow:auto; text-transform:uppercase; font-family: sans-serif, Verdana, Arial;font-size: 8pt; font-weight:bold; margin:0;}
#menuver a.tm { margin:1px 2px; text-decoration:none; padding:4px 2px 4px 8px; background-image: linear-gradient(to bottom, rgba(105,142,183,1), rgba(25,33,69,1)); color:#f1f1f1; display:block;}
#menuver a.em { margin:0px 2px; text-decoration:none; padding:4px 2px 4px 8px; background-color:#88E1E1; color:#49423E; display:block;font-size: 7pt;}
#menuver a.em1 { margin:0px 2px; text-decoration:none; padding:4px 2px 4px 8px; background-color:#0099ff; color:#f1f1f1; display:block;font-size: 7pt;}
#menuver a.em2 { margin:0px 2px; text-decoration:none; padding:4px 2px 4px 8px; background-color:#CEECFF; color:#49423E; display:block; font-size: 7pt;}
#menuver a.em:hover,#menuver a.em1:hover,#menuver a.em2:hover {background-color:#867E79; color:#CCCCCC;}

#filtros   {height:40px; width:100%; position:fixed; overflow:auto; margin-left:150px; background-color:#7A6F67; border-bottom:solid 1px #EA5B2F; padding-left:20px;}
#listado   { margin-top:30px; height:100%; width:100%; position:fixed; overflow:auto; margin-left:150px; text-align:center; }
#captura   { margin-top:10px; height:100%; width:100%; position:fixed; overflow:auto; margin-left:150px; text-align:center; }
#resultado { margin-top:3px; height:300px; width:100%; overflow:auto; margin-left:5x; text-align:center; }
#piepagina { text-transform:uppercase; font-family: sans-serif, Verdana, Arial;font-size: 8pt; font-weight:bold; position:fixed; top:98%; color:#FF0033; width:100%; background-color:#49423E;color:#CCCCCC; height:30;}

#listadobrw {top:40; left:10; border:thin; position: absolute; margin:0; width:85%; height:65%; overflow:auto; }

#sfiltros td {font-family: sans-serif, Verdana, Arial;font-size: 10px; font-weight:bold;text-transform:uppercase; color:#CCCCCC; }
.REtiquetas  {font-family: sans-serif, Verdana, Arial;font-size: 9px; font-weight:bold;text-transform:uppercase;}


#gridtabla tr { text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#E8E8E8; height:15px;}
#gridtabla tr:hover, #gridtabla tbody tr:nth-child(even):hover { background-color:#CCFFCC; 	 }
#gridtabla th { FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Verdana; COLOR: #FFFFFF; BACKGROUND-COLOR:#009999; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center; border-width: 1px; border-color:gray; height:20px;}
#gridtabla td { font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; padding: 1px 2px; border-bottom:none; border-top:none; border-left: 1 solid #EA5B2F;}
#gridtabla th a:link, #gridtabla th a:active, #gridtabla th a:visited { FONT-WEIGHT: bold; FONT-SIZE: 9px;  FONT-FAMILY: Verdana; COLOR:#FFFFCC; TEXT-TRANSFORM: uppercase; text-decoration: underline; }
#gridtabla td a:link, #gridtabla td a:active, #gridtabla td a:visited { FONT-WEIGHT: bold; FONT-SIZE: 8px;  FONT-FAMILY: Verdana; COLOR:#336699; TEXT-TRANSFORM: uppercase; text-decoration: underline; }
#gridtabla tbody tr:nth-child(even){ background-color: #CEE8F7; }

#gridtabla3 tr { text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#E8E8E8; height:15px;}
#gridtabla3 tr:hover, #gridtabla3 tbody tr:nth-child(even):hover { background-color:#9C938B; 	 }
#gridtabla3 th { FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Verdana; COLOR: #FFFFFF; BACKGROUND-COLOR:#85120B; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center; border: 1 solid #EA5B2F; height:20px;}
#gridtabla3 td { font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; padding: 1px 2px; border-bottom:none; border-top:none; border-left: 1 solid #EA5B2F;}
#gridtabla3 th a:link, #gridtabla3 th a:active, #gridtabla3 th a:visited { FONT-WEIGHT: bold; FONT-SIZE: 9px;  FONT-FAMILY: Verdana; COLOR:#FFFFCC; TEXT-TRANSFORM: uppercase; text-decoration: underline; }
#gridtabla3 td a:link, #gridtabla3 td a:active, #gridtabla3 td a:visited { FONT-WEIGHT: bold; FONT-SIZE: 8px;  FONT-FAMILY: Verdana; COLOR:#336699; TEXT-TRANSFORM: uppercase; text-decoration: underline; }
#gridtabla3 tbody tr:nth-child(even){ background-color: #CCFFFF; }

#ngridtabla tr { text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#E8E8E8; height:15px;}
#ngridtabla tr:hover, { background-color:#9C938B; 	 }
#ngridtabla th { FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Verdana; COLOR: #FFFFFF; BACKGROUND-COLOR:#85120B; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center; border: 1 solid #EA5B2F; height:20px;}
#ngridtabla td { font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; padding: 1px 2px; border-bottom:none; border-top:none; border-left: 1 solid #EA5B2F;}
#ngridtabla th a:link, #ngridtabla th a:active, #ngridtabla th a:visited { FONT-WEIGHT: bold; FONT-SIZE: 9px;  FONT-FAMILY: Verdana; COLOR:#FFFFCC; TEXT-TRANSFORM: uppercase; text-decoration: underline; }


#gridtabla1  {width:100%; display:table;}
#gridtabla1 tr { text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#E8E8E8; height:15px;}
#gridtabla1 tr:hover, #gridtabla1 tbody tr:nth-child(even):hover { background-color:#9C938B; 	 }
#gridtabla1 th { FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Verdana; COLOR: #FFFFFF; BACKGROUND-COLOR:#EA5B2F; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center; border: 1 solid #EA5B2F; height:20px;}
#gridtabla1 td { font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#000000; padding: 1px 2px; border-bottom:none; border-top:none; border-left: 1 solid #EA5B2F;}
#gridtabla1 td a:link       { FONT-WEIGHT: bold; FONT-SIZE: 9px;  FONT-FAMILY: Verdana; COLOR: #FFFFC4; BACKGROUND-COLOR: #009999; TEXT-TRANSFORM: uppercase; text-decoration: none; }
#gridtabla1 tbody tr:nth-child(even){ background-color: #CEE8F7; }

#gridtabla2  {display:table;}
#gridtabla2 tr { text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#E8E8E8; height:15px;}
#gridtabla2 th { FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Verdana; COLOR: #FFFFFF; BACKGROUND-COLOR:#EA5B2F; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center; border: 1 solid #EA5B2F; height:20px;}
#gridtabla2 td { font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#000000; padding: 1px 2px; border-bottom:none; border-top:none; border-left: 1 solid #EA5B2F;}
#gridtabla2 td a:link       { FONT-WEIGHT: bold; FONT-SIZE: 9px;  FONT-FAMILY: Verdana; COLOR: #FFFFC4; BACKGROUND-COLOR: #009999; TEXT-TRANSFORM: uppercase; text-decoration: none; vertical-align:middle }


#myInput {
  background-image: url('images/searchicon.png');
  background-position: 3px 5px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 14px;
  padding: 4px 2px 2px 20px;
  border: 1px solid #ddd;
  margin-bottom: 6px;
}

#myInput1 {
  background-image: url('images/searchicon.png');
  background-position: 7px 7px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 6px 10px 6px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

.tth { FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Verdana; COLOR: #FFFFFF; BACKGROUND-COLOR: #999999; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center; border: 1 solid #EA5B2F; height:20px;}

.lista-container{padding:1px; width:80%; background-color:#FFFFFF; font-family: sans-serif, Verdana, Arial;font-size: 10px; font-weight:bold;text-transform:uppercase; color:#CCCCCC; top:40; left:10;}
.lista-ul.lista-hoverable li:hover{background-color: #49423E}
ul.lista-ul              {list-style-type:none;padding:0;margin:0}
ul.lista-ul li           {padding:6px 2px 6px 16px;border-bottom:1px solid #867E79}
ul.lista-ul li:last-child{border-bottom:none}
lista-card-4 {box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.lista-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.lista-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.lista-padding{padding:8px 16px!important}
.lista-margin-left{margin-left:16px!important}
.lista-margin-right{margin-right:16px!important}
.lista-medium{font-size:15px!important}
.lista-large{font-size:18px!important}
.lista-circle{border-radius:50%!important}
.lista-xlarge{font-size:24px!important}
.lista-striped tbody tr:nth-child(even){background-color:#f1f1f1}

.opaca { cursor:hand;}
.opaca:hover {opacity: 0.5;}
   
.titmen    {font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase;background-image: linear-gradient(to bottom, rgba(105,142,183,1), rgba(25,33,69,1)); color:#f1f1f1;}
.stitmen   {font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase;background-color:#EA5B2F; color:#CCC;}
.Etiquetas {font: 9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase;color:#000; padding: 1px 2px; }
.mEtiquetas {font: 9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:lowercase;color:#000; padding: 1px 1px; }
.padEtiquetas  { padding:1px 2px;}
.NEtiquetas {FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #ffff00; TEXT-ALIGN: right;}
.botoneso    {font: 9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase;COLOR:#ccc; BACKGROUND-COLOR:#EA5B2F;}
.botoneso:hover    {COLOR:#ccc; BACKGROUND-COLOR: #973100; BORDER-LEFT-COLOR: #973100; BORDER-BOTTOM-COLOR: #ff9966; BORDER-TOP-COLOR: #973100; BORDER-RIGHT-COLOR: #973100;}

.DragContainer, .OverDragContainer   { float: left;  margin: 0px;  width: 130px;  border: #669999 1px solid;  padding: 0px; BACKGROUND-COLOR: #ffffff}
.DragContainerN, .OverDragContainerN { float: left;  margin: 0px;  width: 130px;  border: #669999 1px solid;  padding: 0px; BACKGROUND-COLOR: #CCFFFF}

.DragBox, .OverDragBox, .DragDragBox { border: #000 1px solid; padding: 2px; font-size: 10px; margin-bottom: 5px; width: 130px; cursor: pointer; font-family: verdana, tahoma, arial; background-color: #FECC96; color:#333333;}
.OverDragContainer                   { background-color: #eee;}
.OverDragBox, .DragDragBox           { background-color: #ffff99;}
legend                               { font-weight: bold; font-size: 12px; color: #666699; font-family: verdana, tahoma, arial;}
fieldset                             { padding: 3px;}

/* nuevo esquema */
div.container { width:100%; min-width:900px;  height:100%;}
header, footer { min-width:900px; margin:0; color:green; clear:left; text-align:center; display:block;}
headerr {width:100%;  float:left; font-weight:bold; font-size:12px; text-transform:uppercase; color: #ffffff; background-color:#49423E; font-family: Verdana;}

footer { height:3%; text-transform:uppercase; font-family: sans-serif, Verdana, Arial;font-size: 8pt; font-weight:bold; color:#CCCCCC; background-image: linear-gradient(to bottom, rgba(105,142,183,1), rgba(25,33,69,1));}
header { height:10%;}

.lineasite          { float: left; width: 100%; padding: 1px; font-family: Verdana, Arial, Sans Serif; font-weight: bold; font-size: 14px; text-transform: uppercase; color: #ffffff; background-image: linear-gradient(to bottom, rgba(105,142,183,1), rgba(25,33,69,1)); }
.lineasite a        { color:#f2f2f2; text-decoration: none; cursor: pointer; }
.lineasite a:hover  { color:gray;    text-decoration: none; }
.lineasite a:active { color:#ffffff; text-decoration: none; }
.lineauser { float: left; width: 50%; padding:1px; font-weight: bold; font-size: 10px;  text-transform: uppercase; color: #ffffff; background-image: linear-gradient(to bottom, rgba(236,185,130,1), rgba(231,153,79,1)); font-family: Verdana;}
 
nav  { float:left;  max-width:160px; margin:0;  height:86%; overflow:auto;}
nav ul { list-style-type: none; padding: 0;}
nav ul a { text-decoration: none;}
article { margin-left:155px; padding:2em; overflow:auto; max-height:86%;}
navr { float:right; max-width:150px; margin:0; padding:1em; height:86%; overflow:auto; }


.myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 600px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    /*height: 150px;*/
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}

@keyframes zoom {
    from {transform: scale(0.1)} 
    to {transform: scale(1)}
}

#waitdiv {
    width: 300px;
    height: 25px;
    padding: 1px 0px 0px 0px; text-align:center;
    background-color: red;
    position: relative;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   {background-color:red; left:0px; top:0px;}
    25%  {background-color:yellow; left:100px; top:0px;}
    50%  {background-color:blue; left:100px; top:0px;}
    75%  {background-color:green; left:0px; top:0px;}
    100% {background-color:red; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color:#85120B; left:0px; top:0px;}
    25%  {background-color:#AA5B5E; left:100px; top:0px;}
    50%  {background-color:#336699; left:100px; top:0px;}
    75%  {background-color:#CCCCCC; left:0px; top:0px;}
    100% {background-color:#85120B; left:0px; top:0px;}
}
#waitdiv p {font: 9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase;color:#ccc; padding: 1px 2px; }

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}



/* fin nuevo esquema */


#acciontabla tr { text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;background-color:#E8E8E8; height:15px;}
#acciontabla th { FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Verdana; COLOR: #FFFFFF; BACKGROUND-COLOR:#B5170F; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center; border: 1 solid #EA5B2F; height:20px;}
#acciontabla td { font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#000000; }

.acciontablabutton {font-weight: bold; FONT-SIZE: 8px;  FONT-FAMILY: Verdana; color: #973100; BACKGROUND-COLOR:#D1920E; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center;}
.acciontablabutton:hover        {font-weight: bold; FONT-SIZE: 8px;  FONT-FAMILY: Verdana; color: #FFFFFF; BACKGROUND-COLOR:#973100; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center;}




/* fin Reprogramados */

td { font:11px arial; color:#99CCFF;}
hr { height:1px; color: #cccccc; border: none; }
a {	color:#fff;	text-decoration: none;	}
a:hover {color:#EA5B2F;text-decoration:none;}

tdmenu {border-right:solid 1 #445DA0;}	
/* ID Styles */


#navigation tr { 
    text-transform:uppercase;
	border-color:#445DA0;
	border-top-width: 0px; 
	border-bottom-width: 0px; 
}

#navigation tr:hover { 
   background-color: #445DA0;
   
}

#navigation a {
	font:10px georgia;
	color: #99CCFF;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding-left:8px;
	border: 1pt solid rgb(20,40,95);
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#navigation a:hover {
	color:#ffffff;
	border: 1pt dotted red;
	border-right-width: 0px; 
	border-left-width: 0px; 
	}

#navigationb {
  padding-left: 30px;
}

#navigationb a {
  font: 13px bold "Trebuchet MS", verdana, helvetica, arial, sans-serif;
  color: white;
  padding-left: 8px;
  text-decoration: none;
  font-weight: bold;
  background-color : #ff8c00;
}

.login      { float: left; width: 30%; padding: 0px; box-sizing: border-box; FONT-WEIGHT: bold; FONT-SIZE: 9px; TEXT-TRANSFORM: uppercase; FONT-FAMILY: Verdana;}
.login input[type=text], .login input[type=password] { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box;}
.login button { background-image: linear-gradient(to bottom, rgba(105,142,183,1), rgba(25,33,69,1)); color: white; padding: 7px 10px; margin: 4px 0; border: none; cursor: pointer; width: 100%; }
.login button:hover { opacity: 0.8;}

.fullheight {
  height: 100%;
}

.homeColorSet1 {
  color: #CC3300;
}

.homeColorSet2 {
  color: #CC3300;
}

	
#sidebarHeader {
	padding: 0px 4px 14px 4px;
	}

#logo {
	font:18px georgia;
	color: #CC3300;
	line-height:24px;
	letter-spacing:.4em;
	}

#tagline {
	font:12px georgia;
	color: #CC3300;
	line-height:18px;
	letter-spacing:.4em;
	}

#userline {
	font:10px georgia;
	color: #CC3300;
	line-height:15px;
	letter-spacing:.2em;
	}
	
#dateformat a {
	color:#99CCFF;
	font:11px georgia;
	color: #99CCFF;
	letter-spacing:.2em;
	text-decoration:none;
	font-weight:bold;
	}
	
#dateformat a:hover {
	color: #ffffff;
	}

/* Class Styles */

.InputBlanco {
   border-right: #7f7f7f thin solid; 
   border-top: #7f7f7f thin solid; 
   border-left: #7f7f7f thin solid; 
   border-bottom: #7f7f7f thin solid; 
   color: black; 
   font:10px Verdana, Arial, Helvetica, sans-serif;
   background-color: #ffffff;
   text-transform:uppercase;
   }

.InputAmarillo {
   border-right: #7f7f7f thin solid; 
   border-top: #7f7f7f thin solid; 
   border-left: #7f7f7f thin solid; 
   border-bottom: #7f7f7f thin solid; 
   color: black; 
   font:10px Verdana, Arial, Helvetica, sans-serif;
   background-color: #FFFFCC;
   text-transform:uppercase;
   }

.bodyText {
	font:11px arial;
	color:#99CCFF;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px;
	text-transform:uppercase;
	}
	
.pageName{
	font:22px georgia;
	color: #CC3300;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.subHeader {
	font:16px georgia;
	color: #CC3300;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.sidebarHeader {
	font:14px georgia;
	color: #99CCFF;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.detailText {
	font:11px arial;
	color:#ffffff;
	line-height:16px;
	letter-spacing:.1em;
	}
	
.smallText {
	font:10px arial;
	color:#99CCFF;
	}
	
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #2f63b3;
    background-color: #f1f1f1;
	border-bottom: none;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 4px 4px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 10px;
	border: 1px solid #2f63b3;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}


div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the links inside the tab */
div.tab a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 7px 8px;
    text-decoration: none;
    transition: 0.3s;
    /*font-size: 17px;*/
}

/* Change background color of links on hover */
div.tab a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab a:focus, .active {
    background-color: #AA5B5E;
}

/* Style the tab content */
.tabcontents {
    display: none;
    padding: 3px 6px;
    border: 1px solid #AA5B5E;
    border-top: none;
}

/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 20px;
}

.topright:hover {color: red;}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  /*padding: 10px; */
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}	

::placeholder {
  color: #ACACAC;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #ACACAC;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #ACACAC;
}