/**
 * @file
 *
 * @author   Andre Brzek Le Roux
 * @date     2018/02/27
 * @version  1.0
 */

/* Core CSS*/
 

@media (min-width: 300px) { 

#block-views-indicators-block {    
	float: left;
	display: block;
	width: 100%;
}


#block-views-indicators-block .row {
	line-height: 30px;
}

#block-views-indicators-block .views-field.views-field-field-cf-name {
	float: left;
	width: 100%;
	background: #c3d4dd;
	padding-left: 5px;
	text-align: left;
}

#block-views-indicators-block .views-field-field-cf-last {
	float: left;
	width: 100%;
	padding-left: 5px;
	text-align: left;
}

#block-views-indicators-block .views-field-field-cf-last .field-content.CF_LAST {
	text-align: right;
	font-size: 18px;
	font-weight: bold;
}

#block-views-indicators-block .views-field-field-cf-date {
	float: left;
	width: 100px !important;
	background: #c3d4dd;
	padding-left: 5px;
	text-align: left;
}
#block-views-indicators-block .views-field-field-cf-time {
	float: left;
	width: 100%;
	background: #c3d4dd;
	padding-left: 5px;
	text-align: left;
}
#block-views-indicators-block .views-field-field-html-tick {
	
	font-size: 25px;
	float: left;
	width: 100%;
	background: #c3d4dd;
	padding-left: 5px;
	text-align: left;
}







#block-views-latest-sens-api-block {
	width: 100%;
	float: left;
	padding-right: 10px;
}
#block-views-latest-sens-api-block #views-bootstrap-grid-1 .row .col.col-lg-12 .views-field.views-field-title {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


#block-views-news-feed-block-1 {
	width: 100%;
	float: left;
	padding-right: 10px;
}

#block-views-news-feed-block-1 .view-news-feed .views-row {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#block-views-latest-sens-block {
	width: 100%;
	float: left;
	padding-right: 10px;
}


#block-views-latest-sens-block .view-latest-sens.view-id-latest_sens .views-row{
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}




}



@media (min-width: 767px) {


#block-views-indicators-block {    
	float: left;
	display: block;
	width: 50%;
}

.page-node-189 #block-views-indicators-block {    
	float: left;
	display: block;
	width: 100%;
}




#block-views-indicators-block .row {
	line-height: 30px;
}


#block-views-indicators-block .views-field.views-field-field-cf-name {
	float: left;
	width: 100%;
	background: #c3d4dd;
	padding-left: 5px;
	border-bottom: 1px solid #e1ebf1;
}

#block-views-indicators-block .views-field-field-cf-last {
	float: left;
	width: 180px;
	text-align: center;
}

#block-views-indicators-block .views-field-field-cf-last .field-content.CF_LAST {
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	width: auto;
}

#block-views-indicators-block .views-field-field-cf-date {
	float: left;
	padding-right: 10px;
	background: #c3d4dd;
	width: auto;
	border-bottom: 1px solid #e1ebf1;
}
#block-views-indicators-block .views-field-field-cf-time {
	float: left;
	background: #c3d4dd;
	width: 75px;
	border-bottom: 1px solid #e1ebf1;
}
#block-views-indicators-block .views-field-field-html-tick {
	float: right;
	font-size: 25px;
	width: auto;
	background: #FFF;
}
#block-views-indicators-block .views-field-field-html-tick .field-content.CF_TICK {
	float: right;
	width: auto;
}


#block-views-latest-sens-api-block {
	width: 50%;
	float: left;
	padding-right: 10px;
}
#block-views-latest-sens-api-block #views-bootstrap-grid-1 .row .col.col-lg-12 .views-field.views-field-title {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}



#block-views-news-feed-block-1 {
	width: 50%;
	float: left;
	padding-right: 10px;
}


.page-node-189 #block-views-news-feed-block-1 {
	width: 100%;
	float: left;
	padding-right: 10px;
}

#block-views-news-feed-block-1 .view-news-feed .views-row {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}





#block-views-latest-sens-block {
	width: 50%;
	float: left;
	padding-right: 10px;
}

.page-node-189 #block-views-latest-sens-block {
	width: 100%;
	float: left;
	padding-right: 10px;
}


#block-views-latest-sens-block .view-latest-sens.view-id-latest_sens .views-row{
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


}


@media (min-width: 1023px) { 
	#block-views-indicators-block .views-field.views-field-field-cf-name {
	float: left;
	width: 25%;
	background: #c3d4dd;
	padding-left: 5px;
	border-bottom: 1px solid #e1ebf1;
}

#block-views-indicators-block .views-field-field-cf-last {
    float: left;
    width: 150px;
    text-align: center;
}
}