.clearfix:after {
    content: ' ';
    display: table;
    clear: both;
}

/* packet player styles - begin */
#packetPlayer {
    position: absolute;
    z-index: 10000;
    background-color: whitesmoke;
    padding: 0 20px 20px 20px;
    border: silver solid 1px;
    /* display: table; */
    /* vertical-align: middle; */
    top: 5px;
    left: 40%;
    width: 60%;
    margin: 0 0 0 -25%;
    /* height: 98%; */
}

#packetPlayerTitle {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 2px;
    padding-top: 10px;
    padding-left: 0;
}

#packetPlayerList {
    width: 100%;
    font-family: monospace;
}

#packetPlayer button.play-packet {
    width: 100%;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#packetPlayer button.full-width-btn {
    width: 100%;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#packetSetTextareaJSON {
    text-transform: none;
}

/* packet player styles - end */

/* debug tool window - begin */
.debugTool-group-element {
    color: white;
}

.debugTool-group-element:hover {
    background-color: white;
    color: black;
}

/* debug tool window - end */

/* neo-logger - begin */
#__NeoLogger {
    position: absolute;
    right: 20px;
    width: 500px;
    top: 0px;
    z-index: 20000;
    color: black;
    background-color: white;
    font-family: initial;
    font-size: 10pt;
    padding: 10px;
    border: solid 1px silver;
}

@media all and (min-width: 1025px) and (max-width: 1400px) {
    #__NeoLogger {
        width: 700px;
    }
}

@media all and (min-width: 1401px) {
    #__NeoLogger {
        width: 900px;
    }
}

#__NeoLogger-header {
    background-color: whitesmoke;
}

#__NeoLogger-header a {
    float: right;
}

#__NeoLogger-container {
    height: 200px;
    overflow-y: auto;
    width: 100%;
}

#__NeoLogger-container::-webkit-scrollbar {
    /* TODO: SCROLLBAR SETTINGS NOT SUPPORTED IN FF AND IE */
    width: 10px !important;
}

#__NeoLogger-container::-webkit-scrollbar-thumb {
    background: wheat !important;
}

#__NeoLogger-container::-webkit-scrollbar-thumb:active {
    background: burlywood !important;
}

#__NeoLogger-container::-webkit-scrollbar-track {
    background: whitesmoke !important;
}

/* neo-logger - end */