body {
    margin: 0;
    /* padding-top: 2rem; */
}

.jumbotron {
    padding: 2rem 2rem;
}

.navbar-inverse {
    background-color:#0088CF;
}

.centered {
    float: none;
    margin: 0 auto;
}

.form-inline .form-control {
    width: 100%;
    line-height: 0;
}

.control-label {
    margin-bottom: 3px;
}

label {
    font-weight: 700;
}

.col-centered {
	margin: 0 auto;
}

/* CSS for page tabs */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #ccc;
}

.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.border-error {
	border-color: #EB1A1A;
}
.border-error:focus {
	border-color: #EB1A1A;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(235, 26, 26, 0.6);
}
.span-error {
	display: none;
	color: #EB1A1A;
	font-size: 10px;
}
.label-error {
	color: #EB1A1A;
}

.newlink {
	background-color: #F8F8F8;
	
	width: 100%;
	padding: 20px;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.custom-prepend {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}

.loading .spinner {
  width: 13px;
  height: 13px;
  background-color: #0088CF;
  
  display: inline-block;
  
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.loading {
	width: 25%;
	height: 20px;
	margin: 10px auto;
}
.loading .text {
	display: inline-block;
	font-size: 15px;
}

.errordisplay {
  width: 85%;
  height: 20px;
  line-height: 20px;
  margin: 10px auto 0 auto;
  font-size: 14px;
  color: #BD3301;
  font-weight: 500;
}
.successdisplay {
  width: 85%;
  height: 20px;
  line-height: 20px;
  margin: 10px auto 0 auto;
  font-size: 14px;
  color: #01BD16;
  font-weight: 500;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  /* essential for enabling glyphicon */
    content: "\f054";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f078";    /* adjust as needed, taken from bootstrap.css */
}

.table td, .table th {
	padding: .50rem;
}