/* ----------------------------------------------------------------- */
/* Global */

@font-face {
    font-family: "Rubik";
    src: 
        url("../fonts/Rubik/Rubik-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Rubik";
    src: 
        url("../fonts/Rubik/Rubik-Bold.ttf") format("truetype");
    font-weight: 700;
}

body {
    font-family: "Rubik", sans-serif, Arial;
	background-color: #060A1B;
	color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
}

p a {
	color: #fff;
	text-decoration: underline;
}

hr {
	border-color: rgba(255, 255, 255, .1);
	margin: .625rem 0;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
input[type="date"]:focus::-webkit-calendar-picker-indicator {
    filter: initial;
}

.stck-container {
	max-width: 1400px;
}

.stck-page-header {
	background-color: #141529;
}

.stck-logo {
	border-radius: 20px;
	overflow: hidden;
}
.stck-logo img {
	width: 100%;
}

.stck-badge {
	font-size: 1rem;
	background-color:rgb(8, 153, 129);
	margin-left: .75rem;
}

.stck-subtitle {
	font-size: 1.25rem;
	opacity: .75;
}

.stck-price-change {
	font-size: 1.25rem;
	margin-left: .75rem;
}

.stck-card {
	background-color: #141529;
	margin-bottom: 1rem;
	border-radius: 12px;
}
.stck-card .card-body {
	padding: 1.5rem;
}
.stck-card a {
	color: #fff;
}

.stck-label {
	opacity: .75;
	margin-bottom: 0;
	text-transform: uppercase;
}

.stck-value {
	margin-bottom: 0;
	text-transform: uppercase;
}

.stck-text {
	opacity: .6;
	margin-bottom: 0;
}

.stck-separator {
	opacity: .2;
	margin: 0 .5rem;
}

.stck-opacity {
	opacity: .75;
}

.stck-tabs .nav-item .nav-link.active {
	background-color: transparent;
	border-radius: 0;
	border-bottom: 4px #fff solid;
	font-weight: 700;
	padding-bottom: 1rem;
	color: #fff;
	opacity: 1;
}
.stck-tabs .nav-item .nav-link {
	color: #fff;
	opacity: .75;
	margin-right: 1rem;
}

.stck-up {
	color: rgb(8, 153, 129);
}
.stck-down {
	color: rgb(247, 82, 95);
}

.stck-apply-btn {
	margin-top: 1.95rem;
}

.stck-comment {
	max-height: 100px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.stck-table-card {
	margin-bottom: 0;
	border-top: 1px rgba(255, 255, 255, .1) solid;
	border-bottom: 1px rgba(255, 255, 255, .1) solid;
	color: #fff;
	background-color: transparent;
}

.stck-field {
	border: 1px #fff solid;
	background-color: transparent;
	color: #fff;
}

.stck-pagination {
	color: #fff;
	margin-top: 2rem;
}
.stck-pagination:hover {
	color: #fff;
	text-decoration: underline;
}

.tab-content > .tab-pane {
	height: 1px;
	overflow: hidden;
	display: block;
   	visibility: hidden;
}
.tab-content > .active {
	height: auto;
	visibility: visible;
}

/* ----------------------------------------------------------------- */
/* Sidebar Menu */

#stck-wrapper {
    padding-left: 200px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#stck-wrapper.toggled {
    padding-left: 0;
}
#stck-wrapper.toggled #stck-sidebar-wrapper {
    width: 0;
}
#stck-sidebar-wrapper {
    z-index: 8888;
    position: fixed;
    overflow-x: hidden;
    left: 200px;
    width: 200px;
    overflow-y: auto;
    margin-left: -200px;
	background-color: #1a2135;
	color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 100%;
	padding-top: 4rem;
}
#stck-sidebar-wrapper .stck-sidebar-primary .list-group-item {
	background-color: transparent;
	padding: 1rem;
	border-top: 1px rgba(255, 255, 255, .1) solid;
}
#stck-sidebar-wrapper .stck-sidebar-primary .list-group-item a {
	color: #fff;
}
#stck-sidebar-wrapper .stck-sidebar-primary .list-group-item a:hover {
	text-decoration: underline;
}

#stck-sidebar-wrapper .stck-sidebar-secondary .list-group-item {
	background-color: transparent;
	padding: .25rem 1rem;
	border: none;
}
.stck-sidebar-toggle {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    border: none;
	color: #fff;
	background-color: transparent;
	border: none;
	padding: .75rem;
}

.stck-sidebar-link {
	background-color: transparent;
	border: none;
	color: #fff;
	opacity: .75;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: .9rem;
}
.stck-sidebar-link:hover {
	opacity: 1;
}

.stck-footer {
	font-size: .875rem;
	opacity: .75;
	padding-top: 2rem;
}
.stck-footer a {
	color: #fff;
	text-decoration: underline;
}

/* ----------------------------------------------------------------- */
/* Mobile Responsive */

@media screen and (max-width: 768px) {

}