body, #content, #nav, .page-content {
  background-color: #181818 !important;
  background-color: rgb(22, 33, 44) !important;
}

header {
    padding: 1rem 0;
}

/* Menu */
.dropdown-content li > a, .dropdown-content li > span {
    font-size: 16px;
    color: #26a69a;
    display: block;
    line-height: 22px;
    padding: 14px 16px;
    color: #666666;
    color: black !important;
    width: 300px;
}

.dropdown-content li > a:hover {
    color: white !important;
}


nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 55px;
    line-height: 55px;
}

nav ul a {
  color: #444444;
}

nav ul a:hover {
  background-color: #16a2d6;
  color: white;
}

.dropdown-trigger {
  color:blue !important;

}

.dropdown-trigger-menu {
  color:white !important;
}




.noscroll::-webkit-scrollbar {
  display: none;
}


/* ---- */

textarea.materialize-textarea {
    overflow-y: hidden;
    padding: 1rem 0;
    resize: none;
    min-height: 2rem;
}

.btn {
   color: white;
   padding-left: 20px;
   padding-right: 20px;
   background-color:#16a2d6; 
   height:45px; 
   padding-top:3px;
}

.btn:hover {
   color: white;
}


table.highlight > tbody > tr:hover  {
   background-color: #cfd8dc;
}
td {
   border-radius: 0;
}

html {
  font-family: "Segoe UI", Calibri, "Roboto", sans-serif;
  font-weight: normal;
}



input,
select,
textarea {
  color: white;
  font: inherit;
}

.dropdown-content {
 overflow-x: hidden;
}


.data {
   margin-top: 10px; 
   margin-bottom: 0;                       
   padding-left: 5%;
}


.margin {
   margin-top: 0; 
   margin-bottom: 0; 
}

.margin-label {
   margin-top: 5px; 
}

.row {
   padding: 0;
   margin: 0;
}

input[type=select]:disabled + label,
input[type=select]:disabled,
input[type=textarea]:disabled,
input[type=textarea] + label,
textarea.materialize-textarea:disabled + label, 
input[type=text] + label,
input[type=text]:disabled + label {
   color: grey;
}


textarea.materialize-textarea:disabled,
input[type=text]:disabled {
   color: #303030;
   color: #8c0000;
}

html {
  font-family: Calibri, "Roboto", sans-serif;
  font-weight: normal;
} 

a:hover, a:active {
    color: #23C5A0;
  color: blue;
}

a {
    color: rgb(40, 168, 127);
}

:focus {
    outline: none;
}

nav {
  color: #fff;
  background-color: #00695c;
  width: 100%;
  border-color: green;
}


.dashboard {
   background-color: #f4f4f4;
}


.nav-item {
   color:white !important;
}

textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid yellow;
  -webkit-box-shadow: 0 1px 0 0 yellow;
          box-shadow: 0 1px 0 0 yellow;
}

textarea.materialize-textarea:focus:not([readonly]) + label {
  color: yellow;
}

/* Selected Field Bottom Border */
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #ffb300;

  -webkit-box-shadow: 0 1px 0 0 #ffb300;
          box-shadow: 0 1px 0 0 #ffb300;
}

/* Selected Label */
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: rgba(255, 179, 0, 0.9) !important;
  color: white !important;
  margin:0;
  font-size: 18px !important;
  text-rendering: optimizeLegibility;
  justify-content: space-between;
  letter-spacing: 1px;
}

.shadow {
-webkit-box-shadow: 6px 7px 19px -8px rgba(0,0,0,0.63);
-moz-box-shadow: 6px 7px 19px -8px rgba(0,0,0,0.63);
box-shadow: 6px 7px 19px -8px rgba(0,0,0,0.63);
}


.openRow {
    background: url('../images/plus15.png') no-repeat center center;
    background-color: rgb(57, 64, 68) !important;
    cursor: pointer;
    padding-left: 30px !important;
}
.close {
    background: url('../images/details_close.png') no-repeat center center;
}