/* GENERAL BACKGROUNDS */

.bg-b20 {
    background-color: #dcdcdc; 
    color: black;
}

.bg-b35 {
    background-color: #bebebe; 
    color: black;
}

.bg-b70 {
    background-color: #6e6e6e; 
    color: white;
}



/* SEPARATOR */

hr.narrow {
    margin-top: 8px;
    margin-bottom: 8px;
}



/* FORM, INPUTS */

input.form-control {
    border-color: #6e6e6e; 
    border-width: 2px;
}
 /* Supress PRIMARY color shadow on focused input */
 .form-control:focus {
    border-color: #6e6e6e; 
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(110, 110, 110, 0.5);
}


/* AMOUNT INPUTS - separated for IN / OUT */
input.positive {
    border-color: #4ba82e;  /* SA green */
}
input.positive:focus {
    border-color: #4ba82e;  /* SA green */
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(75, 168, 46, 0.5);
}
input.negative {
    border-color: #d22630;  /* negative */
}
input.negative:focus {
    border-color: #d22630;  /* negative */
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(210, 38, 48, 0.5);
}

.input-group-text.positive {
    border: 1px solid #28a745;
    background-color: #b1dfbb !important;
}
.input-group-text.negative {
    border: 1px solid #dc3545;
    background-color: #ed969e !important;
}


/*   TABS / PILLS in "pass-ticket.html" */


/* 
***  PILLS like buttons - Light version  ***
- inactive has no border
- active like 'outline'
*/

/* 
a.nav-link.text-success.active,
a.nav-link.text-danger.active {
    background-color: transparent !important;
}
a.nav-link.text-success.active {
    border: 1px solid #28a745;
}
a.nav-link.text-danger.active {
    border: 1px solid #dc3545;
}
 */


/* 
***  PILLS like buttons - Bold version  ***
- inactive like 'outline'
- active like full button
*/
a.nav-link.text-success,
a.nav-link.text-danger {
    background-color: transparent !important;
}
a.nav-link.text-success {
    border: 1px solid #28a745;
    color: #28a745;
    margin-right: 1em;
}
a.nav-link.text-danger {
    border: 1px solid #dc3545;
    color: #dc3545;
    margin-left: 1em;
}

a.nav-link.text-success.active,
a.nav-link.text-danger.active{
    /* 
    color: white !important; 
    */
    color: #444444 !important;
    font-weight: 500;
}

a.nav-link.text-success.active {
    border: 1px solid #28a745;
    background-color: #b1dfbb !important;
    /* 
    color: #28a745 !important;
    */
}
a.nav-link.text-danger.active {
    border: 1px solid #dc3545;
    background-color: #ed969e !important;
    /* 
    color: #dc3545 !important;
    */
}


/*   TABLES   */

.table th, .table td {
    padding-left: .3rem;
    padding-right: .3rem;
}