.smallImage {
	width:15%;
	padding-right:5px;
	padding-left:5px;
	cursor: pointer;
}

tallMast {
	width:50%; 
	height:50%; 
	display: block; 
	margin-left: 
	auto; margin-right: 
	auto; width: 50%;
}

.smallImageLeft {
	width:15%;
	float: left;
	padding: 0 10px 0 0;
	cursor: pointer;
}

.smallImageRight {
	width:15%;
	float: right;
	padding: 0 0 0 10px;
	cursor: pointer;
}

.notification {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px 15px;
  margin: 0;
  text-align: center;
  z-index: 1;
  color:white;
}

.arrowright {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.arrowleft {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

/* For the comments */
.text-danger {
	color:red;
	font-weight: bold;
}

.text-success {
	color: green;
	font-weight: bold;
}

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

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-body {
    padding: 15px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.counter{ 
	color:#000000;
	font-weight:bold;
}