174 lines
3.5 KiB
CSS
174 lines
3.5 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
|
|
|
|
*{
|
|
font-family: "Roboto Condensed", sans-serif;
|
|
}
|
|
|
|
body{
|
|
zoom: 80%;
|
|
}
|
|
|
|
#facturasTable tbody td:eq(0) {
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
}
|
|
#facturasTable tbody td {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
|
|
background: linear-gradient(to bottom, #00c0e6 0%, #00aaff 100%) !important;
|
|
border: 2px solid #484848;
|
|
}
|
|
button.dt-button, div.dt-button, a.dt-button, input.dt-button {
|
|
background: #33ceff;
|
|
}
|
|
|
|
.dataTables_wrapper .dataTables_length select {
|
|
background-color: #e1f1ff;
|
|
}
|
|
|
|
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
|
|
margin: 5px;
|
|
}
|
|
|
|
.dataTables_wrapper {
|
|
position: relative;
|
|
clear: both;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
.btn:hover {
|
|
color: #000;
|
|
background: #e1f1ff !important;
|
|
}
|
|
::-webkit-scrollbar {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
::-webkit-scrollbar-button {
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: #00aaff;
|
|
border: 0px none #ffffff;
|
|
border-radius: 10px;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #00aaff;
|
|
}
|
|
::-webkit-scrollbar-thumb:active {
|
|
background: #00aaff;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: #363636;
|
|
border: 0px none #ffffff;
|
|
border-radius: 10px;
|
|
}
|
|
::-webkit-scrollbar-track:hover {
|
|
background: #373737;
|
|
}
|
|
::-webkit-scrollbar-track:active {
|
|
background: #373737;
|
|
}
|
|
::-webkit-scrollbar-corner {
|
|
background: transparent;
|
|
}
|
|
|
|
|
|
.table-info {
|
|
--bs-table-color: #000;
|
|
--bs-table-bg: #aedbff;
|
|
--bs-table-border-color: #33ceff;
|
|
--bs-table-striped-bg: #cdf0ff;
|
|
--bs-table-striped-color: #000;
|
|
--bs-table-active-bg: #a1ddff;
|
|
--bs-table-active-color: #000;
|
|
--bs-table-hover-bg: #f4f4f4;
|
|
--bs-table-hover-color: #000;
|
|
color: var(--bs-table-color);
|
|
border-color: var(--bs-table-border-color);
|
|
}
|
|
|
|
.btn-primary {
|
|
--bs-btn-color: #525252;
|
|
--bs-btn-bg: #33ceff;
|
|
--bs-btn-border-color: #33ceff;
|
|
--bs-btn-hover-color: #fff;
|
|
--bs-btn-hover-bg: #2798bb;
|
|
--bs-btn-hover-border-color: #2798bb;
|
|
--bs-btn-focus-shadow-rgb: 49, 132, 253;
|
|
--bs-btn-active-color: #fff;
|
|
--bs-btn-active-bg: #2798bb;
|
|
--bs-btn-active-border-color: #2798bb;
|
|
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
--bs-btn-disabled-color: #fff;
|
|
--bs-btn-disabled-bg: #2798bb;
|
|
--bs-btn-disabled-border-color: #2798bb;
|
|
}
|
|
|
|
.table>thead {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
table.dataTable.no-footer {
|
|
border: 2px solid #00aaff !important;
|
|
}
|
|
|
|
table.dataTable thead th, table.dataTable thead td {
|
|
border-bottom: 0 solid #00aaff !important;
|
|
background: #aedbff;
|
|
}
|
|
|
|
.table-bordered>:not(caption)>*>* {
|
|
border-width: 1px var(--bs-border-width) !important;
|
|
}
|
|
|
|
.form-control:disabled{
|
|
width: 100px;
|
|
}
|
|
|
|
.form-control, input{
|
|
min-width: 100px;
|
|
}
|
|
|
|
.form-control, #miSelect{
|
|
min-width: 70px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.codigo{
|
|
font-size: 15px !important;
|
|
}
|
|
|
|
.cantidad{
|
|
width: 70px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.container, .container-lg, .container-md, .container-sm {
|
|
max-width: 95%;
|
|
}
|
|
}
|
|
|
|
#uuidInput{
|
|
width: 100%;
|
|
}
|
|
|
|
.pdf-button{
|
|
border: none;
|
|
background: none;
|
|
font-size: 1.5rem;
|
|
color: red;
|
|
}
|
|
.modal-backdrop{
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: var(--bs-backdrop-opacity);
|
|
}
|
|
.modal-backdrop.show {
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: var(--bs-backdrop-opacity);
|
|
} |