@font-face {
  font-family: 'FontAwesome';
  src: url('../../lib/font-awesome-4.4.0/fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../../lib/font-awesome-4.4.0/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../../lib/font-awesome-4.4.0/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../../lib/font-awesome-4.4.0/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../../lib/font-awesome-4.4.0/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../../lib/font-awesome-4.4.0/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


html, body{
    padding:0;
    margin:0;
    color:#333;
    background:#fff;
}

body{
    font-family:Aria,Helvetica,sans-serif;
    font-size:0.9em;
}

a{
text-decoration:none;
}

a:hover, a:focus{
    text-decoration:underline;
}

header, #main, footer{
    max-width:1200px;
    margin:1em auto;
}

#main{
    margin:2em auto;
}


header{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;    
}

header:before{
    content:"";
    background:url("logo.svg") left top no-repeat;    
    background-size:contain;
    width:150px;
    height:150px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display:block;
}

header div{
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}


header h1{
    color:#002B67;
    margin:0;
    padding:0;
    font-weight:normal;
    text-align:center;
}

header p{
    margin:0;
    padding:0;
}

header p a{
    color:#999;
}


h2{
    display:none;
}

.breadcrumb{
    margin:1em 0.56em;
    font-size:0.9em;    
    color:#aaa;
}

.breadcrumb > a{
    color:#999;
    text-decoration:none;
}

.breadcrumb > a:first-child:before{
    font-family:FontAwesome;
    content:"\f0c2";
    display:inline-block;
    vertical-align:baseline;
    font-size:1.3em;
    margin-right:0.3em;
}

ul.objects{
    list-style-type:none;
    margin:0;
    padding:0;
}

ul.objects li{
    margin:0;
    padding:0.3em 0.5em;
    overflow:hidden;
}


ul.objects li:nth-child(odd){
    background:#f6f6f6;
}

ul.objects li:hover{
    background:#eee;
}

ul.objects a{
    color:#002B67;
    float:left;
}

ul.objects span{
    float:right;
    width:10em;
    text-align:right;
}




ul.objects .folder a:before{
    font-family:FontAwesome;
    content:"\f07c";
    display:inline-block;
    vertical-align:baseline;
    font-size:1.3em;
    margin-right:0.3em;
    color:#FDD300;
}

ul.objects .file a:before{
    font-family:FontAwesome;
    content:"\f15b";
    display:inline-block;
    vertical-align:baseline;
    font-size:1.3em;
    margin-right:0.3em;
}

.auth-form{
    text-align:center;
    margin:2em auto;
}

.auth-form p{
    margin:0.6em 0;
}

.auth-form .error{
    color:#f00;
}

.auth-form input, .auth-form button{
    text-align:center;
    font-family:inherit;
    font-size:inherit;
    padding:0.3em 0.5em;
    border:1px solid #eee;
    background:transparent;
}



footer{
    font-size:0.9em;
    color:#aaa;
    text-align:center;
}