.stockCompanyContainer {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.stockCompanyContainer .big-login {
    color: white;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 2em;
    text-shadow: 1px 1px 2px black;
}

.stockCompanyContainer .stockBorder {
    border: 2px solid grey;
    border-radius: 0.5em;
}

.stockCompanyContainer .stockCompanyStatus {
    padding: 0.5em;
    background:url('../../img/bgForElements/stock.jpg') 0 0 !important;
}

.stockCompanyContainer .login-bar {
    margin: 0;
}

.stockCompanyContainer h2 {
    color: white;
    text-shadow: none;
    margin: 0;
    font-size: 1.5em;
}

.stockCompanyContainer .modTools {
    font-size: 1.25em;
}

.stockCompanyContainer .greyRow {
    background: #80808045;
    padding: 0.5em;
    border-radius: 0.5em;
}

.stockCompanyContainer .shoutContainer {
    width: 95% !important;
}

.stockCompanyContainer .statusCol:first-child a {
    color: orange;
    text-shadow: none;
}

.stockCompanyContainer .statusCol {
    font-size: 1.125em;
}

.stockCompanyContainer .whiteCompanyData {
    padding: 1em;
}

.stockCompanyContainer .grid-6 {
    grid-template-columns: 2fr 2fr 2fr 3fr 2fr 3fr !important;
    gap: 0.5em;
}

.stockCompanyContainer .grid-4 {
    grid-template-columns: 2fr 2fr 2fr 3fr !important;
    gap: 0.5em;
}

.stockCompanyContainer form [name="offeredMoneyId"],
.stockCompanyContainer form [name="buyedMoneyId"] {
    text-align: center;
    padding: 0.5em;
    border-radius: 0.5em;
    font-size: 1.25em;
    margin: 0;
    width: 80%;
}

.stockCompanyContainer input[name="value"],
.stockCompanyContainer input[name="exchangeRatio"] {
    text-align: center;
    padding: 0.25em 0.5em;
    border-radius: 0.5em;
    font-size: 1.125em;
    margin: 0;
    width: 10%;
}

.stockCompanyContainer .offerGrid7 {
    grid-template-columns: 1fr 2fr 1fr 2fr 2fr 1fr 2fr !important;
    gap: 0.5em;
}

.stockCompanyContainer .offerGrid5 {
    grid-template-columns: 1fr 2fr 1fr 2fr 2fr !important;
    gap: 0.5em;
}

.stockCompanyContainer .storage {
    margin: 0;
}

.stockCompanyContainer input[name="price"],
.stockCompanyContainer input[name="quantity"],
.stockCompanyContainer input[name="volume"],
.stockCompanyContainer input[name="sum"] {
    text-align: center;
    padding: 0.5em;
    border-radius: 0.5em;
    font-size: 1.125em;
    margin: 0;
    width: 80%;
}

.stockCompanyContainer select[name="countryId"],
.stockCompanyContainer select[name="product"],
.stockCompanyContainer select[name="companyId"],
.stockCompanyContainer select[name="currencyId"],
.stockCompanyContainer select[name="nationality"] {
    margin: 0;
    font-size: 1.25em;
    border-radius: 0.5em;
    text-align: center;
    padding: 0.25em;
}

#preview table {
    color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stockCompanyContainer form[action="stockCompanyLogs"] select {
    margin: 0;
    border-radius: 0.5em;
    padding: 0.5em 1em;
    font-size: 1.25em;
    text-align: center;
    width: 70%;
}

.stockCompanyContainer .logGrid {
    grid-template-columns: 2fr 4fr 1fr 1fr 2fr !important;
    gap: 0.5em;
}

.stockCompanyContainer .citizenCard {
    background: #ffffff24;
    width: fit-content;
    margin: 0 auto;
    padding: 0.25em 1.5em;
    border-radius: 0.5em;
}

.ceoPanel .hiddenMenu a:first-of-type  {
    width: 33%;
    padding: 0.75em;
    text-transform: uppercase;
}

.ceoPanel .hiddenMenu {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.stockCompanyContainer select[name="citizenId"] {
    margin: 0;
    font-size: 1.25em;
    border-radius: 0.5em;
    text-align: center;
    padding: 0.5em 1em;
    min-width: 80%;
    margin-bottom: 0.5em;
}

.stockCompanyContainer .statusCol:nth-of-type(2) a {
    color: darkorange;
    text-shadow: none;
}

.modTools .hiddenForm {
    border-radius: 6px;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    direction: ltr;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: -.022em;
    line-height: 1.47059;
    overflow: visible;
    border: none !important;
    padding: 5px 15px;
    text-align: center;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    text-shadow: 0 -1px 1px #222 !important;
    width: fit-content;
    outline: 3px solid black;
    background: linear-gradient(to bottom, #951eaa 5%, #8c1bbd 100%) !important;
    box-shadow: inset 0px -3px 1px 1px #460e4f, inset 0px 1px 2px 0px rgba(255, 255, 255, 0.7) !important;
    transition: background-color 0.1s ease, box-shadow 0.1s ease;
}

.modTools .hiddenForm:hover {
    background: linear-gradient(to bottom, #7b1fa2 5%, #9c27b0 100%) !important;
}

.modTools .hiddenForm:active {
    box-shadow: inset 0px 0px 3px 3px #310444, inset 0px 1px 4px 0px #6b1779 !important;
}

.stockCompanyContainer .statusStat {
    display: flex;
    width: 96%;
    justify-content: space-between;
    gap: 2em;
    background: #80808045;
    padding: 0.25em 1em;
    border-radius: 0.5em;
}

.stockCompanies .companyTag img {
    zoom: 0.75;
}

.stockCompanyContainer .scTableHeader {
    font-size: 1.125em;
    font-weight: bold;
    text-decoration: underline;
}

.stockCompanyContainer .smallAvatar {
    margin: 0;
    width: 18px;
    height: 18px;
}

.stockCompanyContainer #lawCountdown {
    font-size: 3.5em;
    font-weight: bold;
    letter-spacing: 0.125em;
    color: orange;
}

.stockCompanyContainer .backToEquipment {
    display: flex;
    position: absolute;
    top: 2%;
    left: 2%;
}

.stockCompanyContainer .ceoPanel input[type="number"] {
    width: 40% !important;
}