 <style>
        body {
            color: #222;
            background: #F7F7F7;
        }
        a {color: #214782}
        .filename, td, th {
            white-space: nowrap
        }
        .logo img {
            max-height: 28px;
            padding: 0;
	}
	.logo {
            color: #222222;
        }
	.logout {
            color: #717171;
        }
	.logout:hover {
	    color: #515151;
	}
        .btn-primary {
            color: #fff;
            background-color: #214782;
            border-color: #225097;
        }
        .btn-primary:hover, .btn-primary:active {
            color: #fff;
            background-color: #225097;
            border-color: #214782;
        }        
        .fa{
            font-weight: bold;
            margin-right: 2px;
        }
        .fa.fa-caret-right {
            font-size: 1.2em;
            margin: 0 4px;
            vertical-align: middle;
            color: #ececec
        }
        .fa.fa-home {
            font-size: 1.2em;
            vertical-align: bottom
        }
        .path {
            margin-bottom: 10px
        }
        .center, .close, .login-form {
            text-align: center
        }
        body.fm-login-page {
            background-color: #f7f9fb;
            font-size: 14px;
        }
        .fm-login-page .brand {
            overflow: hidden;
            margin: 0 auto;
            margin: 40px auto;
            margin-bottom: 5px;
            position: relative;
            z-index: 1;
        }
        .fm-login-page .brand img {
            width: 100%;
        }
        .fm-login-page .card-wrapper {
            width: 360px;
        }
        .fm-login-page .card {
            border-color: transparent;
            box-shadow: 0 4px 8px rgba(0,0,0,.05);
        }
        .fm-login-page .card-title {
            margin-bottom: 1.5rem;
            font-size: 24px;
            font-weight: 300;
            letter-spacing: -.5px;
        }
        .fm-login-page .form-control {
            border-width: 2.3px;
        }
        .fm-login-page .form-group label {
            width: 100%;
        }
        .fm-login-page .btn.btn-block {
            padding: 12px 10px;
        }
        .fm-login-page .footer {
            margin: 40px 0;
            color: #888;
            text-align: center;
        }
        @media screen and (max-width: 425px) {
            .fm-login-page .card-wrapper {
                width: 90%;
                margin: 0 auto;
            }
        }
        @media screen and (max-width: 320px) {
            .fm-login-page .card.fat {
                padding: 0;
            }
            .fm-login-page .card.fat .card-body {
                padding: 15px;
            }
        }
        .inline-actions > a > i {
            font-size: 1em;
            margin-left: 5px;
            background: #3785c1;
            color: #fff;
            padding: 3px;
            border-radius: 3px
        }
        .filename {
            max-width: 420px;
            overflow: hidden;
            text-overflow: ellipsis
        }
        li.file:before, li.folder:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f016";
            margin-right: 5px
        }
        li.folder:before {
            content: "\f114"
        }
        i.fas.fa-folder {
            color: #eeaf4b
        }
        i.far.fa-file {
            color: #999999
        }
        i.far.fa-file-alt {
            color: #0096e6
        }
        .footer-action li {
            margin-bottom: 10px;
	}
    </style>
