﻿:root {
    --input-color: #333;
    --btn-color: #333;
    --nav-color: #333;
    --panel-color: #777;
}

nav {
    background-color: var(--nav-color);
}
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
    color: white;
}

.btn_color {
    background-color: var(--btn-color);
}
.current {
    background-color: var(--btn-color) !important;
    color: white;
}
.previous, .next {
    color: var(--btn-color);
}

.panel_color {
    background-color: var(--panel-color);
}

.btn, .btn-large, .btn-small {
    background-color: var(--btn-color);
}

.dt-button.buttons-excel {
    background: var(--btn-color);
    border: none;
    color: white;
    padding: 8px 12px;
}

.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #323232;
}

  .row .col.offset-m15 {
    margin-left: 12.5%;
  }
  nav .nav-wrapper {
      padding-left: 50px;
    padding-right: 50px;
    }
.btn-flat, .btn-flat:hover {
    box-shadow: none;
    background-color: transparent;
    color: #343434;
    cursor: pointer;
    transition: background-color 0.2s;
}

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(--input-color);
    box-shadow: 0 1px 0 0 var(--input-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(--input-color);
    }

[type="checkbox"]:checked + span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid var(--btn-color);
    border-bottom: 2px solid var(--btn-color);
    transform: rotate(40deg);
    backface-visibility: hidden;
    transform-origin: 100% 100%;
}

.red {
    background-color: #ee6e73 !important;
}

.green {
    background-color: #5eb562 !important;
}
.orange {
    background-color: #f5ad41f0 !important;
}

.modal-size-m {
    width: 704px;
    height: 380px;
}

.modal-size-l {
    width: 900px;
    height: auto;
}

label.select-browser-default {
    color: black;
    text-align: left;
    display: block;
    margin-bottom: 7px;
}

.modal-space-blank {
    height: 95px;
}