:root {
    --primary-color: #576dff;
    --primary-shadow: -1px -1px 12px 5px #e0e4ff;
    --light-shadow: -1px -1px 12px 1px #e0e4ffa9;
    --primary-radius: 22px;
}

* {
    text-decoration: none !important;
    outline: none !important;
}

table,
nav,
tr,
a,
td,
th {
    border: none !important;
    outline: none !important;
}

.green-color {
    background-color: rgb(0, 226, 19);
}

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

.view-color {
    background-color: rgb(231, 231, 231);
}

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

.no-boundary {
    outline: none;
    border: none;
}

.custom-card-stock,
.custom-card-exchange,
.custom-card-poll,
.custom-card-shark {
    border-radius: 22px;
    border: 2px solid rgba(255, 255, 255, 0);
}

.custom-card-stock:hover {
    box-shadow: -1px -1px 12px 5px #e0e4ffb6;
    border: 2px solid rgba(101, 63, 217, 1);
}

.custom-card-exchange:hover {
    box-shadow: -1px -1px 12px 5px #3f8cd921;
    border: 2px solid rgba(195, 7, 7, 1);
}

.custom-card-shark:hover {
    box-shadow: -1px -1px 12px 5px #3f8cd921;
    border: 2px solid rgba(195, 7, 7, 1);
}

.custom-card-poll:hover {
    box-shadow: -1px -1px 12px 5px #615fcd21;
    border: 2px solid rgba(206, 137, 4, 1);
}

.custom-card-stock:active,
.custom-card-exchange:active,
.custom-card-poll:active,
.custom-card-shark:active {
    box-shadow: none;
}

.top-rounded {
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
}

.bg-stock {
    background-color: #E0E4FF;

}

.bg-exchange {
    background-color: #3F8DD9;
}

.bg-shark {
    background-color: #3F53D9;
}

.bg-poll {
    background-color: #615FCD;
}


.button-stock {
    color: black;
    box-shadow: var(--primary-shadow);
    border-radius: var(--primary-radius);
    border: none;
    outline: none;
    font-weight: bold;
    padding: 12px 16px !important;
}

.button-stock:hover {
    color: black;
    box-shadow: var(--light-shadow);
}

.button-stock:active {
    box-shadow: none;
}


.stock-input {
    border-radius: var(--primary-radius);
    border: none;
    outline: none;
    font-weight: bold;
    padding: 20px !important;
}

.stock-input:focus {
    border-color: var(--primary-shadow);
}

.stock-shadow {
    box-shadow: var(--primary-shadow);
}

#myInput {
    box-sizing: border-box;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 1px solid #ddd;
}

#myInput:focus {
    outline: 3px solid #ddd;
}

.dropdown {
    position: relative;
    display: inline-block;

}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.event:hover {
    background-color: #cacaca !important;
    cursor: pointer;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}