body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 300px;
}




    input#Identification, #Identification0, #Identification1, #Identification2, #Identification3, #Identification4, #Identification5, #Identification6, #Identification7, #Identification8, #Identification9 {
        max-width: 570px;
    }
/*These will break the theme if changed from Cyborg so will need to be removed if the theme is to be changed permanently.*/

/*table.dataTable {
  background-color: #080808;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #080808;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #171717;
}
select.form-control {
    background-color: #080808;
}*/

/*this is for hiding unwanted elements when printing a webpage*/
@media print {
    input[type="search"], a, button, .glyphicon {
        visibility: hidden;
    }
}
/*To customise the browse button on a input file upload*/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
div#demonstrations {
    background-image: url('~/Content/Images/NewStart.jpg');
      background-repeat: no-repeat;
      background-position: left top;
      padding-top:68px;
      margin-bottom:50px;

}
/*This appears to have no effects I've had to edit the actual bootstrap css*/
table a:not(.btn), .table a:not(.btn) {
    color: #2a9fd6;
}
.navbar-inverse {
    background-color: white;
    color: #00a8e2;
}
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
        color: #00a8e2;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #00a8e2;
    }
    .navbar-inverse .navbar-brand {
        color: #00a8e2;
    }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        color: #00a8e2;
        background-color: transparent;
    }


.checkbox-inline {
        float:left;
        margin-top: 0px;

    }

.olive {
    color:olive;
}

.purple {
    color:purple
}

.green {
    color:green;
}
.btn-danger {
    background-color: #DE0080;
    color: #FFF;
    border-color: #2F3E48;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-danger {
    background-color: #DE0030;
    color: #FFF;
    border-color: #31347B;
}
.btn-info {
    background-color: #4DB7EF;
    color: #FFF;
    border-color: #2F3E48;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-info {
    background-color: #3DB7EF;
    color: #FFF;
    border-color: #31347B;
}
.btn-warning {
    background-color: #EFB50E;
    color: #FFF;
    border-color: #2F3E48;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-warning {
    background-color: #EFB53E;
    color: #FFF;
    border-color: #31347B;
}
.btn-primary {
    background-color: #6A7887;
    color: #FFF;
    border-color: #2F3E48;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-primary {
    background-color: #6A7891;
    color: #FFF;
    border-color: #31347B;
}

.lds-ring {
   display: inline-block;
   position: relative;
   width: 80px;
   height: 80px;
}

   .lds-ring div {
      box-sizing: border-box;
      background-color :cornflowerblue;
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      margin: 8px;
      border: 8px solid #fff;
      border-radius: 50%;
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: black transparent transparent transparent;
   }

      .lds-ring div:nth-child(1) {
         animation-delay: -0.45s;
      }

      .lds-ring div:nth-child(2) {
         animation-delay: -0.3s;
      }

      .lds-ring div:nth-child(3) {
         animation-delay: -0.15s;
      }

@keyframes lds-ring {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

.hidden-element {
	 display: none;
}