body {
    font-size:10pt;
    font-family:Ubuntu, sans-serif;
    margin-bottom: 60px; /* Margin bottom by footer height */
}

h1 {
  font-size:2em;
}

h2 {
  font-size:1.8em;
}

h3 {
  font-size:1.6em;
}

h4 {
  font-size:1.4em;
}

h5 {
  font-size:1.2em;
}

h6 {
  font-size:1.0em;
}


a.btn-link, a {
  color:#990000;
}


/* nav */

nav {
  font-size:1.1em;
}

.navbar-nav a.nav-link, a.dropdown-item {
  font-size:1em;
}

a.navbar-brand {
  font-size:1.4em;
}


.navbar.navbar-expand-md.navbar-light.fixed-top {
    /*background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);*/

background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);    /*background-color:#8F0D0D;*/
    /*background-color:#FFFF7F;*/
    /*background-color:#581845;*/
    /*background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);*/
}

.navbar.navbar-expand-md.navbar-light.fixed-top a {
    color:#fff;
    /*color:#FFA3A3;*/
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

a.nav-link:hover {
  /*background-color:#093f20 !important;*/
  background-color:#9B2C00 !important;
  color:#fff !important;
}

li a.btn.btn-secondary.nav-link:hover {
    background-color:#093f20 !important;
}

#roles_menu, #studyprotocol_menu {
/*  background-color:#093f20;
  color:#fff !important;
*/  background-color: #B52626 !important;
  color:#fff;
}

#roles_menu a, #studyprotocol_menu a {
  color:#fff;
}

/* end Nav */

.btn-primary {
  background-color: #8F0D0D;
  border-color:#8F0D0D;
  font-size:1.1em;
/*  background-color: #00ac65;
  border-color: #00ac65;
*/}

.btn-secondary {
  font-size:1.0em;
}

table thead tr th a {
  color:#000;
}

table thead tr th {
  /*white-space: nowrap;*/
  border-right: thin solid #d2d2d2;
  background-color:#c2c2c2;
}

table tbody tr td {
  border-right:thin solid #d2d2d2;
}

ul.pagination {
    margin-top:2px;
}

ul.pagination li.active span {
    background-color:#f2f2f2;
    color:#000;
}

#fixedtable th, td { 
    white-space: nowrap; 
}

div.dataTables_wrapper {
    margin: 0 auto;
}

.dataTables_filter {
  display: none; 
}


/* Cards */

.card {
  border-color:#b49fda;
  /*border-color:#D34747;*/
  /*border-color:#8F0D0D;*/
  /*border-color: #00c195;*/
}

.card-header {
  background-color: #D34747;
  /*background-color:#8F0D0D;*/
  /*background-color: #00c195;*/
  border-color:#D34747;
  /*border-color: #00c195;*/
  font-weight:bold;
}


.card.dashboard > .card-header {
  background-color: #fff;
}

.card.secondary {
  border:thin solid #ccc;
}

.card.secondary .card-header {
    background-color: #ccc;
    border: thin solid #ccc;
}

.card.secondary .card-body {
  border:thin solid #ccc;
}

h3.card-title {
  margin-bottom:0px;
  font-weight:bold;
}

#yourroles {
  border-color:none;
}

#yourroles .list-group .btn {
  background-color:#fff;
  color:#671D00;
  border:none;
}

.innercard-header, .innercard-header h5 {
/*  background-color:#093f20;
  color:#fff !important;
*/}
/* end cards */


/* Forms */

.form-control, label, button {
  font-size:1.2em;
}


/* end forms */


/* worklist */
table#worklist {
  width:100%;
}
#worklistcard .card-header {
  background-color:#fff;
}

#worklistcard .card-header {
  padding:.5em;
}

@media screen and (max-width: 992px) {
    table#worklist {
        /*overflow-x:auto;*/
    }
}

table#worklist a {
  color:#9B2C00;
}

table#worklist td {
  word-wrap: break-word;
}

div#worklist table thead tr th {
  border-right: thin solid #d2d2d2;
  background-color:#fff;
}

}
/* end worklist */

#currole {
  color:#fff;
}

/* Form */

form {
  font-size:.9em !important;
}
/*fieldset {
 border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;  
}

fieldset legend {
     font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
}*/
/* end Form */

.lbl {
  font-weight:bold;
}