:root{--border-grey:1px solid #dee2e6;} .flex.end{display:flex;justify-content:end;} .row.center{justify-content:center;} .f-right{float:right;} .f-left{float:left;} body{height:100vh;} body #main-wrapper{height:100%;} body #main-wrapper .page-wrapper{height:100%;overflow:auto;} .form-check .form-check-label{margin-top:2px;} .btn-group-vertical{gap:3px;} .btn[disabled]{color:white;cursor:not-allowed;border:1px solid #e46a76;} .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0;} .blazored-toast-container{z-index:101;} .table.selectable thead tr th{border-bottom:1px;} .table.selectable tr.selected{background:#17A2F8;} #batch #total-gp{border:1px;display:inline-block;} #batch #total-gp .card-header{color:white;} #batch #total-gp .card-body{border:1px solid #e9ecef;} #batch .btn-group-vertical{height:60%;} #add-bid-form .context-table{width:100%;} #batch-table-card #batch-quotes-table th,#batch-table-card #batch-quotes-table td{padding:9px;} #batch-table-card #batch-quotes-table .bid-actions{margin-bottom:5px;} @keyframes transition-in{from{height:0px;} to{height:50px;}} .context-table{overflow:visible;margin-top:30px;} .table-context-container{animation-name:transition-in;animation-duration:0.5s;position:sticky;bottom:0;z-index:1000;width:100%;overflow:hidden;display:flex;justify-content:center;} .table-context-container .table-context{height:50px;background-color:rgba(43,43,43,0.7);border-radius:30px 4px 4px 4px;padding:5px;padding-left:15px;display:flex;align-items:center;} .table-context-container .table-context .table-actions{display:flex;gap:5px;} .table-context-container .table-context .table-actions button{background-color:transparent;width:40px;border-radius:20% 5%;} #sale-order .order-date{margin-top:7px;} #sale-order .order-date label{margin-bottom:14px;} #sale-order .button-list{display:flex;flex-direction:column;width:100%;justify-content:center;justify-items:center;cursor:pointer;gap:2px;transition:width 2s,height 4s;} #sale-order .button-list label{margin:0;font-weight:400;text-align:center;color:var(--white);pointer-events:none;user-select:none;} #sale-order .button-list.folded{padding:5px;height:35px;background-color:var(--blue);} #sale-order .button-list.folded button{display:none;} #sale-order .button-list.folded label{flex-basis:100%;} #sale-order .button-list.folded:hover{background-color:#038fcd;border-color:#0286c1;} #sale-order .button-list.folded.dropdown-toggle::after{font-size:16px;color:white;position:absolute;} #sale-order .button-list.unfolded{max-height:100px;background-color:#038fcd;} #sale-order .button-list.unfolded label{flex-basis:10%;background-color:#038fcd;} #sale-order .button-list.unfolded button{margin-left:5px;display:unset;border-radius:0;} #sale-order .button-list.unfolded.dropdown-toggle::after{display:none;} #formal-quote .btn-group-vertical,#sale-order .btn-group-vertical,#purchase-order .btn-group-vertical,#shipment .btn-group-vertical{margin-top:40px;margin-left:35px;} #split-line-modal .distribute{display:flex;margin-bottom:10px;} #split-line-modal .distribute h5{padding-top:5px;flex-grow:1;} #split-line-modal .distribute input{flex-grow:1;} #split-line-modal #container{padding:10px;border:1px solid #e9ecef;border-radius:5px;padding-bottom:0;} #split-line-modal #container > hr{margin:10px;} #split-line-modal #container .header{display:flex;text-align:left;padding-left:10px;margin-bottom:15px;} #split-line-modal #container .header h3{flex-grow:1;} #split-line-modal #container .header h3:last-child{text-align:center;} #split-line-modal #container .content{gap:15px;display:flex;flex-direction:column;} #split-line-modal #container .input-group{display:flex;text-align:left;align-items:center;padding-left:10px;} #split-line-modal #container .input-group > *{flex-grow:1;} #split-line-modal #container .input-group input{margin:0;position:static;} #split-line-modal #container .input-group input[type=checkbox]{position:relative;left:45px;} #split-line-modal #container .input-group h4::before{content:"# ";} #split-line-modal #container .content-footer{margin-top:10px;text-align:center;display:flex;} #split-line-modal #container .content-footer label{flex-grow:1;} #split-line-modal .modal-footer{border:none;} #merge-lines-modal #container .header{margin-bottom:15px;} #merge-lines-modal #container .filter-dropdown{width:50%;} #purchase-order .header-wrap{display:flex;} #purchase-order .header-wrap h3{flex-grow:1;} #order-confirmation .info-card{margin:auto;padding:15px;min-height:150px;border:var(--border-grey);} #order-confirmation .info-card h4:first-child{font-weight:bold;} #order-confirmation #footer-card-group .info-card{margin:0;width:100%;} #order-confirmation #footer-card-group .info-card h4{font-weight:normal;} #order-confirmation .context-table{margin:0;} #order-confirmation .context-table table{margin:0;} #order-confirmation #confirmation-body{flex-direction:column;margin-top:30px;display:flex;gap:25px;} #order-confirmation #totals h5{text-align:right;} #order-confirmation #totals #totals-footer{display:flex;flex-direction:row;} #order-confirmation #totals #totals-footer h3{margin:0;} #order-confirmation #totals #totals-footer h3:first-child{flex-grow:1;} #order-confirmation #tuv_container{padding-top:15px;align-items:center;display:flex;gap:10px;padding-left:20px;} #order-confirmation #tuv_container > span{flex-grow:1;} #order-confirmation #tuv_container > span:last-child{text-align:right;flex-basis:33.33%;max-width:500px;padding:8px;} #order-confirmation #tuv_container > span:last-child h5{text-align:left;} #order-confirmation #tuv_container > img{height:100px;} #order-confirmation #footer-buttons{gap:10px;margin-top:15px;display:flex;flex-direction:row;align-items:end;} #order-confirmation #footer-buttons div:first-child{flex-grow:1;} #order-confirmation #footer-buttons button{width:122px;} #order-line-purchase-tab{display:flex;} #order-line-purchase-tab #choose-bid-btn{margin-bottom:15px;} #order-line-purchase-tab .tab-panel{border-left:1px solid #e9ecef;margin-bottom:30px;padding:15px;} #order-line-purchase-tab .tab-panel .form-check{text-align:center;} #order-line-purchase-tab .tab-panel:first-child{border:none;} #order-line-purchase-tab .chk-row{padding-top:35px;} #content-footer{padding-top:20px;} #order-line-sale-tab .chk-wrap{padding-top:35px;display:flex;gap:10px;} #order-line-sale-tab #sale-line-notes{line-height:1.4;} .nav-item[disabled]{cursor:not-allowed;} .nav-item[disabled] .nav-link{pointer-events:none;} .filter-dropdown{min-height:40px;overflow:visible;position:relative;} .filter-dropdown .filter-dropdown-wrap.expanded{position:absolute;z-index:1000;width:100%;} .filter-dropdown ul{border:1px solid #e9ecef;border-radius:0.25rem;list-style-type:none;margin:0;padding:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);background-color:white;display:none;max-height:200px;overflow-y:auto;width:100%;} .filter-dropdown ul li:hover{background:lightblue;cursor:default;}