
nav .brand-logo {
  color: #f5f5f5 !important;
}

.zoib-color-blue {
  background-color: #4285f4;
}

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 #4285f4;
    -webkit-box-shadow: 0 1px 0 0 #4285f4;
    box-shadow: 0 1px 0 0 #4285f4;
}

input:not([type]):focus.valid ~ label, input[type=text]:not(.browser-default):focus.valid ~ label, input[type=password]:not(.browser-default):focus.valid ~ label, input[type=email]:not(.browser-default):focus.valid ~ label, input[type=url]:not(.browser-default):focus.valid ~ label, input[type=time]:not(.browser-default):focus.valid ~ label, input[type=date]:not(.browser-default):focus.valid ~ label, input[type=datetime]:not(.browser-default):focus.valid ~ label, input[type=datetime-local]:not(.browser-default):focus.valid ~ label, input[type=tel]:not(.browser-default):focus.valid ~ label, input[type=number]:not(.browser-default):focus.valid ~ label, input[type=search]:not(.browser-default):focus.valid ~ label, textarea.materialize-textarea:focus.valid ~ label {
    color: #3f7ee7;
}

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: #4285f4;
}

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 #3f7ee7;
    -webkit-box-shadow: 0 1px 0 0 #3f7ee7;
    box-shadow: 0 1px 0 0 #3f7ee7;
}

.input-field .prefix.active{
  color:#4285f4;
}

.btn, .btn-large, .btn-small {
    background-color: #4285f4;
    color: #f5f5f5 !important;
}

.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #6696f5;
    color: #f5f5f5 !important;
}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
    background-color: #3f7ee7;
    color: #f5f5f5 !important;
}

.pointer {
    cursor: pointer;
}

#loader {
    position: absolute;
    top: 64px;
    width: 100%;
    height: calc(100% - 64px);
    background: #f6f6f6;
    z-index: 2000;
    visibility: visible;
    transition: all 0.7s linear;
    display: block;
    opacity: 1;
}

#loader .preloader-wrapper {
    width: 105px;
    height: 105px;
    display: inherit;
    top: calc((100% / 2) - (105px / 2));
    margin-left: auto;
    margin-right: auto;
}

.nav-wrapper img {
    margin-left: 4px;
    margin-top: 4px;
}

.row {
  margin-bottom: 8px;
}

#message-error {
  margin-top: 8px;
  margin-bottom: 8px;
  color: #e57373;
  text-align:center;
}

#message-info {
  margin-top: 16px;
  margin-bottom: 8px;
  color: #00c853;
  text-align:center;
}

.change-min {
  min-width: 400px;
}

.actions-list a {
  color: #4285f4;
}

.action-button.active {
  text-decoration-line: underline;
}

.password-input .password-show-button {
  position: absolute;
  top: 18px;
  right: 20px;
  z-index: 3;
  opacity: .5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.password-input .password-show-button:hover {
  opacity: .87;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

@media (max-width: 600px) {
  .change-min {
    min-width: 200px;
  }
}
