body{ background: none !important; overflow: hidden !important; } html{ overflow: hidden !important; } * { margin: 0; padding: 0; box-sizing: border-box; } #bankui { opacity: 0; transition: 0.5s ease-in-out opacity; margin-top: 3%; background-color: #212832; } .hidden{ display: none !important; } .header-title { color:white; } .img-spacer { padding-right: 20px; padding-left: 20px; } .income { color: #92f075; text-shadow: 2px 2px rgba(0, 0, 0, 0.05); } .addition { color: #92f075; text-shadow: 2px 2px rgba(0, 0, 0, 0.05); } .expense { color: #f2a367; text-shadow: 2px 2px rgba(0, 0, 0, 0.05); } p { margin-bottom: 0.5rem; } .note { margin: 0; } .account { margin: 1rem; margin-bottom: 0.4rem; } .deposit{ background: #92f075; color: #000 !important; border: 0; } .withdraw{ background: #f2a367; color: #000 !important; border: 0; } .transfer{ background: #dfe0db; color: #000 !important; border: 0; } .deposit:hover{ background: #82d669; color: #000 !important; } .withdraw:hover{ background: #d9935d; color: #000 !important; } .transfer:hover{ background: #c6c7c3; color: #000 !important; } .container{ margin-top: 13%; display: flex; } #Transaction_Row{ height: 800px; overflow-y: scroll; box-sizing: content-box; background-color: #212832; } .dark-modal, .modal-body, .modal-header, .modal-footer{ color: #fff; background: #263646; border: 0 !important; } .right{ float: right; right: 0; } /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #212529; } /* Handle */ ::-webkit-scrollbar-thumb { background: #769ec5; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #212529; } .bgdark1 { background-color: #30475c!important; } .bgdark2 { background-color: #1e3956!important; border: rgba(255, 255, 255, 0.5); border-width: 1px; border-style: solid; }