@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/material-design-icons/MaterialIcons-Regular.eot"); /* For IE6-8 */
    src: local('Material Icons'),
         local('MaterialIcons-Regular'),
         url("../fonts/material-design-icons/MaterialIcons-Regular.woff2") format('woff2'),
         url("../fonts/material-design-icons/MaterialIcons-Regular.woff") format('woff'),
         url("../fonts/material-design-icons/MaterialIcons-Regular.ttf") format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

@font-face {
    font-family: 'Norwester';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/norwester/norwester.eot"); /* For IE6-8 */
    src: local('Norwester'),
         url("../fonts/norwester/norwester.woff2") format('woff2'),
         url("../fonts/norwester/norwester.woff") format('woff'),
         url("../fonts/norwester/norwester.ttf") format('truetype');
}

h1.brand-logo {
    color: #039BE5;
    font-size: 2.1rem;
    padding: 0;
    white-space: nowrap;
}

.ghostbox-logo {
    font-family: 'Norwester';
}

input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #039BE5 !important;
    box-shadow: 0 1px 0 0 #039BE5 !important;
}

input:focus:not([type]):not([readonly]) + label, input[type="text"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="date"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #039BE5 !important;
}

.input-field .prefix.active {
    color: #039BE5 !important;
}

.collapsible-body h5 {
    padding-left: 2rem;
}

.collapsible-body p {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.collapsible-body .collection .collection-item {
    padding-left: 2rem;
    padding-right: 2rem;
}

.collapsible-body table tr:last-child {
    border-bottom: none;
}

.collapsible-body .row {
    margin-bottom: 0;
}

.nav-wrapper .right {
    padding-right: 15px;
}

.nav-wrapper .left {
    margin-left: 15px;
}

.nav-wrapper i.material-icons {
    display: inline-block;
    vertical-align: top;
}

.input-field .s12 input[type="submit"] {
    width: 100%;
    height: 100%;
}

/* Custom form errors */
.form span.custom-error {
    font-size: 0.8em;
    color: red;
    position: absolute;
    left: 56px;
    bottom: -5px;
}

input.custom-error {
    border-bottom: 1px solid red;
}

.text-small {
    font-size: 14px;
}