/* The following line is a fix required by Angular-UI Bootstrap */
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

body {
  padding-top: 70px;
  background: #eff5fa !important;
  /*background-color: #e6f4f5 !important;*/
}

.unselectedbutton
{
    background-color:#d9d9d9;
}

.oldprimarybutton
{
    background-color:#2e6ea6;
}

.oldprimarybutton.active
{
    background-color:#2e6ea6;
}

.oldprimarybutton:hover
{
    background-color:#2e6ea6;
}

fieldset
{
	border: 1px solid #ddd !important;
	margin: 0;
	min-width: 0;
	padding: 10px;       
	position: relative;
	border-radius:4px;
	background-color:#f5f5f5;
	padding-left:10px!important;
}	

.tooltip-inner {
    white-space:pre-wrap;
}

hr {
    height: 2px;
    background-color:#555;
    margin-top: 20px;
    margin-bottom: 20px;
}

.panel-heading {
    cursor: pointer;
}

.eventpresent button span 
{
    padding: 2px;
    background-color: lightBlue;
    border-radius: 32px;
    color: black;
  }

.progress {
margin-bottom: 0px;
}

.allocated 
{
    width: 20%;
}

.told 
{
    width: 40%;
}

.accepted 
{
    width: 60%;
}

.reminded 
{
    width: 80%;
}

.confirmed 
{
    width: 100%;
}

.verticallycentretablecontents td
{
    vertical-align:middle !important;
}

.displaynone
{
    display: none;
}