body {
	margin: 0px;
	padding: 0px;
	color : #333;
	background-color : #FFF;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
}
#wrapper {
        border: 0px;
        margin: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
}

#header {
        background-color: #30569D;
        background-position: right top;
        border-bottom: 4px solid #80B5D7;
		height:60px;
}

#mambo {
        position: relative;
        width: 100%;
		background-color:#30569D;
        /*background: url(../images/top2.jpg)   #30569D no-repeat;*/
        background-position: top right;
        margin: 0px;
        padding: 0px;
		
}

#break {
	height: 50px;
}

form {
    margin: 0px;
}



.button {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
}

.button:hover {
    cursor: pointer;
}

.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6em;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	background: #F1F3F5;
}
	
.login h1 {
	background: url(../images/login_header.png) no-repeat;
	background-position: left top;
	color: #333;
	margin: 0px;
	height: 50px;
	padding: 15px 4px 0 50px;
 	text-align: left;
	font-size: 1.5em;
}

.login p {
	padding: 0 1em 0 1em;
	}
	
.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.login-form {
	text-align: left;
	float: right;
	width: 60%;
}

.login-text {
	text-align: left;
	width: 40%;
	float: left;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
	}

.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	}

.clr {
    clear:both;
    }

.ctr {
	text-align: center;
}

.version {
	font-size: 0.8em;
}

.footer {

}

#table_title {
    width: 30%;
}

#table_header
  {
  background-color:#2C9AD1;
  color:#FFFFFF;
  padding-left: 6px;
  padding-right: 6px;
  border-bottom:solid 1px #000000;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  height:15;
  font-size:13px;
  width:100%;
  }
 #table_header a
  {
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  }
#table_data 
  {
  padding-left: 6px;
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  height:15;
  font-size:13px;
  text-decoration:none;
  border-bottom:solid 1px #0099FF;
  width:100%;
  }

.links
{
color:teal;
font-size:12px;
font-weight: none;
font-family:arial;
text-decoration:none;
padding-right:2px;
}
a.links:hover
{
color:gray;
font-size:12px;
font-weight: none;
font-family:arial;
text-decoration:none;
}

/* Para los listados de coniuración*/
 #table_title 
  {
  padding-left: 2px;
  border-top:solid 0.1em #FFFFFF;
  border-bottom:solid 0.1em #FFFFFF;
  border-left:solid 0.1em #FFFFFF;
  background-color:#CCE6FF;
  color:#2C9AD1;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  height:10;
  font-size:11px;
  }
#table_title_impar
  {
  padding-left: 2px;
  border-top:solid 0.1em #FFFFFF;
  border-bottom:solid 0.1em #FFFFFF;
  border-left:solid 0.1em #FFFFFF;
  background-color:#F4F4F4;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  height:10;
  font-size:11px;
  }
/**/
.message
 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  color:#FF0000 !important;
 }
.regtext
{
color:#2C9AD1;
font-size:12px;
font-weight:bold;
font-family:arial;
text-decoration:none;
text-align:left;
}

.text
{
color:#2C9AD1;
font-size:12px;
font-weight:normal;
font-family:arial;
text-decoration:none;
}

a.text:hover
{
color:gray;
font-size:12px;
font-weight:normal;
font-family:aria;
text-decoration:none;
}

#header2{
	background:#FAF9F4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color:#0033CC;
	height:20px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding-left:3px;
}
#detalle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	background: #EEEEEE;
	text-align:left;
	border-right:dotted 1px  #FFF !important;
	border-bottom:solid 1px  #FFF !important;
	/*height:25px;*/
}
/*   #detalle = listado_fila_par  = listado_fila_impar  */
#listado_fila_par{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	background:#FFFFFF;
	text-align:left;
	border-right:dotted 1px  #FFF !important;
	border-bottom:solid 1px  #FFF !important;
	/*height:25px !important;;*/
}

.find-category-text {
    padding: 3px;
    margin: 0 2px 0 5px;
    
    background-color: #CCE6FF;
    color: #2C9AD1;
}

.false-select {
    padding: 0 5px;
    
    height: 20px;
    width: 200px;
    
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    position: relative;
    
    border: 1px solid black;
    background: white;
}

.false-select:hover {
    cursor: pointer;
}

.false-select i {
    font-size: 15px;
}

.false-select .options-container {
    padding: 5px;
    
    max-width: 300px;
    max-height: 200px;
    
    display: none;
    
    position: absolute;
    top: 22px;
    left: 0;
    
    border: 1px solid black;
    background: white;
    
    overflow: hidden;
    overflow-y: scroll;
}

.false-select .options-container > div {
    display: flex;
    align-items: center;
}

.false-select:hover .options-container {
    display: flex;
    flex-direction: column;
}

.attributes-container {
    padding: 5px;
    
    min-width: 200px;
    max-height: 200px;
    
    display: none;
    
    position: absolute;
    top: 1px;
    left: 0;
    
    border: 1px solid;
    background: white;
    
    box-sizing: border-box;
}

.attributes-container--show {
    display: flex;
    flex-direction: column;
    
    max-width: 300px;
    
    overflow: hidden;
    overflow-y: scroll
}

.attributes-container .attribute {
    display: flex;
    align-items: center;
}

.container--relative {
    position: relative;
}