@import url(https://fonts.googleapis.com/css?family=Nunito);.display-none {
  display: none;
}

#__bs_notify__ {
  top: auto !important;
  bottom: 0px;
  right: auto !important;
  left: 0px;
}

ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

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 #cf7341;
  -webkit-box-shadow: 0 1px 0 0 #cf7341;
  box-shadow: 0 1px 0 0 #cf7341;
}

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: #cf7341;
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
  border: 2px solid #cf7341;
  background-color: #cf7341;
}

.btn,
.btn-large,
.btn-small {
  background-color: #cf7341;
}

.btn:hover,
.btn-large:hover,
.btn-small:hover {
  background-color: #dd9a73;
}

.navbar-laravel {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.invalid-feedback {
  color: #e3342f;
}

.btn:focus,
.btn-large:focus,
.btn-small:focus,
.btn-floating:focus {
  background-color: #dd9a73;
}

.button-reset {
  border-color: transparent;
  border-width: 0px;
  padding: 0px;
  background: none;
  display: inline-block;
  width: auto;
}

.form-inline {
  display: inline-block;
}

button:focus {
  outline: none;
  background-color: #dd9a73;
}

.margin-bottom-none {
  margin-bottom: 0px;
}

.row {
  margin-bottom: 0px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-top-60 {
  margin-top: 60px;
}

.errorToast {
  background-color: #e3342f;
  color: white;
}

.successToast {
  background-color: #38c172;
  color: white;
}

#app .btn input {
  display: block;
  height: 100%;
  color: white;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
}

.red-text {
  color: #e3342f;
}

/*** Header ***/

.main-nav {
  background-color: white;
}

nav .brand-logo {
  height: 100%;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

nav a {
  color: #3e4251;
}

nav ul a {
  color: #5e5e5e;
}

.brand-logo img {
  height: 40px;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.form-box {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

h2 {
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: 15px;
}

h3 {
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 15px;
}

header,
main,
footer {
  -webkit-transition: width 200ms ease;
  transition: width 200ms ease;
}

nav .sidenav-trigger {
  position: absolute;
}

@media only screen and (max-width: 992px) {
  nav .brand-logo {
    left: auto;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

