@import "vendors/bootstrap.min.css";
@import "vendors/materialize.min.css";

* {
    margin: 0;
}

body,
html {
    margin: 0;
    padding: 0;
    min-height: 100%;
    min-width: 100%;
    background-color: #e0e0e0;
}

nav {
    padding: 0 1rem;
    width: 100%;
    height:64px !important; 
    background-color: white;
}
nav .brand-logo {
    color: #2196F3;
}
nav ul a {
    color: grey !important;
}
nav ul a:hover {
    background-color: rgba(0,0,0,0.1);
}

main {
    width: 100%;
    height: calc(100% - 64px);
}


/* ovveride material forms colors */
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #2196F3;
    -webkit-box-shadow: 0 1px 0 0 #2196F3;
    box-shadow: 0 1px 0 0 #2196F3;
}

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

.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color:  #6aaee6;;
}
.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
    background-color:  #6aaee6;;
}