.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;
    background-size: cover !important;
    background-position-y: center !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.5em !important;
    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"],
.stockCompanyContainer input[name="newName"],
.stockCompanyContainer input[name="ammount"]{
    text-align: center;
    padding: 0.5em !important;
    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"],
.stockCompanyContainer select[name="stockCompanyId"] {
    margin: 0;
    font-size: 1.25em;
    border-radius: 0.5em;
    text-align: center;
    padding: 0.25em !important;
}

#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 !important;
    font-size: 1.25em;
    text-align: center;
    width: 70%;
}

.stockCompanyContainer .logGrid {
    grid-template-columns: 2fr 4fr 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"],
.stockCompanyContainer .ceoPanel select[name="nationality"],
.stockCompanyContainer .ceoPanel input[name="newName"],
.stockCompanyContainer .ceoPanel select[name="citizenId"]{
    width: 40% !important;
}

.ceoPanel input[type="file"] {
    background: #80808045;
    border-radius: 0.5em;
}

.mobile .stockCompanyContainer {
    font-size: 2.5em;
}

.mobile .stockCompanyContainer .modTools {
    font-size: 1em;
}

.stockCompanyContainer .modToolsGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1em;
    align-items: center;
    justify-content: center;
}

.stockCompanyContainer .statusContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.mobile .stockCompanyContainer .statusContainer {
    flex-direction: column-reverse;
    align-items: center;
    gap: 2em;
}

.mobile .stockCompanyContainer .modToolsGrid {
    display: flex;
    flex-direction: column;
}

.mobile .statusCol:first-of-type .whiteCompanyData {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.mobile .statusCol:first-of-type .whiteCompanyData > a {
    padding: 0.5em;
}

.mobile .whiteCompanyData img {
    zoom: 2;
}

.stockCompanyContainer .mainScContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.mobile .stockCompanyContainer .mainScContainer {
    grid-template-columns: 1fr;
}

.mobile .stockCompanyContainer textarea[name="body"] {
    font-size: 1em;
}

.mobile .modTools textarea {
    font-size: 1em;
    width: 540px !important;
    height: 84px !important;
}

.mobile .modTools .m-05-auto {
    width: 90% !important;
}

.stockCompanyContainer .modTools input[type="submit"] {
    background: linear-gradient(181deg, #e40000, #b00000);
    width: fit-content !important;
    border-radius: 0.5em;
}

.mobile .stockCompanyContainer .modTools input[type="submit"] {
    height: 50px !important;
}

.mobile .stockCompanyContainer .smallAvatar {
    zoom: 2.5;
}

.stockCompanyContainer .shoutPanel {
    width: 75% !important;
}

.mobile .stockCompanyContainer .shoutPanel {
    width: 100% !important;
}

.mobile .scroll-container {
    overflow-x: auto;
    white-space: nowrap;
    width: 94vw !important;
}

.mobile .scroll-content {
    display: inline-flex;
    width: 1600px !important;
}

.mobile #resourceInput,
.mobile #countryInput {
    width: 80%;
}

.mobile .stockCompanyContainer .storage {
    zoom: 2;
}

.mobile .stockCompanyContainer .storage div:first-of-type {
    font-size: 0.5em;
}

.mobile .citizenCard img {
    zoom: 2;
}

.mobile .ceoPanel .hiddenMenu a:first-of-type {
    width: 76%;
}

.mobile .stockCompanyContainer #ourFileInput {
    zoom: 3;
}

.mobile .stockCompanyContainer textarea[name="reason"] {
    font-size: 1em;
}

.mobile .stockCompanyContainer .salary > a{
    font-size: 1.5em;
    padding: 0.5em 1em;
}