/* Breadcrumb Bar Styles */

#breadCrumb {
    float: left;
    display: block;
    height: 30px;
    overflow: hidden;
    width: calc(100% - 40px);
    background: #FFFFFF;
}

#breadCrumb ul {
    margin: 0;
    padding: 0;
    height: 30px;
    display: block;
}

#breadCrumb ul li {
    display: block;
    float: left;
    position: relative;
    height: 30px;
    overflow: hidden;
    line-height: 36px;
    margin: 0px 6px 0px 0;
    padding: 0px 10px 0px 0;
}

#breadCrumb ul li a {
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    float: left;
}

#breadCrumb ul li a img {
    vertical-align: middle;
    margin-right: 2px;
}

#breadCrumb ul li.last {
    background: none;
    margin-right: 0;
    padding-right: 0;
}

.bookmarkButtonImage .btn {
    min-width: 40px;
}
.bookmarkButtonImage {
    float: right;
    width: 40px !important;
    height: 30px !important;
}

.bookmarkEmptyList {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.moduleIcons {
    float: right;
    min-width: 84px;
}

.moduleBookmarkDetailsImage {
    background-color : #FFFFFF;
    width: 32px;
    height: 32px;
    float: right;
    margin: 8px 8px 8px 0;
    cursor: pointer;
}

#bookmarkOutlinedImage {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
}

#bookmarkFilledInImage {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
}