/* CSS Document */

  
.contacto{
    border: 1px solid #CED5D7;
    border-radius: 6px;
    padding: 35px 35px 10px;
    margin-top: 50px;
    background-color: white;
    box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset;
}

.contacto label{
    display: block; /* esto es para que el label se sobreponga a la caja de texto */
    font-weight: bold;
}
.contacto div{
    margin-bottom: 15px; /* esto los separara un poco */
}
	
.mediaProduct {
    display: flex;
    align-items: flex-start;
}
.mediaProduct  .content {
    flex: 1;
    padding: 10px;
	font-size: 10px; 
	line-height: 1em;
	font-weight: 500;
}
	
.cardNew {
  background-color: white;
  padding: 8px;
  border-radius: 5px;
  min-height: 100px;
}

.imgNew {
   border-radius: 10%;
  padding: 10px;
  background: white;
 
  resize: horizontal;
  
  overflow: auto;
  max-width: 100%;
 

}

.rowNew {
  display: flex;
  flex-wrap: wrap;
	box-shadow: 2px 2px 10px -5px;
}

.details-containerNew {
  flex: 2;
}

.avatar-containerNew {
  flex-basis: 130px;
  padding-left: 5px;
  padding-top: 6px;
  
}	
	
.contentNew h3{
	font-size: 14px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
	margin:0px;
}
.contentNew p{
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}
.contentNew h5{
		 font-size: 12px;
		 font-style:italic;
	margin:0px;
	padding-left: -4em;
}

			.flex {
			display: flex;
			flex-wrap: wrap;
			justify-content: center; /* Or space-between or space-around */
			}

			.flex > section {
			align-items: center;
			display: flex;
			flex: 1 1 0;
			flex-direction: column;
			text-align: center;
			max-width: 400px;
			}

			.flex > section > p {
			flex-grow: 1;
			}

			/* This rule ist just because of the responsive images */
			@media (max-width: 600px) {
				.flex > section {  
				max-width: 150px;
				}
			}
		.flex ul {
		 display: flex;
 		 
		}
		.flex h3 {
			font-size: 16px;
			font-weight: bold;
			
		}
		.flex h4 {
			font-size: 12px;
			
		}

		.flex li {
		 display: flex;
 		 justify-content: space-between;
			margin: 0 15px;
		}

		.flex li h4{
		 font-size: 12px;
		}
		
		
.greenButton {
    color: #3e5706;
  font-weight: bold;
		  font-size: 12px;
    background: #a5cd4e; /* Old browsers */
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
    background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
	border-radius: 10px;
	color:aliceblue;
	height: 3em;
	width: 8em;
	letter-spacing: 0.1em;
}
.UpdateButton {
    color: #3e5706;
  font-weight: bold;
		  font-size: 12px;
    background: #a5cd4e; /* Old browsers */
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
    background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
	border-radius: 10px;
	color:aliceblue;
	height: 3em;
	width: 9em;
	letter-spacing: 0.1em;
}

		.buttonCard:hover {
		  background-color: #006B6B;
		}
		
/* New addition for the info input forms */
.Table
{
	display: table;
	
}
.Title
{
	display: table-caption;
	text-align: center;
	font-weight: bold;

}
.Heading
{
	display: table-row;
	font-weight: bold;
	text-align: center;
	line-height:2px;
}
.Row
{
	display: table-row;
	line-height:2px;
}
.Cell
{
	display: table-cell;
	border: solid;
	border-width: thin;
	}
.CellClean
{
	display: table-cell;
	line-height:2px;

	
}
.CellCleanEmpty
{
	display: table-cell;
	width:50px;
}

.header-button {
	border: 1px solid #125615;
	padding: 11px 15px;
	border-radius: 15px 3px 3px 15px;
	color: aliceblue;
	background: #55A855;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 700;
	-webkit-transition: 200ms;
	transition: 200ms;
}

.header-button-clean {
	border: 1px solid #125615;
	padding: 11px 15px;
	border-radius: 3px 15px 15px 3px;
	color: aliceblue;
	background: #a5cd4e;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 700;
	-webkit-transition: 200ms;
	transition: 200ms;
}

/* Css table */
.wrappertable {
	width: 450px;
}

.itemHolder {
	margin: 0;
	pading: 0;
}

	.itemHolder li {
		float: left;
		line-height:5px;
		margin-bottom: 5px;
	}

		.itemHolder li div {
			/*width: 150px;*/
		}

.header-button {
	border: 1px solid #125615;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 10px 2px 2px 10px;
	color: aliceblue;
	background: #55A855;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-weight: 550;
	-webkit-transition: 200ms;
	transition: 200ms;
}

.header-button-clean {
	border: 1px solid #125615;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 2px 10px 10px 2px;
	color: aliceblue;
	background: #55A855;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-weight: 550;
	-webkit-transition: 200ms;
	transition: 200ms;
}
.search ul {
		  list-style-type: none;
		  width: 600px;
		  display: table;
		  table-layout: fixed;
		  font-size:1.4em;
		font-weight:400;
		
		}
		
	.search li {
		  display: table-cell;
		  width: 100px;
		 
		}
	.search li right {
		  display: table-cell;
		  width: 100px;
		  border-bottom:1px solid #C8C10D;
		  align:right;
		}
	.titulo_report {
		  	font-family: Tahoma, Arial, sans-serif;
		  	font-size: 1.2em; 
			font-weight:500;
			width:550px;
			background-color:#DAEAA8;
		}
	.author_report {
			font-family: Tahoma, Arial, sans-serif;
		  	font-size: 1.0em;
			font-style:italic;
			background-color:#DAEAA8;
			width:550px;
			border-bottom:1px dotted #C8C10D;
	}
	
		
	
	.message_report {
			font-family: Tahoma, Arial, sans-serif;
		  	font-size: 1.1em; 
			font-weight:400;
			background-color:#DEF4D9;
			width:550px;
		}
		
	.titulo_report_chat {
		  	font-family: Tahoma, Arial, sans-serif;
		  	font-size: 1.2em; 
			font-weight:500;			
			width:330px;
			background-color:#DAEAA8;
		}
	.author_report_chat {
			font-family: Tahoma, Arial, sans-serif;
		  	font-size: 1.0em;
			font-style:italic;
			background-color:#DAEAA8;
			width:330px;
	}
	.message_report_chat {
			font-family: Tahoma, Arial, sans-serif;
		  	font-size: 1.1em; 
			font-weight:400;
			background-color:#DEF4D9;
			width:330px;
		}