.ecoMap
{  
    /* height: 100%; */
    /* border: 1px solid rgb(170, 170, 170); */
    width: 100%;
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 100px;
    left: 0;
}
	
#AboutProblemDiv
{
	font-family: 'Open Sans', Arial, Verdana, Tahoma;
    position: fixed;
    left: 100%;
    top: 70px;
    width: 450px;
    /* height: 80%; */
	z-index: 998;
    background: white;
	box-shadow: -8px 0px 10px 0px rgba(0,0,0,0.15);
}

#HeaderProblemDiv
{
	font-family: 'Open Sans', Arial, Verdana, Tahoma;
	height: 30%;
	min-height:20%;
	background-size: cover;
	color: white;
	font-size: 20px;
	position: relative;
	
}

#HeaderProblemDiv #TitleDiv
{
	position: absolute;   
    bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.76), rgba(0,0,0,0) );
    padding: 70px 30px 20px 20px;
    width: 100%;
}

#HeaderProblemDiv span
{
    width: 95%;
	font-size: 22px;
	display: block;
}

#ProblemStatusDiv
{
	font-family: 'Open Sans', Arial, Verdana, Tahoma;
	color: white;
	height: 20px;
	font-size: 16px;	
	display: table;
    width: 100%;
}

#ProblemStatusDiv span
{
	vertical-align: middle;
    display: table-cell;
}

#DetailsFilesDiv
{
	padding: 10px 20px 5px 20px;
	/* height: 100px; */
	
}

#DetailsDescriptionDiv
{
	font-family: 'Open Sans', Arial, Verdana, Tahoma;
	padding: 10px 20px;
    font-size: 14px;	
	line-height: 1.5;
}

#CloseProblemDiv
{
	left: -18px;
    top: 10px;
    position: absolute;
    cursor: pointer;
    float: left;
    font-weight: initial;
    z-index: 2;
}

#CloseProblemDiv img
{
	width: 36px;
}

#DetailsCommentsDiv
{
	padding: 10px;
    font-size: 16px;	
	    background-color: #CDCDCD;
	    box-shadow: inset 0px 2px 3px #999;
		height: 100%;
}

.bx-wrapper img {   
       height: 100px;
   /*  margin: 0px 5px 5px 0px; */
    box-shadow: -2px 1px 4px #999 !important;
    width: 130px;
	    object-fit: cover;
}

.bx-pager.bx-default-pager
{
 display: none;
}

.bx-wrapper {
    margin-bottom: 0px !important;
}

div#footer-wrap {
    position: relative;
    width: 100%;
    bottom: 0px;
    z-index: 5000;
}

div#ProblemMoreDiv {
    color: white;
    padding: 5px 20px 5px 20px;
    height: 20px;
    display: table;
    width: 100%;
    background-color: #00B98C;
    text-align: center;
    text-decoration: underline;
}

.bx-viewport {
    border: 0px !important;
	background-color: transparent !important;
	padding: 5px;
}

div#ProblemMoreDiv > a {
    color: white;
}

div#ProblemDetailsDiv {
    height: 75%;
}

div#DetailsFilesDiv .bx-wrapper .bx-viewport {
    padding: 0px !important;
}

#statusTitleDiv
{
	float:left;	
	padding: 10px 20px !important;
}

#dateDayParentDiv{
	float: right;
	padding: 10px 20px 10px 20px !important;
}

#dateDaySpan
{
	background: url(../../images/timerDate.png) no-repeat;
	background-color: rgb(17, 91, 185);
	background-position: left center;
	padding-left: 30px;

}

#DetailsCommentsDiv div ul a img {
    width: 140px !important;
	height: 150px !important;
}