/*    Override Bootstrap */

.close {
    border: none; 
    background:none;
}

.btn:hover {
    background-color: black !important;
    color: white !important;
}
.btn {
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 1.1em; 
}
 
/*-------------------------------------------------------------------------------------------*/
.card {
    border: solid 1px silver; 
}
    .card .card-title {
        color: white;
        font-weight: bold;
        padding: 0px;
        padding-top: 10px;
        padding-bottom: 10px; 
        font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .card-content {
        border: solid 5px white;
    }
.card-body {
    color:lawngreen;
    background-color:#3d3d3d;
}
.card-header {
    font-size: 1.4em;
    border-radius: 0px 0px;
    margin: 0px;
    padding: 5px;
    background-color: darkcyan;
    color:white;
}
.card-title {
    color: white;
    padding: 10px;
}
.card-footer {
    color: lawngreen;
    background-color: #3d3d3d;
}

/*-------------------------------------------------------------------------------------------*/
.modal {
    border: solid 1px silver;
}

.modal-body {
    color: black;
    background-color: #3d3d3d;
}

.modal-header {
    background-color: black;
    padding: 5px;
    padding-left: 20px;
}

.modal-title { 
    color:lime;
}
.modal-content {
    background-color: #3d3d3d;
    border:solid 2px white;
}
.modal-footer {
    color: black;
    background-color: #3d3d3d;
} 
.close {
    font-size:1.2em;
    color:red;
}
    .close:focus {
        color: white;
        background-color: red;
    }
/*-------------------------------------------------------------------------------------------*/
button:focus {
    border: solid 2px lawngreen;
}

/*-------------------------------------------------------------------------------------------*/
.table-striped > thead > tr > th {
    font-size: 1.0em;
    color:white;
    line-height:12px;
    font-weight:300;
}
/*.table-striped > thead > tr > th:hover { 
    color: yellow;
    text-decoration:underline;
} */

.paginate_button {
    color: white !important;
}

.table-striped > tbody > tr > td {
    background-color: black;
    cursor: pointer;
    padding: 0px 0px;
    margin: 0px 0px;
    font-size: 1.1em;
}

.table-striped > tbody > tr {
    min-height: 20px;
    padding: 0px;
    font-size: 1.2em;
}
.table-striped > tbody > tr:nth-child(odd) > td {
    color: silver;
    padding: 0px;
}
.table-striped > tbody > tr:nth-child(odd) > td {
    color: white;
    padding: 0px;
}
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #000000de;
    color: #808080ff;
    padding: 0px;
} 

.table-striped > tbody > tr:nth-child(even) > th {
    background-color: black;
    color: silver;
    padding:0px;
}
/*.table-striped > tbody tr:hover > td {
    background-color:dimgrey;
}*/
/*    .table-striped > tbody tr:hover > td > button {
        color: blue; 
    }*/
.table-striped > tbody tr:focus-within > td > div.xr-cs-column-credit-0 {
    color: black;
    background-color: cyan;
    padding:0px;
}

.table-striped > tbody tr:focus-within > td > div.xr-cs-column-credit-1 {
    color: black;
    background-color: limegreen;
    padding: 0px;
}
.table-striped > tbody tr:focus-within > td > .xr-column-green {
    color: black;
    background-color: limegreen;
}
/*.table-striped > tbody tr:hover > td > .xr-column-green {
    color: black;
    background-color: limegreen;
} */
/*.table-striped > tbody tr:hover a { 
    color: blue !important;
}*/
.table-striped > tbody tr:focus-within > td > .xr-column-cyan {
    color: black;
    background-color: cyan;
}

/*.table-striped > tbody tr:hover > td > .xr-column-cyan {
    color: black;
    background-color: cyan;
}*/
.table-striped > tbody tr:focus-within > td > .xr-column-red {
    color: black;
    background-color: red;
}
.table-striped > tbody tr:focus-within > td > button.xr-grid-focus {
    color: black;
    background-color: limegreen;
}

.table-striped > tbody tr:focus-within > td > div.xr-i-printed {
    color: black;
    background-color: yellow;
}

/*.table-striped > tbody tr:hover > td > div.xr-i-printed {
    color: black!important;
    background-color: yellow;
}*/
.table-striped > tbody tr:focus-within > td > div.xr-d-printed {
    color: black;
    background-color: unset;
}
/*.table-striped > tbody tr:hover > td > div.xr-d-printed {
    color: black;
    background-color: unset;
}*/
.table-striped > tbody tr:focus-within > td > div.xr-d-invoiced {
    color: black;
    background-color: yellow;
}
/*.table-striped > tbody tr:hover > td > div.xr-d-invoiced {
    color: black;
    background-color: yellow;
}
*/
.table-striped > tbody tr:focus-within > td {
    color: black;
    background-color: white;
}

.table-striped > tbody tr:focus-within > td > div.xr-hover-box { 
}
/*.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: dimgray !important; 
}*/
 
td { padding:0px; }
/*-------------------------------------------------------------------------------------------*/

.validation-summary-errors {
    margin: 0px;
    margin-top: 20px;
    color: red;
    cursor: pointer;
    background-color: lightgoldenrodyellow;
    color: red !important;
    padding: 8px 10px 8px 10px;
    border: solid 3px red;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: none;
    display: none;
    z-index: 20000;
    border-radius: 10px 10px;
    border-top-left-radius: 0px 0px;
}
.xr-popup {
    position: fixed;
    top:40px;
}

.text-right {
    text-align: right;
}
/*-------------------------------------------------------------------------------------------*/
.input-group > .input-group-prepend {
    flex: 0 0 30%;
}

.input-group {
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 25px;
}
.input-group-text {  
    color:lawngreen;
    background-color: transparent;
    border: none; 
    font-family: 'Courier New'; 
    height:40px;
}
.form-control {
    font-size: 1.2em;
    background-color: transparent;
    color: white;
    border: none;
    border-bottom: none;
    border-radius: 0px 0px;
    font-weight: 500;
    padding-bottom: 0px;
    padding-top: 0px;
    margin:0px;
    line-height:20px;
}
.form-control::placeholder {
     
}
    .form-control:focus {
        background-color: darkblue !important;
        color: white !important;
        border: none;
        box-shadow: none;
        /*border-bottom: solid 1px #a4a4a4;*/
    }
    .form-control:focus-within {
        background-color: darkblue !important;
        color: white !important;
        border: none;
        box-shadow: none;
        /*border-bottom: solid 1px #a4a4a4;*/
    }
    .form-control:disabled {
        background-color: #3d3d3d;
        color: white;
    } 
    .form-control:read-only {
        background-color: #3d3d3d;
        color: white !important;
        border: none; 
    }

    .form-control:read-only::placeholder {
        color: #3d3d3d;
    }

    .form-control.xr-number.is-invalid {
        background-position: left calc(.375em + .1875rem) center;
    }
textarea.form-control {
    min-height: 125px;
    height: unset;
}
.spinner {
    height: 60px;
    width: 60px;
    margin: auto;
    display: flex;
    position: absolute;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0, 174, 239, .15);
    border-right: 6px solid rgba(0, 174, 239, .15);
    border-bottom: 6px solid rgba(0, 174, 239, .15);
    border-top: 6px solid rgba(0, 174, 239, .8);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.overlay {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}

.dataTables_filter input[type=search] {
    background-color:dimgrey;
    color:aquamarine;
    font-size:1.2em;
}
.dataTables_filter input[type=search]:focus {
    background-color: navy;
    color: aquamarine;
}
.dataTables_filter label {
    color: lawngreen;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: white !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: lawngreen !important;
} 
/*-------------------------------------------------------------------------------------------*/
/*.btn:hover {
    color: lime;
}*/

.btn-default {
    border-radius:0px;
    color:white;
}
/*.btn-default :hover {
    color: white;
    background-color: black;
}*/
.btn-default :focus {
    color: white;
    background-color: black;
}
/*///datepicker///*/
/*.ui-datepicker {
    z-index: 100000;
}*/
.btn-group {
    color: white;
}
.btn-group > button {
    color: white;
}
/*    .btn-group > button:hover {
        color: yellow;
    }*/

.dataTables_scrollBody {
    min-height: 300px;
    overflow: visible !important;
    overflow-y: visible !important;
}

.dataTables_paginate .ellipsis {
    color:white;
}

.form-control[data-slots] {
    font-family:inherit;
}