@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap");

body {
	margin: 0;
	padding: 0;
	overflow: scroll !important;
	font-family: "Poppins", sans-serif !important;
}

.bg-pg7-main { background-color: #198754 !important; }
.bg-pg7-secondary { background-color: #E2FFE9 !important; }

.float-r { float: right !important; }
.hidden { display: none !important; }
.inputDisabled { background-color: #E9ECEF !important; }
.btn-wo-border { border: solid 1px #DEE2E6 !important; }
.trend-arrow { width: 20px !important; }
.modal-body .input-group-text { min-width: 140px; }
.dt-buttons { margin: 10px 5px 0 0 !important; }
a.nav-link { color: #E2FFE9 !important; }

.modal-login .modal-content,
.modal-register .modal-content,
.modal-changepassword .modal-content {
	min-width: 300px !important;
	max-width: 300px !important;
}

.modal-dialog {
	position: absolute;
	left: 250px;
	top: -20px;
	transform: none;
}

.container-fluid {
	margin: 0;
	padding: 0;
}

button.btnProductionDate {
   border-top-right-radius: .4rem !important;
   border-bottom-right-radius: .4rem !important;
}

#GraphTable tr th, #GraphTable tr td,
#GraphTable2 tr th, #GraphTable2 tr td,
#GraphTable3 tr th, #GraphTable3 tr td { 
	padding-left: 1em !important;
	padding-right: 1em !important;
	min-width: 100px !important;
	text-align: center !important;
}

table thead tr th {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 9pt !important;
	text-align: center !important;
	text-transform: uppercase !important;
	background-color: #FFF !important;
}

table.bd thead tr th,
table.bd tbody tr td {
   padding-left: .5em !important;
	padding-right: .5em !important;
	min-width: 140px !important;
}

table thead tr th, 
table tbody tr td, 
table tfoot tr th,
table tfoot tr td {
   margin: 0 !important;
	padding: 0 !important;
}

table.ep_report tbody tr td:nth-child(n+2), 
table.es_report tbody tr td:nth-child(n+2) { 
	text-align: right !important; 
}

.ipep tbody tr td input,
.ipes tbody tr td input,
.ipfd tbody tr td input,
.iptemp tbody tr td input,
.iptemp tbody tr td select { 
	min-width: 100px !important; 
	max-width: 100px !important; 
}

.ipep tfoot.print-footer tr td,
.ipep tfoot.print-footer tr th {
	font-weight: bold !important; text-align: left !important; border-top: 0px !important; 
}

.ipep tbody tr td:first-child,
.ipep tbody tr td:first-child input, 
.ipes tbody tr td:first-child input,
.ipfd tbody tr td:first-child,
.ipfd tbody tr td:first-child input,
.iptemp tbody tr td:first-child input { 
	border: none !important; 
	border-radius: 0px !important;
	text-align: right !important;
}

.ipep tfoot tr th, 
.ipep tfoot tr td {
	margin: 0 !important;
	padding: 0 !important;
}

@media not print {
    .ipep tbody tr td,
    .ipes tbody tr td,
    .ipfd tbody tr td,
	.iptemp tbody tr td { 
        border: none !important;
    }
}

.ep_report tfoot tr th, 
.ep_report tfoot tr td,
.es_report tfoot tr th, 
.es_report tfoot tr td
{
	margin: 0 !important;
	padding: 0 !important; 
	padding-left: .25em !important; 
	padding-right: .25em !important; 
	border-radius: 0px !important; 
	font-weight: bold !important; 
	text-align: right !important;
}

.ep_report thead tr:nth-child(3) th {
	background-color: #FFD865 !important;
	color: #212529 !important;
	border: none !important;
}

.ep_report thead tr:nth-child(4) th {
	background-color: #FFD865 !important;
	color: #212529 !important;
}

.ep_report thead tr:nth-child(4) th:nth-child(n+2) {
	background-color: #212529 !important;
	color: #F9FAFB !important;
}

.ep_report thead tr:nth-child(5) th {
	background-color: #212529 !important;
	color: #F9FAFB !important;
}

.ep_report i.lni, .es_report i.lni { 
	vertical-align: middle !important; 
	font-size: 1.5em !important;
}

.ep_report tbody tr.rowParent td {
	font-size: 11pt !important;
	font-weight: bold !important;
	background-color: #C8C8C8 !important;
}

.ep_report tbody tr.rowChild td { background-color: #9AC1E6 !important; }
.ep_report tbody tr.rowChild td:first-child  {
	padding-left: 1em !important;
	padding-right: 1em !important;
    text-indent: 40px !important;
}

.ep_report thead tr th:first-child {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ep_report thead tr th:nth-child(2) {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ep_report thead tr th:nth-child(n+3):not(:nth-child(8)) {
    min-width: 70px !important;
    max-width: 70px !important;
}

.ep_report tfoot tr td:first-child { text-align: right !important; }
.ep_report tfoot tr td, 
.ep_report tfoot tr th { 
	background-color: #A5A5A5 !important; 
	color: #F9FAFB !important;
}

.ep_report tr td, 
.es_report tr td { padding: 0 .25em !important; }

.es_report thead tr:nth-child(2) th {
	border-top: solid 1px #DEE2E6;
	border-bottom: solid 1px #DEE2E6;
}

.es_report thead tr:nth-child(3) th {
	background-color: #BF8F00 !important;
	color: #212529 !important;
}

.es_report thead tr:nth-child(4) th {
	background-color: #1F4E78 !important;
	color: #F9FAFB !important;
}

.es_report thead tr:nth-child(5) th {
	color: #F9FAFB !important;
}

.es_report thead tr:nth-child(4) th:nth-child(3), 
.es_report thead tr:nth-child(4) th:nth-child(4), 
.es_report thead tr:nth-child(5) th {
   background-color: #212529 !important;
	color: #F9FAFB !important;
}

.es_report tfoot tr:first-child td, .es_report tfoot tr:first-child th,
.es_report tfoot tr:nth-child(4) td, .es_report tfoot tr:nth-child(4) th {
   background-color: #A5A5A5 !important;
	color: #F9FAFB !important;
}

.es_report thead tr th:first-child {
    min-width: 120px !important;
    max-width: 120px !important;
}

.es_report thead tr th:nth-child(n+2) {
    min-width: 70px !important;
    max-width: 70px !important;
}

.es_report tbody tr td:nth-child(20) {
    color: #FFC107 !important;
}

.es_report tbody tr td:nth-child(-n+2) {
    background-color: #C6E0B4 !important;
}

.es_report tbody tr td:nth-child(3), 
.es_report tbody tr td:nth-child(5),
.es_report tbody tr td:nth-child(7) {
	background-color: #1F4E78 !important;
	color: #F9FAFB !important;
}

.es_report tbody tr td:nth-child(4), 
.es_report tbody tr td:nth-child(6),
.es_report tbody tr td:nth-child(8) {
   background-color: #9BC2E6 !important;
	color: #212529 !important;
}

.es_report tbody tr td:nth-child(n+9) {
	background-color: #548235 !important;
	color: #F9FAFB !important;
}

::after,
::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a { text-decoration: none; }
li { list-style: none; }
.wrapper { display: flex; }

.main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    transition: all 0.35s ease-in-out;
    min-width: 0;
}

#sidebar {
    width: 70px;
    min-width: 70px;
    z-index: 1000;
    transition: all .25s ease-in-out;
    display: flex;
    flex-direction: column;
}

#sidebar.expand {
    width: 230px;
    min-width: 230px;
}

.toggle-btn {
    background-color: transparent;
    cursor: pointer;
    border: 0;
    padding: 1rem .5rem 1rem 1.5rem;
}

.toggle-btn i {
    font-size: 2rem;
    color: #F9FAFB;
}

.sidebar-logo { margin: auto 0; }

.sidebar-logo a {
    color: #F9FAFB;
    font-size: 1.15rem;
    font-weight: 600;
}

.sidebar-logo a:hover {
    color: #F9FAFB;
}

#sidebar:not(.expand) .sidebar-logo,
#sidebar:not(.expand) a.sidebar-link span { display: none; }

#sidebar.expand .sidebar-logo,
#sidebar.expand a.sidebar-link span { animation: fadeIn .25s ease; }

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.sidebar-nav { padding: 2rem 0; }

a.sidebar-link {
    padding: .3rem 1.5rem;
    color: #F9FAFB;
    display: block;
    font-size: 0.9rem;
    white-space: nowrap;
    border-left: 3px solid transparent;
}

.sidebar-link i,
.dropdown-item i {
    font-size: 1.6rem;
    margin-right: .25rem;
}

a.sidebar-link:hover {
	background-color: rgba(249, 250, 251, .35);
	border-left: 3px solid #E2FFE9;
	color: #E2FFE9;
}

.sidebar-item { position: relative; }

#sidebar:not(.expand) .sidebar-item .sidebar-dropdown {
    position: absolute;
    top: 0;
    left: 70px;
    background-color: #198754;
    padding: 0;
    min-width: 17rem;
    display: none;
}

#sidebar:not(.expand) .sidebar-item:hover .has-dropdown+.sidebar-dropdown {
    display: block;
    max-height: 15em;
    width: 100%;
    opacity: 1;
}

#sidebar.expand .sidebar-link[data-bs-toggle="collapse"]::after {
    border: solid;
    border-width: 0 .075rem .075rem 0;
    content: "";
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 2rem;
    top: .8rem;
    transform: rotate(-135deg);
    transition: all .2s ease-out;
}

#sidebar.expand .sidebar-link[data-bs-toggle="collapse"].collapsed::after {
    transform: rotate(45deg);
    transition: all .2s ease-out;
}

.navbar { background-color: #E2FFE9; }
.navbar-expand .navbar-collapse { min-width: 200px; }
#myChart1, #myChart2, #myChart3, #myChart4, #myChart5, #myChart6 { 
	min-height: 250px !important; 
	box-shadow: 0px 0px 100px inset; 
}

.loader {
    border: 16px solid #E9ECEF;
    border-top: 16px solid #212529;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    font-size: 24px;
    color: #333;
}

#MyTable_pldrsi thead tr th, 
#MyTable_pldrsi tbody tr td {
	padding-left: .5em !important;
	padding-right: .5em !important;
	min-width: 100px !important;
	max-width: 150px !important;
	text-align: left !important;
	word-wrap: break-word !important;
}

#MyTable_pldrsi thead th .dt-column-order::after,
#MyTable_pldrsi thead th .dt-column-order::before {
    display: none !important;
}

/* RECEIPT STYLING */
.drsi_Table {
	font-size: .90em !important;
	width: 100% !important;
}

.drsi_Table tr td {
	padding-left: .5em !important;
	padding-right: .5em !important;
}

.drsi_Table thead tr:nth-child(1) th:nth-child(1) { text-align: left !important; }
.drsi_Table thead tr:nth-child(1) th:nth-child(2) { border-left: none !important; }

.drsi_Table thead tr:nth-child(1) th:nth-child(3) {
	border-left: none !important;
	text-align: right !important;
}

.drsi_Table thead tr:nth-child(2) th {
	padding-left: .5em !important;
	padding-right: .5em !important;
	min-width: 100px !important;
	max-width: 100px !important;
	background-color: #1F3664 !important;
	color: #F9FAFB !important;
}

.drsi_Table tbody tr td:first-child { padding: 0 .5em !important; }
.drsi_Table tbody tr td { border-top: none !important; }
.drsi_Table tbody tr td:not(:last-child) { border-right: none !important; }

.drsi_Table tbody tr td input {
	text-align: right !important;
	border: none !important;
}

.drsi_Table tbody tr:nth-child(13) td:nth-child(2) input,
.drsi_Table tbody tr:nth-child(14) td:nth-child(2) input,
.drsi_Table tbody tr:nth-child(13) td:nth-child(2),
.drsi_Table tbody tr:nth-child(14) td:nth-child(2) { background-color: #FFCB99 !important; }

.drsi_Table tbody tr:nth-child(13) td:nth-child(3),
.drsi_Table tbody tr:nth-child(14) td:nth-child(3)  { text-align: center !important; }

.drsi_Table tbody tr:nth-child(15) td,
.drsi_Table tbody tr:nth-child(16) td,
.drsi_Table tbody tr:nth-child(17) td,
.drsi_Table tbody tr:nth-child(18) td,
.drsi_Table tbody tr:nth-child(19) td {
	background-color: #1F3664 !important;
	border-color: #1F3664 !important;
	color: #F9FAFB !important;
	text-align: right !important;
}

.drsi_Table tbody tr:nth-child(20) td,
.drsi_Table tbody tr:nth-child(27) td {
	color: #DC3545 !important;
	font-style: italic !important;
	font-weight: bold !important;
	text-align: left !important;
	border-left: none !important;
	border-right: none !important;
}

.drsi_Table tbody tr:nth-child(16) td:not(:nth-child(3)) input { background-color: #FFCB99 !important; }

.drsi_Table tbody tr:nth-child(15) td:nth-child(5) input,
.drsi_Table tbody tr:nth-child(16) td:nth-child(4) input,
.drsi_Table tbody tr:nth-child(17) td:nth-child(5) input,
.drsi_Table tbody tr:nth-child(18) td:nth-child(5) input,
.drsi_Table tbody tr:nth-child(19) td:nth-child(5) input,
.drsi_Table tbody tr:nth-child(16) td:nth-child(3) input {
	background-color: #1F3664 !important;
	color: #F9FAFB;
}

.drsi_Table tfoot tr td { border: none !important; }
.drsi_Table tfoot tr:first-child td input { text-align: center !important; }

.drsi_Table tfoot tr td {
	text-align: center !important; 
	background-color: #FFF !important;
}

.modal-drsi .modal-body {
	margin: 0;
	padding: 0;
}

.modal-drsi .modal-content {
	min-width: 600px !important;
	max-width: 600px !important;
}

.modal-drsi select:disabled,
.modal-drsi input:disabled {
	background-color: #FFF !important;
	pointer-events: none;
}

.receipt-header { width: 135px !important; }

table.drBalance tr th,
table.drBalance tr td {
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
	min-width: 50px !important;
	max-width: 50px !important;
}

table.drBalance tr th { background-color: #212529 !important; color: #FFF; }
table.drBalance tr td { background-color: #FFF !important; }

.price-container {
	display: table;
	width: 100%;
}

.peso-sign {
	display: table-cell;
	text-align: left;
	width: 1%;
	font-weight: bold !important;
}

.value {
	margin-left: .5em !important;
	display: table-cell;
	text-align: right;
}

#chat-icon {
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 1000;
}

#chatModal .modal-dialog {
	min-width: 400px !important;
	max-width: 400px !important;
}

.card-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.card {
	width: 150px !important;
	height: auto;
}

.card-header {
	font-weight: bold;
	background-color: #f5f5f5;
	padding: 5px;
	text-align: center;
}

.card-body {
	padding: .5em;
	font-size: .9em;
}
