*:active, *:focus {
    outline: none;
}

/* Add here all your css styles (customizations) */
.wrapper, .header {
    background: none;
    border: 0;
}

.header .navbar-nav > li > a {
    font-weight: bold;
}

.breadcrumb {
    border: 0;
    list-style: outside none none;
    margin: 0 0 15px 0;
    padding: 7px 14px;
    width: 100%;
}

.list-group {
    margin: 0;
}

.list-group-item a {
    font-weight: bold;
}

.list-group-item.active a {
    background-color: #3498db;
}

.list-group-item ul li a {
    font-weight: normal;
}

.list-group-item i {
    color: #3498db;
}

.summary {
    color: #a0a0a0;
    float: right;
}

ul.sorter {
    display: inline-block;
    padding-bottom: 7px;
    padding-left: 5px;
    float: left;
}

.sorter li {
    display: inline-block;
}

.sorter a {
    border-bottom: 1px dashed #22b5cd;
    color: #22b5cd;
    margin: 0 5px;
    position: relative;
}

.sorter a:hover {
    border-bottom: 1px dashed #42cae0;
    color: #42cae0;
    cursor: pointer;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings', serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding: 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";
}

div.required label.control-label:before {
    content: "* ";
    color: red;
}

.ribbon {
    position: absolute;
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 24px;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    left: -6px;
    top: 7px;
    z-index: 2;
}

.ribbon:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    top: -6px;
}

.ribbon:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    top: 0;
    right: -14px;
}

.ribbon > span {
    padding: 0 5px;
    font-size: 14px;
    font-family: MuseoRegular, Arial, sans-serif;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}

.ribbon-green {
    background: #79A70A;
}

.ribbon-green::before {
    border-bottom: 6px solid #55790A;
}

.ribbon-green::after {
    border-left: 15px solid #79A70A;
}

.ribbon-red {
    background: #da0404;
}

.ribbon-red::before {
    border-bottom: 6px solid #a30808;
}

.ribbon-red::after {
    border-left: 15px solid #da0404;
}

.ribbon-blue {
    background: #2989d8;
}

.ribbon-blue::before {
    border-bottom: 6px solid #14455b;
}

.ribbon-blue::after {
    border-left: 15px solid #2989d8;
}

.ribbon-orange {
    background: #e88e05;
}

.ribbon-orange::before {
    border-bottom: 6px solid #8F5408;
}

.ribbon-orange::after {
    border-left: 15px solid #e88e05;
}

.clear {
    clear:both;
    font-size:0;
    height:0;
    overflow:hidden;
}
.clear-small {
    clear:both;
    font-size:1px;
    height:5px;
    overflow:hidden;
}

.clear-medium {
    clear: both;
    font-size: 1px;
    height: 10px;
    overflow:hidden;
}
.clear-big {
    clear: both;
    font-size: 1px;
    height: 15px;
    overflow:hidden;
}