
.highlight {
    background-color: #fff34d;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}

.highlight {
    padding: 1px 4px;
    margin: 0 -4px;
}
.elemment {
    width: 33%;
    margin: 5px 0px;
}
.panel-body{
    padding:15px;
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Font Awesome 5 Pro'; /* essential for enabling glyphicon */
    content: "\f105"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
    font-size:16px;
    font-weight: 700;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f107"; /* adjust as needed, taken from bootstrap.css */
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.active, .list-group-item:hover {
    background-color: #ccc;
}

.mousedis:hover:after {
    content: "Stage is currently in process by this user!";
    color: red;
}

.panel-default > .panel-heading {
    color: #000;
    background-color: #f7f8fa;
    border-color: #ddd;
    font-size: 13px !important;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px !important;
    color: inherit;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #000;
    background-color: #ccc !important;
    border: none !important;
}

h4 {
    font-size: 15px;
}

.pull-right {
    float: right;
}

.panel-group {
    overflow-y: scroll;
    height: 70vh;
    border: 1px solid #9c9999;
    padding: 3%;
    border-radius: 2px;
}

