@media only screen and (max-width: 767px) {
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border-bottom: 1px solid #ddd;
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        /*padding-left: 50%;*/
        white-space: normal;
        /*text-align: left;*/
    }

    /*
    #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
    #no-more-tables td:before { content: attr(data-title); }
    */
}

/* === HCM === */
div#hcm-portable .panel-body {
    padding: 0;
}

div#hcm-portable .portable-detail {
    padding-bottom: 8px;
}

div#hcm-portable .list-group {
    margin-bottom: 0;
}

div#hcm-portable .list-group .list-group-item:first-child {
    border-top: 0;
}

div#hcm-portable .list-group .list-group-item {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

div#hcm-portable .list-group-item {
    padding: 2px 15px;
}

/* === STRANKA - LIST === */
span#list_message {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera 7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
    /*word-break: break-all;*/
    display: table-row;
}

.dropdown-item-text {
    padding: 0 15px;
}

.progress.portable-progress {
    height: 4px;
    margin-top: 5px;
}
.progress.portable-progress span{
 display: none;
}
.progress.portable-progress:hover {
    height: 15px;
    margin-top: 5px;
}
.progress.portable-progress:hover span{
    display: block;
}