html,
body {
    height: 100%;
    font-family: 'Muli', sans-serif;
}
h1, h2 {
    /*font-family: 'Advent Pro';*/
    /*font-family: 'Josefin Sans';*/
    font-family: 'Rokkitt';
    font-weight: bold;
}

section {
    border-bottom: rgb(103,153,204) solid 2px;
}

.fontDecor {
    /*font-family: 'Advent Pro';*/    
    /*font-family: 'Josefin Sans';*/
    font-family: 'Rokkitt';
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.logo {
    margin-top: -30px;
    float:left;
}

nav.navbar {    
    border-top: 15px solid rgba(239,239,239,1);
}

.backgroundcolor{
    background-color: #efefef;
}

.bg-primary{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444749+0,e2e2e2+29,a0a0a0+48,b7b7b7+75,757575+97 */
    /*background: rgb(68,71,73);  Old browsers 
    background: -moz-linear-gradient(-45deg,  rgba(68,71,73,1) 0%, rgba(226,226,226,1) 29%, rgba(160,160,160,1) 48%, rgba(183,183,183,1) 75%, rgba(117,117,117,1) 97%);  FF3.6-15 
    background: -webkit-linear-gradient(-45deg,  rgba(68,71,73,1) 0%,rgba(226,226,226,1) 29%,rgba(160,160,160,1) 48%,rgba(183,183,183,1) 75%,rgba(117,117,117,1) 97%);  Chrome10-25,Safari5.1-6 
    background: linear-gradient(135deg,  rgba(68,71,73,1) 0%,rgba(226,226,226,1) 29%,rgba(160,160,160,1) 48%,rgba(183,183,183,1) 75%,rgba(117,117,117,1) 97%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444749', endColorstr='#757575',GradientType=1 );  IE6-9 fallback on horizontal gradient 
    color : #333;*/

}

.jumbotron img{
    /*    border: 10px solid #afafaf;
        padding: 20px;
        -webkit-box-shadow: 0px 10px 25px 10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 10px 25px 10px rgba(0,0,0,0.75);
        box-shadow: 0px 10px 25px 10px rgba(0,0,0,0.75);
        background-color: #fff;*/
    max-width: 100%;
    height: auto;
}

#message{
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
}

.alert-box{
    padding-top: 100px;
}


.headerblock{
    background-color:  #f5f5f5;
}
.datablock{
    background-color: #fff;
}