/* .login-page{ height: 100vh; min-height: 100%; } */ #page_layout .breadcrumb { padding-bottom: 0 !important; margin-bottom: 3px !important; padding-top: 0 !important; justify-content: end !important; } .paginate_button.active .page-link { background-color: #fe5c54 !important; border: 1px #fe5c54 !important; } div.dataTables_wrapper div.dataTables_length select { width: 100% !important; display: inline-block; } .sidebar .sidebar-toggle .icon{ -webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; } .form-control { padding: 0.3rem 1.1rem !important; } .card .card-header { padding: 22px 22px 15px !important; } .card-body { padding: 22px 22px 15px !important; } /* .table>:not(caption)>*>* { padding: 10px !important; } */ .sidebar-mini .sidebar-toggle .icon { -webkit-transform: rotate(0) !important; -ms-transform: rotate(0) !important; transform: rotate(0) !important; } .generate_invoice_container .form-control { border: 1px solid #aaa !important; } .pass_eye_btn{ position: relative; } .percent_btn{ position: relative; } .percent_btn_icon{ position: absolute; bottom: 10px; right: 10px; } .eye_btn_icon { position: absolute; bottom: 10px; right: 10px; } .btn-success { --card-btn-color: #fff; --card-btn-bg: #11bb59; --card-btn-border-color: #11bb59; --card-btn-hover-color: #fff; --card-btn-hover-bg: #11bb59; --card-btn-hover-border-color: #11bb59; --card-btn-focus-shadow-rgb: 60, 174, 109; --card-btn-active-color: #fff; --card-btn-active-bg: #11bb59; --card-btn-active-border-color: #11bb59; --card-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0); --card-btn-disabled-color: #fff; --card-btn-disabled-bg: #11bb59; --card-btn-disabled-border-color: #11bb59; } tr.status td { background-color: #fe5c54 !important;color: #ffff;} tr.status td a.btn.btn-outline-info { color: var(--bs-white); background-color: var(--bs-info); border-color: var(--bs-info);} tr.status td a.btn.btn-outline-dark{ color: var(--card-btn-hover-color); background-color: var(--card-btn-hover-bg); border-color: var(--card-btn-hover-border-color);} tr.status td a.btn.btn-outline-warning.cancel_inv{ color: var(--card-btn-hover-color); background-color: var(--card-btn-hover-bg); border-color: var(--card-btn-hover-border-color);} tr.status td a.btn.btn-outline-primary.del{ color: var(--bs-white); background-color: var(--bs-primary); border-color: var(--bs-primary);} .privileges_row{ border-bottom: 1px dotted lightgray; margin: 12px 0; padding: 10px 0; } .privileges_row input, #selectall{ height: 16px; width: 16px; margin-right: 6px; } .privileges_row label{ font-weight: 500; } /* START TOOLTIP STYLES */ [title] { position: relative; /* opinion 1 */ } /* Applies to all titles */ [title]::before, [title]::after { text-transform: none; /* opinion 2 */ font-size: .9em; /* opinion 3 */ line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; } [title]::before { content: ''; border: 5px solid transparent; /* opinion 4 */ z-index: 1001; /* absurdity 1 */ } [title]::after { content: attr(title); /* magic! */ /* most of the rest of this is opinion */ font-family: Helvetica, sans-serif; text-align: center; /* Let the content set the size of the titles but this will also keep them from being obnoxious */ min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); background: #151515; color: #fff; z-index: 1000; /* absurdity 2 */ } /* Make the titles respond to hover */ [title]:hover::before, [title]:hover::after { display: block; } /* don't show empty titles */ [title='']::before, [title='']::after { display: none !important; } /* FLOW: UP */ [title]:not([flow])::before, [title][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #151515; } [title]:not([flow])::after, [title][flow^="up"]::after { bottom: calc(100% + 5px); } [title]:not([flow])::before, [title]:not([flow])::after, [title][flow^="up"]::before, [title][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em); } /* FLOW: DOWN */ [title][flow^="down"]::before { top: 100%; border-top-width: 0; border-bottom-color: #151515; } [title][flow^="down"]::after { top: calc(100% + 5px); } [title][flow^="down"]::before, [title][flow^="down"]::after { left: 50%; transform: translate(-50%, .5em); } /* FLOW: LEFT */ [title][flow^="left"]::before { top: 50%; border-right-width: 0; border-left-color: #151515; left: calc(0em - 5px); transform: translate(-.5em, -50%); } [title][flow^="left"]::after { top: 50%; right: calc(100% + 5px); transform: translate(-.5em, -50%); } /* FLOW: RIGHT */ [title][flow^="right"]::before { top: 50%; border-left-width: 0; border-right-color: #151515; right: calc(0em - 5px); transform: translate(.5em, -50%); } [title][flow^="right"]::after { top: 50%; left: calc(100% + 5px); transform: translate(.5em, -50%); } /* KEYFRAMES */ @keyframes tooltips-vert { to { opacity: .9; transform: translate(-50%, 0); } } @keyframes tooltips-horz { to { opacity: .9; transform: translate(0, -50%); } } /* FX All The Things */ [title]:not([flow]):hover::before, [title]:not([flow]):hover::after, [title][flow^="up"]:hover::before, [title][flow^="up"]:hover::after, [title][flow^="down"]:hover::before, [title][flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards; } [title][flow^="left"]:hover::before, [title][flow^="left"]:hover::after, [title][flow^="right"]:hover::before, [title][flow^="right"]:hover::after { animation: tooltips-horz 300ms ease-out forwards; } .loader.simple-loader .loader-body .image-loader { position: absolute; width: 200px; } .loader.simple-loader { background-color: #000000d1; } .iq-nav-menu > li > a { padding: 10px;} .iq-nav-menu li > ul {margin: 0 0; right: 0;}