@color-green-blue: #f2efe8;
@color-gray: #E1E3E4;
@color-water-blue: #b3c2bf;
@color-black: #3b3a36;

body {
    background-color: @color-gray !important;
}

.navbar-default {
    background-color: @color-water-blue !important;
    border: 0px;

    .navbar-brand {
        color: @color-black !important;
    }

        &:hover {
            color: @color-black !important;
        }

    .navbar-nav > li > a {
         color: @color-black !important;
    }
}

.panel-default {
    background-color: @color-green-blue !important;
    color: @color-black;
    border: 0px;

    .panel-heading {
        background-color: darken(@color-green-blue,20%) !important;
    }
}

.panel-footer {
    background-color: darken(@color-green-blue,20%) !important;
}


.panel-default-white {
    border:0px;
}

.form-control {
    background-color: transparent !important;
}

.pagination > li {
    a {
        background-color: transparent !important;

        &:hover, &:focus {
                background-color: #bbb !important;
        }
    }

    span {
        background-color: transparent !important;

         &:hover, &:focus {
                 background-color: #bbb !important;
        }
    }
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: @color-black !important;
}



.btn-default {
    background-color:transparent !important;
}

.footer {
    background-color: @color-black !important;
}

small, .small {
    font-size:90%;
}


.list-group-item {
    background-color: @color-green-blue !important;
    color:@color-black;
}

.list-group a.list-group-item:hover {
    background-color: saturate(@color-green-blue,60%) !important;
}

.list-group a.list-group-item.selected {
    border-left: 3px solid red;
    background-color: saturate(@color-green-blue,60%) !important;
}