nav ul {
    padding-top: 0px;
}
.smart-style-2 #header, .smart-style-2 .page-footer, .smart-style-2 .superbox-show {
    background-color: #0477EA;
}

#logo {
    color: white;
    /*margin-left: 150px;*/
    font-size: 15px;
    font-weight: bold;
    /*width: 375px;*/
    width: 100%;
    margin-top: 13px;
    margin-left: 100px;
}


@media (max-width: 992px) {
    #header > :first-child, aside {
        width: 250px !important;
    }
}

@media (min-width: 992px) {
    #header > :first-child, aside {
        width: 500px !important;
    }
}

@media (max-width: 640px) {
    #guiContent.row {
        margin-left: 0;
        margin-right: 0;
    }

    .container-fluid,
    div[role='content'] {
        padding-left: 0;
        padding-right: 0;
    }

    div[role='content'] {
        border:none;
    }
}

@media (max-width: 480px) {
    #header > :first-child, aside {
        width: 180px !important;
    }

    #guiContent.row {
        margin-left: 0;
        margin-right: 0;
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
    .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
    .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
    .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
    .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
    .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,
    .container-fluid,
    div[role='content'] {
        padding-left: 0;
        padding-right: 0;
    }

    div[role='content'] {
        border:none;
    }
}

#usernameHead {
    color: white;
    margin-top: 10px;
}

#searchHead {
    color: white;
    margin-top: 10px;
}

.jarviswidget-color-blue > header {
    /*background: #0477EA;*/
    background: #4A4A4A;
    color: #FFF;
}
#lettres {
    text-align: center;
}
#lettres>span {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 5px;
}
#lettres>span button{
   background: #3e96ea;
    color: white;
    width: 40px;
    height: 40px;
    font-weight: bold;
    border-radius:50%;
}
#lettres>span.selectedLetter button{
    background: #2846ea;
}


#lettres>span button:hover{
  border-bottom: 3px solid #666;
}
.breadcrumb > li + li:before {
    content: ">";
    padding: 0 5px;
    color: #ccc;
}
.breadcrumb li:last-child {
   font-weight: bold;
}