.toolsDiv {
    background-color: rgb(255, 255, 255);
}

.toolsDiv > div {
    background-color: rgb(230, 230, 230);
}

.backgroundSwatch {
    border: 1px solid rgb(192, 192, 192);
    border-radius: 5px;
    box-shadow: 3px 3px 6px rgb(192, 192, 192);
}

.button {
    background-color: rgb(255,255,255);
    border-radius: 5px;
    border: 1px solid rgb(192, 192, 192);
    box-shadow: 3px 3px 6px rgb(192, 192, 192);
}

.buttonSelected {
    background-color: rgb(61, 185, 243);
}

.mouseItem {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(192, 192, 192);
    border-radius: 5px;
    box-shadow: 3px 3px 6px rgb(192, 192, 192);
    font-size: 14px;
}

.zoomIncrements {
    border: 1px solid rgb(192, 192, 192);
}
.zoomKnob {
    font-size: 14px;
}
.zoomKnob > div:nth-child(1) {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgb(192, 192, 192);
}
.zoomKnob > div:nth-child(2) {
    background-color: white;
    border: 1px solid rgb(141, 141, 141);
    box-shadow: 3px 3px 6px rgb(192, 192, 192);
}

.viewPanel {
}

.imagesPanel {
}

.toolPanelTitle {
    font-size: 18px;
    font-weight: bold;
    color: rgb(136, 136, 136);
}
.panelItemTitle {
    font-size: 16px;
    font-weight: normal;
    color: rgb(141, 141, 141);
}

.fileCardIncomplete {
    background-color: hotpink;
    /*border: 0px solid transparent;*/
}
.fileCardComplete {
    background-color: white;
    /*border: 0px solid rgb(204, 204, 204);*/
}
.fileCardButton {
    background-color: rgb(192, 192, 192);
    border: 1px solid transparent;
    cursor: default;
    position: relative;
    top: 0px;
    height: 28px;
    width: 24px;
    float: right;
    font-size: 22px;
    font-weight: bold;
}
.fileCardButton:hover {
    background-color: white;
    border: 1px solid transparent;
}
.fileCardButton:active {
    background-color: rgb(243, 61, 61);
    border: 1px solid transparent;
}