/*override container size*/
div#content{
    display: flex;
    flex-flow: row wrap;
}

.btn.btn-elda,
.btn.btn-elda {
    background: #53004f;
    border: 1px solid #53004f;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.btn.btn-elda:hover,
.btn.btn-elda:focus {
    background: #fff;
    color: #53004f;
}

.btn.btn-elda-green {
    background: #788B22;
    border:  1px solid transparent;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.btn.btn-elda-green:hover {
    background: transparent;
    border: 1px solid #788B22;
    color: #788B22;
}

div.searchbox{
    flex: 1 100%;
    margin-bottom:10px;
    margin-right: 10px;
    margin-left: 10px;
	background-color: white;
	-webkit-box-shadow: 0px  3px 10px #CCCCCC, 1px  3px 5px #CCCCCC, -1px  3px 5px #CCCCCC;
	-moz-box-shadow: 0px  3px 10px #CCCCCC, 1px  3px 5px #CCCCCC, -1px  3px 5px #CCCCCC;
	box-shadow: 0px  3px 10px #CCCCCC, 1px  3px 5px #CCCCCC, -1px  3px 5px #CCCCCC;
}

div.searchbox table{
	width:100%;
	padding-left:20px;
	padding-top:20px;
}

#search_button{
    width: 6em;
}

#searchbox img{
    width: 161px;
    margin-right: 20px;
}

div.filters{
	position: relative;
	background-color: white;
	padding: 20px 20px 20px 20px;
	-webkit-box-shadow: 0px  3px 10px #CCCCCC, 1px  3px 5px #CCCCCC, -1px  3px 5px #CCCCCC;
	-moz-box-shadow: 0px  3px 10px #CCCCCC, 1px  3px 5px #CCCCCC, -1px  3px 5px #CCCCCC;
	box-shadow: 0px  3px 10px #CCCCCC, 1px  3px 5px #CCCCCC, -1px  3px 5px #CCCCCC;

}

div.explanation_box{
	margin-top: 10px;
	background-color: white;
	padding-top: 25px;
	padding-left: 25px;
	-webkit-box-shadow: 0px  3px 10px #CCCCCC, 1px  3px 5px #CCCCCC, -1px  3px 5px #CCCCCC;
	-moz-box-shadow: 0px  3px 10px #CCCCCC, 1px  3px 5px #CCCCCC, -1px  3px 5px #CCCCCC;
	box-shadow: 0px  3px 10px #CCCCCC, 1px  3px 5px #CCCCCC, -1px  3px 5px #CCCCCC;
}

div.explanation{

	padding: 3% 3% 3% 3%;
}

div.content_box{
    margin-right: 10px;
    margin-left: 10px;
    flex: 13 0px;
}

div.minPrice{
  display: inline-block;
  font-weight: 700;
  text-align: center;
	float: right;
}
.product-promotion {
  text-decoration: line-through;
	font-size: 90%;
}
.current-price {
  color: red;
	font-size: 130%;
}
.discount-price {
  background-color: red;
  color: #fff;
	font-size: 80%;
	display: block;
	width: 45%;
	margin-left: 80px;
}
.normal-price {
  color: #53004f;
}

div.resourceName{
	width: 95%;
	background-color: #f8f8f8;
	padding: 4px 4px 4px 4px;
	margin: .9em 0 .3em 0;
	border-radius: 5px;
	border: 2px solid #dde;
	font-size: 10pt;
	font-weight: bold;
	display: inline-block;
}

div.resourceName #resourceLink {
    font-size: 140%;
}

div.resourceName .resourceDescription {
    font-size: 110%;
    font-weight: normal;
    padding-top: 2em;
}

div.resourceName a:hover {
    color: #FF7E27 !important;
}

div.resourceName>div.accessStats {
    color: #000000;
    float: right;
}

div.resourceName>div.accessStats>img {
    vertical-align: middle;
    margin: 0 0.25em 0 0.3em;
}

div.resourceName a:active, div.resourceName a:visited, div.resourceName a:link {
    text-decoration: none;
}

div.resourceName ul li.languages {
    list-style-type: none;
    /*margin: 2px 2px 2px 2px;*/
    padding: 3px;
    font-size: 0.9em;
    font-weight: 500;
    color: #333;
    /*background-color: #ebebeb;*/
    float: left;
    /*border-radius: 5px 5px 5px 5px;*/
    border-right: 1px solid #bbc;
}

div.resourceName ul li:last-child { border: none; }

div.resourceName div.languages {
    /*margin: 0.2em 0.5em 0.5em 0;*/
    /*padding: 5px;*/
    border: 1px solid #f8f8f8;
}

div.resourceName div.languages + p {
    clear: both;
    margin: 0;
}

div.resourceName .languages ul {
    list-style-type: none;
    /*margin: 0.2em 0.5em 0.5em 0;*/
    /*padding: 5px;*/
    /*border: 2px solid;*/
    /*width: 84%;*/
    /*display: block;*/
}

div.resourceName .languages ul li {
    /*display: table-cell;*/
    float: left;
    /*border: 2px solid;*/
    /*width: 84%;*/
    /*display: block;*/
}

div.resourceName ul li.licence {
    /*display:block;*/
    /*padding: 2px;*/
    list-style-type: none;
    text-align: right;
    /*float: right;*/
}

div.resourceName table.pricingTable tr td {
    vertical-align: middle;
    border-bottom: 1px solid #777;
    padding: 6px 8px;
    text-align: center;
    font-size: 80%;
}

thead th {
    font-size: 80%;
    text-align: right;
}

div.results {
    margin-bottom: 1.5em;
}

/*end override container size*/

ul.errorlist {
	background:#ffcb00;
	border:1px solid #ffaa00;
	padding:2px;
	list-style-type:none;
	margin:0em;
}
ul.errorlist li { padding:0px; }