body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }
      


a {
color: grey;
}

.modal.modal-fixed-footer .modal-content{
background-color:var(--PageBackground-color) !important; 
}

.modal.modal-fixed-footer {
  padding: 0;
  height: 100%;  
}

.modal{
background-color: var(--CardBackground-color);
border: 1px solid var(--CardBackground-color);
max-height:100%; 
}

@media only screen and (min-width: 601px) {
  nav.nav-extended .nav-wrapper {
   //overflow:hidden;
   max-height: 63px;
  }
 
}



@media only screen and (max-width: 992px) {
  .modal {
    width: 100%;
  }
}

.sidenav li > a > i {
margin : 0 0 0 0 !important; 
}

.row {
    margin-bottom: 0px;
}

nav i.icon-in-tab {
	margin-top:4px;
	display:inline-block;
	font-size: 22px; 
height: 24px;
line-height: 22px;
}

.btn-floating:hover {
  background-color: var(--Highlight-color) !important; 
}


.btn:hover, .btn-large:hover, .btn-small:hover {
  background-color: var(--Highlight-color) !important; 
}

.material-tooltip {
  padding: 4px 4px;
  font-size: 0.8rem;
  font-weight:bold;
  z-index: 2000;
  background-color: transparent;
  border-radius: 2px;
  color: #222;
  min-height: 24px;
  line-height: 120%;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
  background-color: #cccccc;
}

.dropdown-content{
background-color:#282727;
}

.dropdown-content li > a {
color:#d1d1d1;
}

.dropdown-content li > a, .dropdown-content li > span {
color:var(--Highlight-color);
}

nav ul a:hover {

    background-color: #4d4d4d;
}

.sidenav {
background-color: #282727;
border-right : 1px solid #b1b1b1;
}

.sidenav li > a {
color:#d1d1d1;
}

.sidenav li > a:hover {
background-color: #4d4d4d;
}


.tabs .tab a{
	
	font-size:12px;
	font-weight:500;
	line-height: 12px;
	letter-spacing: 1px;


}

.tabs.tabs-transparent .indicator {
    background-color: transparent;
}


.tabs .indicator {

    position: absolute;
    bottom: -1px;
    height: 8px;
    background-color: red;
    will-change: left, right;
    border-radius: 4px;
    width: 40px;
    //text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-top: 4px hidden white;
    border-bottom: 4px solid grey;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
	//visibility:hidden;

}




.tabs .tab a:focus, .tabs .tab a:focus.active {
  background-color: rgba(246, 178, 181, 0);
  outline: none;
}

.tabs .tab a:hover {

    background-color: transparent !important;
  
}

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 var(--Highlight-color);
  -webkit-box-shadow: 0 1px 0 0 var(--Highlight-color);
          box-shadow: 0 1px 0 0 var(--Highlight-color);
}

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: var(--Highlight-color);
}


/* Validation Sass Placeholders */
input.valid:not([type]), input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
  border-bottom: 1px solid var(--Highlight-color);
  -webkit-box-shadow: 0 1px 0 0 var(--Highlight-color);
          box-shadow: 0 1px 0 0 var(--Highlight-color);
}

.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid var(--Highlight-color);
}

.toast {
  background-color: var(--Highlight-color);
  }

@media only screen and (max-width: 600px) {
  #toast-container {
    //left: 5%;
    bottom: 28px;
	
    
	}
	
	.toast {
      border-radius: 2px !important;
	  width:95%;
	  margin-left:auto;
	  margin-right:auto;
  }
}
  
.page-footer  {
background-color: #222;
}

.page-footer .footer-copyright {
background-color: rgba(51, 51, 51, 0.5);
}

.modal-footer {
background-color: rgba(51, 51, 51, 0.5) !important;
}