*{margin:0;padding:0}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}.sell-button{background-color:#ff4d4d;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;display:none}tr:hover .sell-button{display:inline-block}.sell-button:hover{background-color:#e60000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-container{width:100%;height:90vh;display:flex;align-items:center;box-sizing:border-box}.content{flex-basis:68%;height:100%;box-sizing:border-box;overflow-y:auto;padding:3% 2%}.funds{width:100%;text-align:right;display:flex;align-items:center;justify-content:flex-end}.funds p{font-size:.8rem;color:#b3b3b3;margin-right:8px}.btn-green{background:#4caf50}.row{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin-top:5%}.col{flex-basis:48%;text-align:left}.col span{display:flex;align-items:center;margin-bottom:2%}.section-icon{transform:scale(.8);color:#423838;padding:0;margin:0 10px 0 0}.col span p{display:inline-block;font-size:1.2rem;font-weight:300}.table{border:1px solid #ddd;padding:5% 8%}.table .data{display:flex;align-items:center;justify-content:space-between}.table .data>*{margin-bottom:5%}.table .data p:first-child{font-size:1rem;color:#979797}.imp{font-size:1.5rem;color:#313131}.colored{color:#4184f3}.table hr{border:none;background:#d1d1d1;height:.5px;margin-bottom:5%}.commodity{padding:2% 8%;text-align:center}.commodity p{margin-bottom:10%;color:#c9c9c9}.btn-green:hover{background:#7bdd7f}.order-table tr{border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}.order-table tr th:nth-child(1),.order-table tr th:nth-child(4){border-right:1px solid #f1f1f1}.order-table tr td:nth-child(1),.order-table tr td:nth-child(4){border-right:1px solid #f1f1f1}.menu-container{flex-basis:68%;height:100%;padding:10px 20px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.logo{width:30px;height:20px}.menus{display:flex;align-items:center;justify-content:space-evenly}.menus ul{list-style-type:none}.menus li{display:inline-block;margin-right:30px;text-decoration:none}.menu{font-size:.8rem;font-weight:400;color:#464646}.menu.selected{color:#f56834}hr{border-left:.8px solid rgb(243,242,242);height:30px}.profile{display:flex;align-items:center;justify-content:space-evenly;margin-left:20px}.profile .avatar{width:30px;height:30px;position:relative;font-size:.7rem;font-weight:400;color:#dd8bdd;justify-content:center;align-items:center;border-radius:100%;text-align:center;display:flex;background:#fce5fc;margin-right:8px}.profile .username{font-size:.8rem;font-weight:300}.menu:hover{color:#f56834}.profile:hover{cursor:pointer}.profile:hover .username{cursor:pointer;color:#df5b2b}.orders{width:100%;height:90vh}.no-orders{display:flex;flex-direction:column;align-items:center;justify-content:center}.no-orders .icon{transform:scale(4);color:#adadad;display:block}.no-orders p{margin-top:6%;color:#adadad;font-size:1rem;font-weight:300}.btn{text-decoration:none;background:#4d4df8;padding:10px 20px;border-radius:2px;color:#fff;margin-top:2%}.btn:hover{background:#6e6efd}.title{font-size:1.3rem;font-weight:300;color:#474747;margin-bottom:2%}.order-table table{width:100%;border-collapse:collapse}.order-table tr{border-top:1px solid rgb(211,211,211);border-bottom:1px solid rgb(211,211,211)}.order-table th{text-align:right;padding:15px 10px;color:#919191;font-weight:300;font-size:.8rem}.order-table tr th:first-child,.order-table tr td:first-child{text-align:left}.order-table tr td:first-child p{background:#ffc5c5;color:#e97878;width:50%;text-align:center;border-radius:2px}.order-table tr td:last-child{font-size:.6rem}.order-table td{padding:10px;text-align:right;font-weight:400;font-size:.9rem;color:#494949}.align-left{text-align:left}.order-table td.profit{color:#48c237}.order-table td.loss{color:#fa764e}.row{display:flex;align-items:center;justify-content:space-between;margin-top:5%}.col{flex-basis:33%}.col h5{font-size:1.8rem;color:#474747;font-weight:300}.col h5 span{font-weight:300;font-size:.9rem}.col p{font-size:.8rem;color:#999;font-weight:300;margin-top:2%}.row .col:last-child h5{color:#48c237}.item:hover{cursor:pointer}.username h6{font-size:1.5rem;font-weight:400;color:#535353;margin-bottom:20px}.divider{border:none;background:#d1d1d1;height:1px;margin:20px 0 5%}.section{padding-bottom:2%}.section span{display:flex;align-items:center;margin-bottom:2%}.section span p{display:inline-block;font-size:1.2rem;font-weight:300}.section-icon{transform:scale(.8);color:#707070;padding:0;margin:0 10px 0 0}.data{width:50%;display:flex;align-items:center;justify-content:space-evenly}.data .first h3{font-size:2.5rem;font-weight:300;color:#474747}.data .first p{font-size:.8rem;color:#888}.data .first small{font-size:.8rem;color:#48c237}.data .first .profit{color:#48c237}.data hr{border-left:.6px solid rgb(243,242,242);height:70px}.data .second p{font-size:.8rem;color:#888;margin-bottom:10px;white-space:nowrap}.data .second p span{display:inline;margin-left:5%;font-size:.9rem;color:#646464}.section hr{margin-top:6%}.topbar-container{width:100%;height:10vh;display:flex;align-items:center;box-shadow:0 0 4px 2px #ecebeb;box-sizing:border-box;z-index:9}.indices-container{flex-basis:32%;height: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}.watchlist-container{flex-basis:32%;height:100%;box-sizing:border-box;box-shadow:0 0 4px 1px #ecebeb;overflow-y:auto;position:relative}.search-container{display:flex;align-items:center;justify-content:space-evenly;position:relative}.search{width:100%;height:6%;border:none;padding:15px 20px;font-size:.9rem;font-weight:400;color:#f1f1f1;border-bottom:.8px solid rgb(235,234,234)}.counts{position:absolute;right:20px;font-size:.9rem;font-weight:400;color:#b1b1b1}.list{list-style-type:none;padding-bottom:12%}.list li{border-bottom:.8px solid rgb(235,234,234);padding:12px 10px 12px 14px;position:relative}.item{display:flex;align-items:center;justify-content:space-between;font-weight:300;font-size:.8rem;position:relative}.item-info{display:flex;justify-content:space-evenly;align-items:center}.item-info>*{margin-right:8px}.item-info span:nth-child(1){color:#8d8d8d;flex:1}.item-info span:nth-child(2){color:#df4949;margin-right:12px;flex:2}.item-info span:nth-child(3){color:#df4949;flex:1}.actions{position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:flex-end;display:none}.actions span button{width:40px;height:30px;border-radius:4px;text-align:center;margin-right:8px;cursor:pointer}.buy{background-color:#4184f3;color:#fff;font-weight:400;font-size:.8rem;border:.7px solid #4184f3}.sell{background-color:#ff5722;color:#fff;font-weight:400;font-size:.8rem;border:.7px solid #ff5722}.action{background-color:#fff;border:.7px solid #9b9b9b}.icon{transform:scale(.7);color:#414141}.watchlist-number{height:6%;width:32%;box-sizing:border-box;position:fixed;display:inline-flex;align-items:center;justify-content:space-between;bottom:1px;padding:20px 20px 20px 0;left:0;border:1px solid rgb(231,231,231);z-index:5;background:#fff}.watchlist-number ul{list-style-type:none}.watchlist-number ul li{display:inline-block;padding:10px 20px;border-right:1px solid rgb(231,231,231)}.watchlist-number ul li:nth-child(1){color:#df4949}.down{color:#df4949}.up{color:#67c988}.settings{transform:scale(.8);color:#696969}.search:focus{outline:none}.list li:hover{cursor:move;background-color:#f3f3f3}.list li:hover>.actions{display:flex;cursor:move}.list li:before{content:"";background:transparent;width:100%;height:100%;position:absolute;top:0;left:0}.watchlist-number ul li:hover{color:#f56834;cursor:pointer;background:#f3f3f3}.settings:hover{cursor:pointer}.action:hover{background-color:#d4d4d4}.dashboardContainer{background-color:#f4f4f4;padding:20px}.orders{padding:20px}.order-history{margin-top:20px}.order-history table{width:100%;border-collapse:collapse}.order-history th,.order-history td{border:1px solid #ddd;padding:10px;text-align:left}.order-history th{background-color:#f4f4f4}.order-history tr:nth-child(2n){background-color:#f9f9f9}.order-history tr:hover{background-color:#f1f1f1}.no-orders{text-align:center}.no-orders .btn{display:inline-block;margin-top:10px;background-color:#007bff;color:#fff;padding:10px 15px;border-radius:5px;text-decoration:none}.no-orders .btn:hover{background-color:#0056b3}.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}