@import "mixins";
@import "theme";

#cmpy-mgmt-container p,
#cmpy-mgmt-container a,
#cmpy-mgmt-container div {
    font-size: $defaultFontSize * 0.8125;
}

/* Header tabs */
.cmpy-mgmt-header-tab {
    display: inline-block;
    color: #fff;
    background-color: #555;
    border: 1px solid #fff;
    padding: 4px;
}

.cmpy-mgmt-header-tab:hover {
    background-color: #666;
}

.cmpy-mgmt-header-tab.current {
    background-color: #777;
}

/* Switch between Cities */
.cmpy-mgmt-city-tab {
    display: inline-block;
    color: #fff;
    background-color: #555;
    border: 1px solid #fff;
    padding: 4px;
}

.cmpy-mgmt-city-tab:hover {
    background-color: #666;
}

.cmpy-mgmt-city-tab.current {
    background-color: #777;
}

/* Panels */
#cmpy-mgmt-panel {
    height: 90%;
}

.cmpy-mgmt-industry-left-panel,
.cmpy-mgmt-industry-right-panel {
    display: inline-block;
    width: 45%;
    height: 100%;
    top: 10px;
    overflow-y: auto;
    overflow-x: auto;
}

.cmpy-mgmt-industry-overview-panel {
    border: 1px solid #fff;
    color: var(--my-font-color);
    display: inline-block;
    width: 100%;
}

.cmpy-mgmt-employee-panel {
    border: 1px solid #fff;
    display: block;
    width: 100%;
}

.cmpy-mgmt-warehouse-panel {
    border: 1px solid #fff;
    display: inline-block;
    width: 100%;
}

/* Hiring new employees */
.cmpy-mgmt-find-employee-option {
    border: 1px solid #fff;
    margin: 6px;
}

.cmpy-mgmt-find-employee-option:hover {
    background-color: #3d4044;
}

/* Warehouse */
.cmpy-mgmt-warehouse-material-div {
    padding: 2px;
    border: 1px solid #fff;
}

.cmpy-mgmt-warehouse-product-div {
    padding: 2px;
    border: 1px solid #fff;
}

/* Exporting materials/products */
.cmpy-mgmt-existing-export {
    border: 1px solid #fff;
    border-radius: 25px;
    margin: 4px;
    padding: 4px;
}

.cmpy-mgmt-existing-export:hover {
    background-color: #333;
}

/* Upgrades */
.cmpy-mgmt-upgrade-container {
    border: 1px solid #fff;
    width: 60%;
    margin: 4px;
}

.cmpy-mgmt-upgrade-div {
    display: inline-block;
    border: 1px solid #fff;
    margin: 2px;
    padding: 6px;
    border-radius: 25px;
    font-size: $defaultFontSize * 0.75;
    color: var(--my-font-color);
}

.cmpy-mgmt-upgrade-div:hover {
    background-color: #333;
}

.cmpy-mgmt-advertising-info {
    font-size: $defaultFontSize * 0.75;
}