@import url('https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap');

/* MAJOR OVER-RIDES */
body {
    font-size: .8rem;
    font-weight: 600;
}

.table td._min-width,
.table th._min-width {
    width: 1%;
}
table.dataTable.table-striped > tbody > tr.odd:hover,
table.dataTable.table-striped > tbody > tr.even:hover {
    --bs-table-accent-bg: #e9f4db !important;
}

/* FIXES FOR OFFCANVAS AND Z-INDEX */
.offcanvas { z-index:1080; } /* ensure offcanvas appears on top of expanded panel */
.form-subsec { width: 100%; text-align: center; border-bottom: 1px dashed #999999; line-height: 0.1em; margin: 30px 0 20px;}
.form-subsec span { background: #fff; padding: 0 10px; }
.form-subsec-end { width: 100%; border-bottom: 1px  dashed #999999; line-height: 0.1em; margin: 20px 0 30px;}
.select2-container--open { z-index: 999999; }

.container-dir-form { max-width:750px; }

/* TIME INPUT */
.time-input {
    font-family: 'Share Tech Mono', monospace;
    width: 200px;
    font-size: xx-large;
    text-align: center;
    border-color: red;
    border-style: solid;
    border-radius: 5px;
}
/* COLOR INPUT */
input::-webkit-color-swatch {
    border: none;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

._info-tooltip {
    border-bottom: 2px dotted #348fe2;
}
._fancy-link {
    text-decoration: none;
    border-bottom: 2px dotted #ff5b57;
    color: black;
}
._fancy-link:hover {
    text-decoration: none;
    border-bottom: 2px solid #ff5b57;
    color: black;
}

/* FIX FOR BOOTSTRAP TIMEPICKER */
.bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-second {
    width: 40px;
    height: calc(1.5em + (.875rem + 2px));
    border: 1px solid #ced4da;
    padding: 6px;
    background: #fff;
    color: #20252a;
    font-weight: 600;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    border-radius: 4px
}
.bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-second:focus {
    border-color: #5db0ff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem rgba(52,143,226,.25);
    box-shadow: 0 0 0 .25rem rgba(52,143,226,.25)
}