@font-face {
    font-family: 'helveticaoblique';
    src: url('helvetica-oblique-webfont.eot');
    src: url('helvetica-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('helvetica-oblique-webfont.woff') format('woff'),
         url('helvetica-oblique-webfont.ttf') format('truetype'),
         url('helvetica-oblique-webfont.svg#helveticaoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

*:not(input, textarea) {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body * {
    font-family: inherit;
}

body {
    font-family: "helveticaoblique", sans-serif;
    background: url('/public/img/background.jpg') #101010 top center no-repeat;
}

.container {
    border-left: 0px solid #2d2d2d;
    border-right: 0px solid #2d2d2d;
    margin: 0 auto;
    overflow: auto;
    width: 770px;
}

.navbar-inner .container {
    height: 140px;
}

.brand {
    display: block;
    margin-top: 10px;
    margin-left: 0px;
    float: left;
}

.logout {
    float: right;
    display: block;
    color: white;
    text-decoration: none;
    margin-right: 10px;
    margin-top: 56px;
    font-size: 12px;
}

.login .logout {
    display: none;
}

form,
.files {
    /* background: #F8F8F8; */
}

form {
    font-size: 14px;
    padding: 20px;
}

form input {
    border: 1px solid #AAA;
    background: #FFF;
    padding: 5px;
}

.form-actions,
.control-group {
    margin-top: 20px;
}

.control-label {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 12px;
    display: block;
}

legend {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.btn {
    background: #AAAAAA;
    border: 0;
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px 10px;
    text-decoration: none;
}

.btn-toolbar {
    padding-left: 3px;
}

.item a,
.item a:visited,
.item a:hover,
.item a:active,
.item a:focus {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.item a:hover {
    color: #0088cc;
}

form {
    margin: 0;
}

.empty {
    color: #A5A5A5;
    margin-left: 58px;
}

.item .item > .name {
    padding-left: 30px;
}

.item .item .item > .name {
    padding-left: 40px;
}

.name {
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #E5E5E5;
    margin-top: 3px;
}

.item .name .expander {
    background: 0 -5px no-repeat;
}

.item.client > .name .expander {
    background-image: url('/public/img/icon.folder.png');
}

.item.project > .name .expander {
    background-image: url('/public/img/icon.folder.png');
}

.item.file > .name .expander {
    background-image: url('/public/img/icon.file.png');
}

.item.file > .name {
    background-color: #f2f2f2;
}

.item.file.jpg > .name .expander,
.item.file.jpeg > .name .expander,
.item.file.gif > .name .expander,
.item.file.png  > .name .expander {
    background-image: url('/public/img/icon.image.png');
}

.item.file.mov > .name .expander,
.item.file.avi > .name .expander,
.item.file.mp4 > .name .expander {
    background-image: url('/public/img/icon.video.png');
}

.item.file.mp3 > .name .expander {
    background-image: url('/public/img/icon.audio.png');
}

.name .expander {
    display: inline-block;
    font-size: 14px;
    font-style: oblique;
    line-height: 22px;
    min-height: 22px;
    padding-left: 38px;
    text-transform: uppercase;
}

.toolbar {
    opacity: 0;
    font-size: 14px;
    color: #AAA;
    float: right;
    margin-right: 10px;
}

.name:hover > .toolbar {
    opacity: 1;
}

.hide {
    display: none;
}

.alert {
    background: #DFF0D8;
    font-size: 14px;
    padding: 5px 10px;
    margin: 0 3px 3px;
}

.alert.alert-error {
    background-color: #DDD;
}