html {
    position: relative;
    min-sheight: 100%;
}

body {
    height: 100%;
    margin-bottom: 60px;  
}

html, body, p, h1,h2,h3,h4,a {
    font-family: 'Roboto', sans-serif !important;
}

footer {
/*    background-color: #607D8B;
    position: absolute;
    bottom: 0;
    top: 100%;
    width: 100%;
    height: 80px;*/
}



a:hover{
    text-decoration: none;
}

/** Color Base **/
.dark-primary-color    { background: #616161; }
.default-primary-color { background: #9E9E9E; }
.light-primary-color   { background: #F5F5F5; }
.text-primary-color    { color: #212121; }
.accent-color          { background: #607D8B; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #727272; }
.divider-color         { border-color: #B6B6B6; }

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}