@charset "utf-8";

/* DND Internet custom CSS. test */

#wb-info .landscape {
    background: #26374a url(../images/canada/landscape.png) no-repeat right bottom !important;
}

#wb-right-col div.col-md-1, #wb-right-col div.col-md-2, #wb-right-col div.col-md-3, #wb-right-col div.col-md-4, #wb-right-col div.col-md-5 ,#wb-right-col div.col-md-6, #wb-right-col div.col-md-7,#wb-right-col div.col-md-8, #wb-right-col div.col-md-9, #wb-right-col div.col-md-10, #wb-right-col div.col-md-11{

	width: 100% !important;

}

.row {
 	margin-left: -15px !important;
	 margin-right: -15px !important;
}


details summary:focus, details summary:hover {
	background-color: none !important;

}
/* fix image special effects when caption is enabled and all images in edit/preview */
div[class^="col-md-"] a > img, div[class^="col-md-"] > img {
    padding-left: 0px;
    padding-right: 0px;
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

div[class^="col-md-"] a > img.media-object , div[class^="col-md-"] > img.media-object {
    margin-right: 15px;
}

.no-float, table.no-float
{
	float:none !important;
	padding-left: 2px;
	padding-right: 2px;
}


/* full width component */
.full {
	padding-left: 15px;
	padding-right: 15px;
	clear: left;
}

/* start component on new row */
.new-row {
	clear:left;
}

.bg-info {
	background-color: #fff !important;
}

.panel-info{
	border-color: #ddd;
}

.list-group-item-info{
color: #000;
background-color: #fff;
}

.bg-primary {
	color: #000 !important;
	background-color: #fff !important;
}

.panel-info > .panel-heading {
  
  color: #000;
  background-color: #fff;
  border-color: #ddd;
  
}

a.list-group-item-info, button.list-group-item-info{
  color: #555 !important;
  
}

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover{
  background-color: #f5f5f5;
}

@media (max-width: 767px) {
#wb-right-col.pull-right {
    float: none!important;} 
}

.img-banner img {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

.img-banner {
	margin-top: 13px;
}

.thumbnail .caption {
  	padding: 0px!important;
}

.new-row.pull-right {
  clear:both;
}

/*temperary used*/
.span-2 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width: 25%;
}

@media (min-width:992px) {
  .span-2 {
    float: left;
  }
}

@media (max-width: 767px) {
#wb-right-col.float-right {
    float: none!important;} 
}

.float-right {
  float: right!important;
}