@font-face {
    /* To resolve this, add a mime-type mapping to the applications web.xml */
    font-family: 'arual';
    src: url("/javax.faces.resource/arual.ttf.xhtml?ln=fonts");
}

html {
    box-sizing : border-box;
    margin: 0;
    padding: 0;
}

nav .brand-logo {
    
    font-family: 'arual';
    font-weight: 600;
}

nav ul a:hover {
    background-color: #FFFFFF;
}

nav i {
    display: inline-block !important;
}
        
nav #hamburger {
    display: inline-block;
}

main {
    
    
}

.primary-color-text {
    color: #26c6da;
}

.primary-color {
    background-color: #26c6da;
}

.brand-name {    
    font-family: 'arual';
}

.input-field input + label, .materialize-textarea:focus:not([readonly]) + label {
    color: #9e9e9e !important;
}

.input-field input, .materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #9e9e9e !important;
    box-shadow: 0 1px 0 0 #9e9e9e !important;
}

.input-field input:focus + label, .materialize-textarea:focus:not([readonly]) + label {
    color: #00bcd4 !important;  /* cyan */
}

.input-field input:focus, .materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #00bcd4 !important;  /* cyan */
    box-shadow: 0 1px 0 0 #00bcd4 !important;  /* cyan */
}



footer p, footer h5 {
    margin: 0;
}

footer ul li {
    padding: 0.2em;
}


/* impostazioni di default da assegnare alle icone material */
.material-icons {    
    vertical-align: middle;
    padding-bottom: 3px;   
}

/* da aggiungere agli elementi della console OOOOOOOOOOOOOOOOOOOOOOH */
.material-icons-console {
    width: 2rem;
    font-size: 1.6rem;
}

.material-icons-right-margin {    
    margin-right: 1rem;
}

.k-text {
    text-transform: uppercase;
    font-size: 14px;
    /*outline: 0;*/
}

.k-list {
    border: 0;
}

.k-cursor {
    cursor: pointer;
}





/* rende valign-wrapper responsive */
.valign-wrapper {
    flex-wrap: wrap;
}

.halign-wrapper {
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    -ms-flex-pack: center;
    justify-content: center;
}

.background {
    background-image: url("/javax.faces.resource/3.jpg.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 100vh;
    background-size: cover;
}