html,body{
    margin:0;
    width:auto;
	background-color: #ecf0f1;
}

h1,h2,h3,h34,h5,h6{
    margin:0;
}

.outer-container
{
    padding: 15px;
    background-color:#DFDFDF;
}

.inner-container
{
    background-color:white;
    padding:10px;
    border-radius: 5px;
}
.inner-container :last-child
{
    margin-bottom:0px;
}
    
	
.options-container{
    padding: 0 10px 10px;
	 text-align:center;
}	
	

.header
{
    background-color:white;
    padding: 5px 0;
    text-align:center;
    position: relative;
}

.header .left
{
    position: absolute;
    left:1%;
    top: 10px;
}
.header .right
{
    position: absolute;
    right:1%;
    top: 10px;
}


.row:before, .row:after {
    display: table;
    content: " ";
}
.row:after {
    clear: both;
}
.dynamic-contain
{
    margin-bottom:12px;
}
.dynamic-contain .dynamic-item{
    padding: 12px 0;
    margin: 0;
    width: 100%;
    border-bottom: 1px dotted #c5c5c5;
	display: block;
	color:#000;
}
.dynamic-contain :last-child
{
    border-bottom:0;
}
.dynamic-item:hover{
	background-color:#FFD9B3;
}


.title-item {
    width: 100%;
}


a{
    text-decoration: none;
    color: #484848;
}

.orange-circular-icon:before {
  content: ' \25CF';
  font-size: 1em;
  color:#cda543;
  margin-right:.25em;
}

.box
{
    outline: 1px #9D9D9D solid;
	widtd:100%;
    margin:0 auto;
}
@media only screen and (min-width: 732px) {
	.box{
		max-width:732px;
	}
}

.icon{
	width: 1.35em;
    height: 1.35em;	
}

.detailInfos{
    color:#9D9D9D;
}

#link{
	color:#26ACFD;
}
#link:hover{
	color:#008000;
}
	
	
.hide-detail .detailInfos{
	display:none;
}	


div.text-with-search input[type=text] {
  padding: 5px;
  font-size: 15px;
  border: 1px solid grey;
  float: left;
  width: 80%;
}

div.text-with-search button {
  float: left;
  height: 29px;
  width: 29px;
  background: #2196F3;
  color: white;
  font-size: 15px;
  border: 2px solid grey;
  border-left: none;
  cursor: pointer;
}

div.text-with-search button:hover {
  background: #0b7dda;
}

div.text-with-search::after {
  content: "";
  clear: both;
  display: table;
}


@media only screen and (min-width: 550px) {
	.dynamic-contain .hide-detail .dynamic-item{
		width: 50%;
		display: inline-block;
	}
}