﻿/*body.f-body {
    padding: 24px;
}

.marginr {
    margin-right: 5px;
}

.clear {
    clear: both;
}

ul.result, ol.result {
    margin: 10px 0;
    padding: 0;
    border-top: solid 1px #ddd;
}

    ul.result li, ol.result li {
        list-style-type: none;
        margin: 0;
        padding: 5px;
        border-bottom: solid 1px #ddd;
    }


table.result {
    margin: 10px 0;
    width: 500px;
    border-collapse: collapse;
}

    table.result th {
        font-weight: bold;
    }

    table.result td, table.result th {
        border-bottom: solid 1px #ddd;
        padding: 5px;
        text-align: left;
    }


.highlight {
    font-weight: bold;
    color: red;
}*/

.tag-gray {
    background-color: #f7f7f7;
    color: #9e9e9e;
    border-radius: 4px;
    border: 1px solid #cccdcd;
    padding: 0px 4px;
}

.tag-blue {
    background-color: #eff6ff;
    color: #1b84ff;
    border-radius: 4px;
    border: 1px solid rgba(27,132,255,.2);
    padding: 0px 4px;
}

.tag-green {
    background-color: #eafff1;
    color: #17c653;
    border-radius: 4px;
    border: 1px solid rgba(23,198,83,.2);
    padding: 0px 4px;
}

.tag-yellow {
    background-color: #fff8dd;
    color: #f6b100;
    border-radius: 4px;
    border: 1px solid rgba(246,177,0,.2);
    padding: 0px 4px;
}

.tag-red {
    background-color: #ffeef3;
    color: #f8285a;
    border-radius: 4px;
    border: 1px solid rgba(248,40,90,.2);
    padding: 0px 4px;
}

.tag-purple {
    background-color: #F3E5F5;
    color: #9C27B0;
    border-radius: 4px;
    border: 1px solid #BA68C8;
    padding: 0px 4px;
}

.taglabel-gray {
    background-color: #e9e9eb;
    color: #9e9e9e;
    border-radius: 4px;
    /*border: 1px solid #e9e9eb;*/
    padding: 6px 6px 6px 22px;
}
    .taglabel-gray:before {
        position: absolute;
        left: 5px;
        font-size: 16px;
        font-family: 'FontAwesome';
        content: "\f05a";
    }

.taglabel-blue {
    background-color: #d9ecff;
    color: #2196f3;
    border-radius: 4px;
    /*border: 1px solid #d9ecff;*/
    padding: 6px 6px 6px 22px;
}
    .taglabel-blue:before {
        position: absolute;
        left: 10px;
        font-size: 16px;
        font-family: 'FontAwesome';
        content: "\f142";
    }

.taglabel-green {
    background-color: #e1f3d8;
    color: #4caf50;
    border-radius: 4px;
    /*border: 1px solid #e1f3d8;*/
    padding: 6px 6px 6px 22px;
}
    .taglabel-green:before {
        position: absolute;
        left: 5px;
        font-size: 16px;
        font-family: 'FontAwesome';
        content: "\f05a";
    }

.taglabel-yellow {
    background-color: #faecd8;
    color: #ff9800;
    border-radius: 4px;
    /*border: 1px solid #faecd8;*/
    padding: 6px 6px 6px 22px;
}
    .taglabel-yellow:before {
        position: absolute;
        left: 5px;
        font-size: 16px;
        font-family: 'FontAwesome';
        content: "\f06a";
    }

.taglabel-red {
    background-color: #fde2e2;
    color: #f44336;
    border-radius: 4px;
    /*border: 1px solid #fde2e2;*/
    padding: 6px 6px 6px 22px;
}
    .taglabel-red:before {
        position: absolute;
        left: 5px;
        font-size: 16px;
        font-family: 'FontAwesome';
        content: "\f059";
    }

.taglabel-purple {
    background-color: #f4d4f9;
    color: #9C27B0;
    border-radius: 4px;
    /*border: 1px solid #f4d4f9;*/
    padding: 6px 6px 6px 22px;
}
    .taglabel-purple:before {
        position: absolute;
        left: 5px;
        font-size: 16px;
        font-family: 'FontAwesome';
        content: "\f058";
    }

.command-blue {
    color: #1890ff !important;
    text-decoration: none;
}
.command-green {
    color: #67C23A !important;
    text-decoration: none;
}
.command-red {
    color: #F56C6C !important;
    text-decoration: none;
}
.command-yellow {
    color: #E6A23C !important;
    text-decoration: none;
}