body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h2{text-align:center;color:#e03c31;margin-bottom:20px;font-weight:600}.title{font-size:1.3rem;font-weight:300;color:#474747;margin-bottom:2%}.btn{text-decoration:none;padding:10px 20px;border-radius:2px;color:#fff;border:none;cursor:pointer;transition:background .3s ease}.btn-green{background:#4caf50}.btn-green:hover{background:#7bdd7f}.profit{color:#48c237}.loss{color:#fa764e}.down{color:#df4949}.up{color:#67c988}.signup_page,.login_page{margin-top:100px;display:flex;justify-content:center}.signup_form,.login_form{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:40px;width:100%;max-width:400px;position:relative}.signup_form input,.login_form input{width:98%;padding:12px;margin-bottom:15px;border:1px solid #d1d1d1;border-radius:8px;outline:none}.signup_form input:focus,.login_form input:focus{border-color:#e03c31}.signup_form button,.login_form button{width:40%;background-color:#e03c31;color:#fff;padding:12px;border-radius:8px;font-weight:600;margin:0 auto;border:transparent;display:flex;align-items:center;gap:5px;justify-content:center}.signup_form button:hover,.login_form button:hover{background-color:#c63229}.signup_form span,.login_form span{display:block;text-align:center;margin-top:10px}.signup_form a,.login_form a{color:#e03c31;text-decoration:none;font-weight:500}.backward{color:#e03d318f;position:absolute;top:20px;left:20px;cursor:pointer}.backward:hover{color:#e03c31}.divider-wrapper{display:flex;align-items:center;margin:15px 0}.divider{flex:1;height:1px;background-color:#ccc;border:none}.divider-text{margin:0 10px;color:#4285f4;font-weight:500}.googlelogin{display:flex;align-items:center;justify-content:center}.watchlist-container{height:100%;box-sizing:border-box;overflow-y:auto;position:relative}.search-container{display:flex;align-items:center;position:relative;border-bottom:.8px solid rgb(235,234,234)}.search{width:100%;border:none;padding:15px 20px;font-size:.9rem}.search:focus{outline:none}.counts{position:absolute;right:20px;font-size:.9rem;color:#b1b1b1}.list{list-style-type:none;padding:0;margin:0}.list li{border-bottom:.8px solid rgb(235,234,234);padding:12px 14px;position:relative}.list li:hover{cursor:pointer;background-color:#f3f3f3}.list li:hover>.actions{display:flex}.item{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.item-info{display:flex;align-items:center;gap:8px}.actions{position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:flex-end;display:none;background:linear-gradient(to left,white 50%,transparent);padding-right:10px}.actions button{width:40px;height:30px;border-radius:4px;margin-left:8px}.buy{background-color:#4184f3;color:#fff;border:1px solid #4184f3}.sell{background-color:#ff5722;color:#fff;border:1px solid #ff5722}.action{background-color:#fff;border:1px solid #9b9b9b}.order-table{width:100%;border-collapse:collapse}table{caption-side:bottom;border-collapse:collapse;width:100%}.order-table th,.order-table td{padding:15px 10px;text-align:right}.order-table th{color:#919191;font-weight:300;font-size:.8rem;border-bottom:1px solid rgb(211,211,211)}.order-table td{font-weight:400;font-size:.9rem;color:#494949;border-bottom:1px solid #f0f0f0}.order-table tr th:first-child,.order-table tr td:first-child{text-align:left}.sell-btn{background-color:#f44;padding:8px 12px;border-radius:3px;border:none;color:#fff;cursor:pointer}.no-orders{text-align:center;padding:4rem 0;color:#adadad}.no-orders .btn{margin-top:1rem;background:#4184f3}.indices-container{height:100%;width:100%;padding:10px 20px;border-right:1px solid rgb(224,224,224);box-sizing:border-box;display:flex;align-items:center;justify-content:space-around}.nifty{flex-basis:40%;display:flex;align-items:center;justify-content:space-evenly;z-index:-2}.sensex{flex-basis:40%;display:flex;align-items:center;justify-content:space-evenly}.nifty>*,.sensex>*{margin-right:8px}.index{font-size:.8rem;font-weight:500;text-transform:uppercase;color:#616161;white-space:nowrap}.index-points{font-size:.8rem;font-weight:500;color:#df4949}.percent{font-size:.8rem;font-weight:400;color:#929292}.index:hover{cursor:pointer}@media (max-width: 700px){.signup_page{margin-top:40px}.signup_form button,.login_form button{width:100%}.table-responsive{width:100%;overflow-x:auto}}.mobile-only-navbar{display:none}@media (max-width: 768px){.mobile-only-navbar{display:block}}.container{--radius: 4px;width:40%;height:63%;background:#f5f5f5;position:absolute;bottom:0;left:35%;cursor:move;box-sizing:border-box;z-index:100;border-radius:var(--radius);border:1px solid rgb(238,238,238)}.dragging{opacity:0}.container .header{width:100%;background:#4184f3;box-sizing:border-box;padding:16px;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.header h3{color:#fff;font-size:1rem;font-weight:500;margin-bottom:6px}.header h3 span{font-size:.6rem}.market-options{font-weight:300;color:#fff;font-size:.8rem}.market-options label,.order-validity label input,.sub-order-type label,.sub-order-type label input,.stop-loss-type label,.stop-loss-type label input{margin-right:6px;cursor:pointer}.market-options input[type=radio]{border:1px solid #ddd;cursor:pointer;padding:2px;margin-right:6px}.tab{width:100%;box-sizing:border-box;background-color:#f9f9f9;border-bottom:2px solid rgba(180,180,180,.6)}.tab button{border:none;padding:14px 16px;background:transparent;color:#4184f3;font-weight:400;font-size:.8rem;cursor:pointer}.regular-order{padding:16px 26px 30px;background-color:#fff}.regular-order label{font-size:.8rem;cursor:pointer}.order-validity{width:70%;display:flex;align-items:center;justify-content:space-between}.order-validity label span{color:#bebebe}.inputs{display:flex;align-items:center;justify-content:space-between;margin-top:16px;margin-bottom:16px}.inputs fieldset{max-width:120px;box-sizing:border-box;border:.7px solid #ddd;margin-right:8px}.inputs fieldset legend{margin-left:10px;font-size:.8rem;padding:0 4px}.inputs fieldset:last-of-type legend{color:#ddd}.inputs fieldset input{border:none;margin-right:8px;max-width:130px;min-height:35px;padding:0 12px;box-sizing:border-box;font-size:1.1rem}.options{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.options span{color:#4184f3;font-size:.8rem;cursor:pointer}.buttons{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;position:relative;top:10%;padding:0 20px}.buttons span{font-size:.8rem}.btn{text-decoration:none;padding:10px 20px;border-radius:2px;color:#fff;margin-right:2px;margin-left:2px}.btn-grey{background:#d4d4d4;color:#666}.btn-blue{background:#4184f3}.tab button:after{content:"";width:100%;height:3px;display:none;margin-top:10px;background-color:#4184f3}.inputs fieldset:focus{outline:none;border:.7px solid rgb(49,49,49);border-radius:2px}.inputs fieldset input:focus{outline:none}.inputs fieldset input:disabled{cursor:not-allowed;background-color:transparent}.btn-blue:hover{background:#74a7fa}.btn-grey:hover{background:#9b9b9b;color:#fff}@media (max-width:700px){.container{--radius: 4px;width:60%;height:50%;bottom:10%}.inputs fieldset input{max-width:75px}.btn{text-decoration:none;border:none;font-weight:400}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#fff;border-bottom:1px solid #e0e0e0;position:relative}.navbar-logo a{text-decoration:none;color:#333;font-weight:700;font-size:1.5rem;display:flex;align-items:center}.navbar-links{display:flex;align-items:center;gap:1.5rem}.navbar-links .menu{font-size:.8rem;font-weight:400;color:#464646;text-decoration:none;transition:color .3s ease}.navbar-links .menu:hover{color:#f56834}.navbar-links .menu.selected{color:#f56834;font-weight:700}.toggleandprofile{display:flex;align-items:center;gap:1.5rem}.profile{display:flex;align-items:center;gap:.5rem;cursor:pointer}.avatar{width:30px;height:30px;text-align:center;font-size:.7rem;font-weight:400;color:#dd8bdd;justify-content:center;align-items:center;border-radius:50%;display:flex;background:#fce5fc}.username{font-size:.8rem;font-weight:300}.watchlist-mobile-link{display:none}.navbar-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.bar{width:25px;height:3px;background-color:#333;border-radius:5px;transition:all .3s ease-in-out}.bar.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 700px){.navbar-links{display:none;flex-direction:column;width:100%;position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 4px 6px #0000001a;padding:1rem 0;z-index:10}.navbar-links.active,.navbar-toggle{display:flex}.watchlist-mobile-link{display:block!important;width:100%;text-align:center}.profile .username{display:none}.auth{flex-direction:column;text-align:center;width:100%}}.dashboard-layout{display:flex;width:100%;height:100vh}.watchlist-column{flex:0 0 30%;border-right:1px solid #e0e0e0;height:100vh;overflow-y:auto}.main-content-column{flex:1;display:flex;flex-direction:column;height:100vh;min-width:0}.main-content-scrollable{flex-grow:1;overflow-y:auto;padding:1.5rem}@media (max-width: 768px){.watchlist-column{display:none}.main-content-column{flex:1 1 100%}}.watchlist-column::-webkit-scrollbar{width:6px}.watchlist-column::-webkit-scrollbar-track{background:transparent}.watchlist-column::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.watchlist-column::-webkit-scrollbar-thumb:hover{background:#aaa}
