.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #32d69f;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}




.tab-content {
  width: 100%;
  display: none;
}

.tab-content.active {
  display: block;
}


.title-wrapper {
overflow: hidden;
padding: 0;
width: 100%;
}

.title {
background-color: #211f2f1f;
color: black;
font-family: 'Droid Sans';
font-weight: bolder;
padding-top: 8px;
padding-left: 3ch;
padding-bottom: 8px;
position: relative;
text-align: center;
padding-right: 40px;
transform-origin: top left;
transform: skew(-26.5deg);
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
width: calc(100% + 1.5ch)
}

.title span {
display: inline-block;
transform: skew(26.5deg);
}

.title::before {
position: absolute;
content: "";
width: 1.5ch;
height: 100%;
display: block;
left: 0;
top: 0;
background-color: #211f2f1f;
border-right: 3px solid white;
}

.title::after {
position: absolute;
content: "";
width: 1.5ch;
height: 100%;
display: block;
right: 0;
top: 0;
background-color: #211f2f1f;
border-left: 3px solid white;
}

div{
  font-family: 'Droid Sans';
}

@import url(https://fonts.googleapis.com/css?family=Droid+Sans);

#myTable{
  background-color: #86c7bd4d;
}

#myTable th{
  font-weight : bold;
  background-color: #138573;
  color: white;
}

/* Heading Shadow */
.emboss {
  color: rgba(0,0,0,0.6);
  text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
               0px -5px 16px rgba(255,255,255,0.3);
}

.navbar-nav{
  margin: 0;
}

li.active{
  border: 1px solid #138573;
}

.vertical-alignment-helper {
	display:table;
	height: 100%;
	width: 100%;
	pointer-events:none;
}
	
.vertical-align-center {
	/* To center vertically */
	display: table-cell;
	vertical-align: middle;
	pointer-events:none;
}

.modal-content {
	/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	/* width:inherit; */
	width: 85vmin;
	max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching 
	full width */
	height:inherit;
	/* To center horizontally */
	margin: 0 auto;
	pointer-events:all;
}

.modal-header{
	background: #c72828;
    color: white;
	text-align: center;
}

.modal-body{
	font-style: oblique;
	font-weight: bold;
	text-align: center;
}