/* Main */
body {
  background: -webkit-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* W3C */
}
.modal {
    width: 25%;
}
h3 {
    color: #fff;
}
form {
    padding: 0px !important;
}

/* Navbar & Landing Page */
nav {
    background-color: #fff;
}
nav ul a {
    color: #26a69a;
}
nav .input-field label i {
    color: #fff !important;
}
.logo:before {
    content: url(/css/images/ares.png);
}
.logo {
    content: url(/css/images/ares.png);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 300px;
}
@-moz-document url-prefix() {
    .logo:before {
        content: url(/css/images/ares2.png);
    }
}
.login-panel {
    overflow: auto;
    margin-top: 30%;
}
.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-weight: bold;
}

.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    font-weight: bold;
}
.logout {
    font-weight: 500;
    color: #26a69a;
    margin: 0px;
}

/* Misc~ */
.input-field .prefix {
    line-height: 45px !important;
    width: auto !important;
    color: #26a69a !important;
}
.collapsible-body {
    background-color: #fff;
}
.generate {
    margin-bottom: 20px;
}
td input {
    margin: 0px !important;
}
.dropdown-content li {
    line-height: 1rem !important;
}

/* Search Styling */
.input-field input[type=search]:focus + label i{
    color: #26a69a !important;
}
.input-field input[type=search]:focus{
    background-color: #fff !important;
}
.input-field input[type=search] {
    background-color: #26a69a !important;
    margin-top: 20px;
}

/* Added carets for sorting tables */
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}

/* Striped colouring for table - second color */
table.striped>tbody>tr:nth-child(odd) {
    background-color: #e9f6f4 !important;
}
[type="checkbox"]+label:before {
    margin-top: 6px !important;
}

/* Fixed materialize not displaying prefix icon correctly on select inputs */
.input-field .prefix ~ input, .input-field .prefix ~ textarea , .input-field .prefix ~ div.select-wrapper {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem); 
}

/* Material Design Icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url('/font/material-design-icons.woff') format('woff'), url('/font/material-design-icons.woff2') format('woff2'), url('/font/material-design-icons.eot') format('eot'), url('/font/material-design-icons.ttf') format('ttf');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}