/* bar-frame.css:v1.0 */

html,
body
{
    background: #FAFAFA;
}

.row .box {
    padding: 0 10px 20px 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.row .box > div {
    background: #FFF;
    padding: 0 10px 20px 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.row > .no-padding {
    padding-left: 0;
    padding-right: 0;
}

.btn
{
    border-radius: 2px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
.btn:active
{
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.14),0 6px 4px -5px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.bar-folder-container .bar-folder img {
    width: 20px;
    height: 20px;
}

.bar-folder-container .bar-folder-level-1 {
    text-indent: 0px;
}

.bar-folder-container .bar-folder-level-2 {
    text-indent: 20px;
}

.bar-folder-container .bar-folder-level-3 {
    text-indent: 40px;
}

.bar-folder-container .bar-folder-level-4 {
    text-indent: 60px;
}

.bar-folder-container .bar-folder span.badge {
    text-indent: 0;
}

.bar-item-container .bar-item span.bar-item-image img {
    width: 20px;
    height: 20px;
}

.bar-item-container .bar-item-details {
    position: relative;
    /*display: block;
    padding: 10px 15px;*/
    margin-bottom: -1px;
}

.bar-item-container .bar-item-details .bar-item-details-content {
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.btn-group.ertek-btn-group .btn-default.active
{
    color: #fff;
    background-color: #0a69b4;
    border-color: #064476;
}

table,
table th,
table td
{
    vertical-align: middle !important;
}