@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);
body {
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    color: #5b5b60;
    background-color: #FAFAFA;
}
a {
    color: #5b5b60;
}
    a:hover {
        color: #333;
    }
        .navbar {
    border-bottom: 1px solid #c8c7cc;
    background-color: #fff !important;
    color: #5b5b60;
}
.navbar .navbar-brand {
    color: #222;
    font-family: 'Raleway';
}
.navbar-dark .navbar-brand:hover {
    color: #222;
}
.navbar-nav .nav-link {
    color: #222;
    text-transform: uppercase;
    padding: 20px 12px;
    font-size:11px;
}
    .navbar-nav .nav-link:hover {
        background-color: #EDEDED;
    }
    .navbar-nav .nav-link .icons {
        color: #222;
        font-size: 17px;
        padding-right: 10px;
        float: left;
    }

.box-folder {
    border: 1px solid #dee2e6;
    background: #eee;
    margin-bottom: 15px;
}
    .box-folder:hover {
        background-color: #E0E0E0;
        border: 1px solid #007AFF;
    }
.box-file {
    border: 1px solid #dee2e6;
    margin-bottom:15px;
}
    .box-file:hover {
        border: 1px solid #007AFF;
    }
    .box-file .title {
        border-top: 1px solid #dee2e6;
        background: #eee;
    }
.nav .nav-item .fa {
    color: #007AFF;
}
.nav .nav-item:hover {
    background-color: #007AFF;
}
    .nav .nav-item:hover .fa, .nav .nav-item:hover a{
        color: #fff;
    }
.insert-btn {
    color: #007AFF;
    padding:5px 10px;
}