label {
    cursor: pointer
}

/* objects (region, city, store, zone) tree */
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none;
}
.tree ul {
    margin-left:0.35em;
    position:relative
}
.tree ul ul {
    margin-left:.35em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:1.6em;
    color:#369;
    position:relative;
    white-space:nowrap;
    overflow-x:hidden;
}
.tree li:hover {
    overflow-x:visible;
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-4px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}

.have_checked_mark {
    color: red;
}

/* stores page*/
#table_groups {
    font-weight: 400;
}

#table_groups tr {
    /* cursor:pointer; */
}

.row_region {
    font-weight: 400;
    cursor: pointer;
}
.row_city {
    cursor: pointer;
    font-weight: 400;
}
.row_group td {
    font-weight: 400;
    background-color: #f9f9f9;
}

#table_groups th {
    background-color: #c9c9c9;
}

#table_groups th,
#table_groups td {
    font-weight: 400;
    white-space: normal;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

/* stores table grouping checkboxes column */
#table_groups th:nth-child(1),
#table_groups td:nth-child(1) {
    border-right: 1px solid #ddd;
    /* display: none; */
}

#table_groups th.join-cell,
#table_groups td.join-cell {
    /* display:none; */
}


/* stores table group and store column */
#table_groups th:nth-child(2),
#table_groups td:nth-child(2) {
    border-right: none;
    padding: 0 1em;
}

#table_groups th:nth-child(3),
#table_groups td:nth-child(3),
#table_groups tr.row_group td:last-child
{
    border-left: none;
}

#table_groups th:last-child,
#table_groups td:last-child {
    border-right: 1px solid #ddd;
}


#table_groups > thead > tr:last-child th {
    border-bottom: 2px solid #ddd;
}

#table_groups > tbody > tr:last-child td {
    border-bottom: 1px solid #ddd;
}

#table_groups .table-danger {
    background-color: #FFB6C1 !important;
}

.small {
    font-size: 0.85em;
}

.smaller {
    font-size: 0.75em;
}

#table_groups th.td-group,
#table_groups td.td-group {
    border-right: none;
}

#table_groups th.td-store {
    width: 40%;
}

#table_groups th.td-store,
#table_groups td.td-store {
    padding-left: 2.5em;
}

/* preventing rows visibility under sticky header when scrolling */
#table_groups {
  border-collapse: separate;
  border-spacing: 0;
}

#table_groups .row_divider td {
    height: 10px;
    border: none;
    border-top: 1px solid #ddd;
}

/* loading div */
#loading {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.5);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#loading::after {
    content:'';
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999999;
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    border: 16px solid #333;
    border-top: 16px solid #2780E3;
    border-bottom: 16px solid #2780E3;
    border-radius: 50% !important;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.modal-content label {
    padding: .375rem 0;
}

/* report table  - center everything but nto .rep_hdr class*/
.table-report>thead>tr>th:not(.rep_hdr),
.table-report>tbody>tr>td:not(.rep_hdr),
.table-report>tfoot>tr>td:not(.rep_hdr) {
    text-align: center;
}

/* report cell for object name */
.rep_hdr {
    width: 1%;
    white-space: nowrap;
    text-align: left;
}

td.rep_hdr {
    font-weight: bold;
    text-align: left;
}

/* index page, reports list */
.reports_list h2 a {
    font-size: .6em;
    color: #333;
    text-decoration: none;
}

.reports_list a {
    color: #666;
    text-decoration: none;
}

/* buttons on stores selector */
.stores-buttons .btn{
    margin-right:0.2em;
}

.nav-link {
    text-decoration: underline dotted #333;
    text-underline-offset: 10px;
}


.col_chart {
    height: 500px;
}

.chart_div {
    width: 100%;
    height: 400px;
}

/* to be over sticky table header in stores page*/
.navbar-nav .dropdown-menu {
    z-index: 1022;
}

/* redefine 'rose' color in bootstrap tables */
.table{
    /* original in _tables.scss: */
    /* --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); */
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.25);
    
    /* original in _tables.scss: */
    /* --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); */
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.10);
}

.dropdown-menu {
    --bs-dropdown-min-width: 13rem;
}

.nav {
    --bs-nav-link-padding-x: .9rem;
}

.col_chart {
    padding-left: 0;
    padding-right: 0;
}