@import url("header.css");
@import url("sidebar.css");
@import url("base.css");

.col-6:nth-child(odd) {
    padding-right: 2.5px;
}

.col-6:nth-child(even) {
    padding-left: 2.5px;
}

ul.show li:hover {
    background-color: rgba(0,0,0,.075);
    cursor: pointer;
}

#example_info {
    display: none;
}

.BT3D {
    border-top: 3px double #aaa;
}

table td.noData {
    background-color: #FFFFE0;
}

.CombineTotal {
    background-color: #FFFFE0;
    height: 30px;
    font-weight: 700;
}

.gameType {
    background: #aaa;
}

.DeepBlue {
    color: #005F7F;
    font-weight: 700;
}

.kafe, .childRow {
    background: #feede6;
}

/*font bold and color black*/
.fb-cb {
    font-weight: bold;
    color: #000;
}

.CF60 {
    color: #e89777;
    font-weight: 600;
}

.market {
    cursor: pointer;
}

#amountByPosition tr:hover,
#liability tr:hover {
    cursor: pointer;
}

#tickets tr td span.user {
    display: inline-block;
    white-space: nowrap;
    width: 80px;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fs12 {
    font-size: 12px;
}

.td-split {
    margin-top: 5px;
    border-top: 1px solid #dee2e6;
    margin-bottom: 5px;
}

.x_panel {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease;
}

.panel {
    position: relative;
    width: 100%;
    width: 100%;
    margin-bottom: 5px;
    padding: 10px;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease;
}

.panel_toolbox {
    float: right;
    min-width: 70px;
}

.panel_toolbox > li > a {
    padding: 5px;
    color: #C5C7CB;
    font-size: 14px;
}

.tile_count {
    margin-bottom: 20px;
    margin-top: 20px;
}

.tile_count .tile_stats_count {
    border-bottom: 1px solid #D9DEE4;
    padding: 0 10px 0 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.bg-gray {
    background: #F7F7F7;
}

div.dark {
    color: #fff;
    background-color: #212529;
    border-bottom: 2px solid #dee2e6;
    padding: .2rem;
    font-weight: bold;
}

span.user {
    display: inline-block;
    white-space: nowrap;
    width: 120px;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (min-width: 992px) {
    .tile_count .tile_stats_count {
        margin-bottom: 10px;
        border-bottom: 0;
    }
}

body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

.body {
    display: -ms-flexbox;
    display: flex;
    min-width: 980px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-x: hidden;
    margin-top: 50px;
}

.main {
    position: relative; /*margin-left: 200px;*/
    -ms-flex: 1;
    flex: 1;
}

.min-width {
    min-width: 1400px;
}

#upPanel {
    display: inline-block;
}

.W50 {
    width: 50px;
}

.W60 {
    width: 60px;
}

.W150 {
    width: 150px;
}

.W200 {
    width: 200px;
}

.W100 {
    width: 100px;
}

.overflowX {
    overflow-x: auto;
}

/*===================Loader=================*/
.loader20 {
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
}

.loader20 .loader-box {
    padding: 50px 0;
    margin: auto;
    width: 40px;
    text-align: center;
}

.load {
    background: #f5f5f5;
}

.loader20 .loader-box .loader-inner {
    border: 6px solid #fff;
    border-top: 6px solid #0b1422;
    border-bottom: 6px solid #0b1422;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    animation: loader-spin 1s linear infinite;
}

@keyframes loader-spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Default browser scroll modified by Zani*/

body::-webkit-scrollbar {
    width: 14px;
    background-color: #343a40;
}

body::-webkit-scrollbar-track {
    border: 1px solid #343a40;
}

body::-webkit-scrollbar-thumb {
    background-color: #e4e5e6;
    border-radius: 19px;
    border: 4px solid transparent;
    background-clip: content-box;
}