body {
    font-family: 'Muli', sans-serif;
}

.form-signin {
    padding: 100px 20px;
    margin: 0 auto;
}

.form-signin h3,
.form-signin h4 {
    text-align: center;
}

.form-signin #title-login {
    margin-bottom: 3rem;
}

#mainNav {
    margin: 1.5rem 0;
    background-color: #2196f3;
    color: #ffffff;
    font-size: 1.5rem;
}

#mainNav .icon-bar {
    background-color: #ffffff;
}

#mainNav .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
#mainNav .dropdown-menu>li>a:hover,
#mainNav .dropdown-menu>li>a:focus {
    background-color: #ababab94;
}

angular-filemanager .navbar {
    background-color: #ffffff;
}

#mainNav .dropdown-menu {
    background-color: #2196f3;
}

angular-filemanager .breadcrumb a,
.breadcrumb>.active,
angular-filemanager .breadcrumb>li+li:before,
angular-filemanager .navbar .breadcrumb a,
angular-filemanager .navbar .btn.btn-flat {
    color: #2196f3;
}

angular-filemanager .navbar li a {
    color: #2196f3;
}

angular-filemanager .navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #ffffff;
}

#mainNav a {
    color: #ffffff;
}

#mainNav.navbar .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
}

#mainNav.navbar .navbar-brand {
    line-height: initial;
}


/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    #pdfpreview .modal-dialog {
        width: 70%;
    }
    #mainNav {
        font-size: 2rem;
    }
}


/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {}


/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}